@import "https://fonts.googleapis.com/css2?family=DM+Serif+Display:ital@0;1&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";.bottom-nav{background-color:var(--nav-bg);-webkit-backdrop-filter:blur(24px);border-top:1px solid var(--border-solid);z-index:1000;justify-content:space-around;align-items:center;height:5rem;padding:0 .25rem .6rem;display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0f1f1a0d}.dark-theme .bottom-nav{box-shadow:0 -4px 24px #00000073}@media (width>=601px){.bottom-nav{border:1px solid var(--border-solid);border-bottom:none;border-radius:20px 20px 0 0;max-width:600px;left:50%;transform:translate(-50%)}}.nav-item{color:var(--text-muted);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:0;min-width:0;padding:.35rem .15rem 0;text-decoration:none;display:flex;position:relative}.icon-wrapper{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:background .3s cubic-bezier(.4,0,.2,1),box-shadow .3s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative}.nav-icon{transition:color .25s,transform .2s cubic-bezier(.34,1.56,.64,1);display:block}.nav-label{letter-spacing:.03em;white-space:nowrap;opacity:0;max-height:0;color:var(--primary);margin-top:0;font-size:.6rem;font-weight:700;transition:max-height .3s cubic-bezier(.4,0,.2,1),opacity .25s,transform .3s cubic-bezier(.4,0,.2,1),margin-top .3s;overflow:hidden;transform:translateY(4px)}.nav-item.active{color:var(--primary)}.nav-item.active .icon-wrapper{background:var(--primary-gradient);transform:translateY(-2px);box-shadow:0 4px 14px #0d9f6e47}.dark-theme .nav-item.active .icon-wrapper{box-shadow:0 4px 14px #10d49a33}.nav-item.active .nav-icon{color:#fff;transform:scale(1.05)}.nav-item.active .nav-label{opacity:1;max-height:1.2rem;margin-top:.2rem;transform:translateY(0)}.nav-item:not(.active):hover .icon-wrapper{background:var(--primary-light);transform:translateY(-1px)}.nav-item:not(.active):hover .nav-icon{color:var(--primary)}.app-container{flex-direction:column;width:100%;min-height:100vh;display:flex}.main-content{flex:1;width:100%}:root{--bg-color:#f0f4f3;--bg-subtle:#e8efed;--surface-color:#ffffffeb;--surface-solid:#fff;--nav-bg:#fffffff5;--text-primary:#0f1f1a;--text-secondary:#4a6860;--text-muted:#8aada6;--primary:#0d9f6e;--primary-hover:#0b8a5f;--primary-light:#0d9f6e1a;--primary-gradient:linear-gradient(135deg, #0d9f6e 0%, #06b6d4 100%);--primary-gradient-soft:linear-gradient(135deg, #0d9f6e0f 0%, #06b6d40a 100%);--accent:#0891b2;--accent-light:#0891b21a;--danger:#dc2626;--danger-light:#dc262614;--success:#0d9f6e;--success-light:#0d9f6e1a;--warning:#d97706;--warning-light:#d977061a;--border-color:#0d9f6e14;--border-solid:#dde7e4;--border-glass:#fff9;--shadow-sm:0 1px 3px #0f1f1a0a, 0 1px 2px #0f1f1a08;--shadow-md:0 4px 16px #0f1f1a12, 0 2px 6px #0f1f1a0a;--shadow-lg:0 16px 48px #0f1f1a1a, 0 6px 16px #0f1f1a0f;--shadow-card:0 2px 8px #0f1f1a0d, 0 0 0 1px #0d9f6e12;--radius-sm:.5rem;--radius-md:.875rem;--radius-lg:1.25rem;--radius-xl:1.75rem;--input-bg:#fffffff2;--input-border:#c8d8d3;--font-display:"DM Serif Display", Georgia, serif;--font-body:"Plus Jakarta Sans", system-ui, sans-serif}.dark-theme{--bg-color:#07100d;--bg-subtle:#0d1a16;--surface-color:#0e1814eb;--surface-solid:#0d1a16;--nav-bg:#080e0bfa;--text-primary:#e2f0eb;--text-secondary:#6da898;--text-muted:#3d7068;--primary:#10d49a;--primary-hover:#0ebd89;--primary-light:#10d49a1f;--primary-gradient:linear-gradient(135deg, #10d49a 0%, #22d3ee 100%);--primary-gradient-soft:linear-gradient(135deg, #10d49a14 0%, #22d3ee0d 100%);--accent:#22d3ee;--accent-light:#22d3ee1a;--danger:#f87171;--danger-light:#f871711a;--success:#10d49a;--success-light:#10d49a1f;--warning:#fbbf24;--warning-light:#fbbf241a;--border-color:#10d49a0f;--border-solid:#ffffff12;--border-glass:#ffffff0a;--shadow-sm:0 1px 3px #0000004d;--shadow-md:0 4px 16px #0006;--shadow-lg:0 16px 48px #0000008c;--shadow-card:0 2px 8px #00000059, 0 0 0 1px #10d49a14;--input-bg:#ffffff08;--input-border:#ffffff1a}*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-color);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.55;transition:background-color .4s,color .4s}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#0d9f6e33;border-radius:10px}.dark-theme ::-webkit-scrollbar-thumb{background:#10d49a26}button{cursor:pointer;background:0 0;border:none;font-family:inherit}.btn-primary{background:var(--primary-gradient);color:#fff;letter-spacing:.01em;border:none;font-weight:700;transition:all .22s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 16px #0d9f6e47}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 8px 24px #0d9f6e5c}.btn-primary:active{transform:scale(.97)}.dark-theme .btn-primary{box-shadow:0 4px 16px #10d49a33}.label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:.5rem;font-size:.7rem;font-weight:700;display:block}.page-container{flex-direction:column;max-width:600px;min-height:100vh;margin:0 auto;padding:2.25rem 1.25rem 7rem;display:flex}@media (width<=600px){.page-container{padding:1.75rem 1rem 7rem}}.modal-overlay{-webkit-backdrop-filter:blur(8px);z-index:2000;background-color:#07100db3;justify-content:center;align-items:center;padding:1.5rem;animation:.25s ease-out forwards fadeInOverlay;display:flex;position:fixed;inset:0}@media (width<=600px){.modal-overlay{align-items:flex-end;padding:0}}@keyframes fadeInOverlay{0%{opacity:0}to{opacity:1}}.modal-content{background-color:var(--surface-solid);border-radius:var(--radius-xl);width:100%;max-width:580px;max-height:90vh;box-shadow:var(--shadow-lg), 0 0 0 1px var(--border-solid);flex-direction:column;animation:.3s cubic-bezier(.16,1,.3,1) forwards modalScaleIn;display:flex;position:relative;overflow:hidden}@media (width<=600px){.modal-content{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92dvh;animation:.35s cubic-bezier(.16,1,.3,1) forwards modalSlideUp}}@keyframes modalSlideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-content .modal-header{border-bottom:1px solid var(--border-solid);background-color:var(--surface-solid);z-index:10;flex-shrink:0;padding:1.5rem}.modal-content .modal-body{overscroll-behavior:contain;-webkit-overflow-scrolling:touch;flex:1;min-height:0;padding:1.5rem;overflow-y:auto}.modal-content .modal-footer{border-top:1px solid var(--border-solid);background-color:var(--bg-subtle);z-index:10;flex-shrink:0;padding:1.5rem}.modal-content form{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.96)translateY(8px)}to{opacity:1;transform:scale(1)translateY(0)}}.card{background-color:var(--surface-color);-webkit-backdrop-filter:blur(20px);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--border-solid);padding:1.25rem 1.5rem;transition:transform .2s,box-shadow .2s}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.btn{border-radius:var(--radius-md);font-weight:600;font-family:var(--font-body);justify-content:center;align-items:center;gap:.45rem;padding:.75rem 1.2rem;font-size:.9rem;transition:all .2s;display:inline-flex}.input-field{border-radius:var(--radius-md);border:1.5px solid var(--input-border);background-color:var(--input-bg);width:100%;color:var(--text-primary);font-family:var(--font-body);padding:.8rem 1rem;font-size:16px;transition:all .2s}.input-field::placeholder{color:var(--text-muted)}.input-field:focus{border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light);outline:none}.value-large{font-family:var(--font-display);color:var(--text-primary);letter-spacing:-.3px;margin:0;font-size:2.1rem;font-weight:400;line-height:1.15}.btn-small{background-color:var(--primary-light);color:var(--primary);letter-spacing:.02em;border:none;border-radius:.4rem;padding:.28rem .65rem;font-size:.72rem;font-weight:700;transition:all .18s}.btn-small:hover{background-color:var(--primary);color:#fff}.icon-badge{border-radius:.7rem;justify-content:center;align-items:center;padding:.55rem;display:flex}.icon-badge-primary{background:var(--primary-light);color:var(--primary)}.icon-badge-warning{background:var(--warning-light);color:var(--warning)}.icon-badge-danger{background:var(--danger-light);color:var(--danger)}.icon-badge-success{background:var(--success-light);color:var(--success)}.icon-badge-indigo{background:var(--primary-light);color:var(--primary)}.icon-badge-purple{color:#8b5cf6;background:#8b5cf61a}.icon-badge-sky{background:var(--accent-light);color:var(--accent)}.text-gradient{background:var(--primary-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.error-text{color:var(--danger);font-size:.78rem;font-weight:600}.dashboard-grid{flex-direction:column;gap:1rem;display:flex}.alert-banner{border-radius:var(--radius-md);border-left-style:solid;border-left-width:3px;align-items:center;gap:.65rem;padding:.65rem .875rem;font-size:.87rem;font-weight:500;display:flex}.alert-banner-info{background-color:var(--primary-light);border-left-color:var(--primary)}.alert-banner-warning{background-color:var(--warning-light);border-left-color:var(--warning)}.alert-banner-danger{background-color:var(--danger-light);border-left-color:var(--danger)}.alert-banner-success{background-color:var(--success-light);border-left-color:var(--success)}.card-inner{background-color:var(--bg-subtle);border-radius:var(--radius-md);padding:.875rem 1rem}.card-inner-accent{background-color:var(--bg-subtle);border-radius:var(--radius-md);border-left:3px solid var(--primary);padding:.875rem 1rem}.month-nav{background-color:var(--surface-color);border-radius:var(--radius-lg);border:1px solid var(--border-solid);box-shadow:var(--shadow-sm);justify-content:space-between;align-items:center;margin-bottom:1.75rem;padding:.6rem .875rem;display:flex}.month-nav-title{color:var(--primary);text-transform:capitalize;font-size:1.05rem;font-weight:700}.avatar{background:var(--primary-gradient);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:.95rem;font-weight:700;display:flex}.dist-badge{letter-spacing:.04em;text-transform:uppercase;background-color:var(--primary-light);color:var(--primary);border-radius:.35rem;padding:.12rem .5rem;font-size:.68rem;font-weight:700;display:inline-block}.empty-state{text-align:center;color:var(--text-muted);border:1.5px dashed var(--border-solid);border-radius:var(--radius-lg);padding:3.5rem 2rem}.form-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.4rem;font-size:.7rem;font-weight:700;display:block}.detail-row{justify-content:space-between;align-items:center;padding:.4rem 0;font-size:.875rem;display:flex}.detail-row+.detail-row{border-top:1px solid var(--border-color)}@keyframes fadeInSlide{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes skeleton-pulse{0%{background-position:200% 0}to{background-position:-200% 0}}.animate-fade-in{animation:.45s cubic-bezier(.16,1,.3,1) forwards fadeInSlide}.flex-col-1{flex-direction:column;flex:1;min-height:0;display:flex}.overflow-hidden{overflow:hidden}.w-full{width:100%}