@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-primary:#25c178;--color-primary-light:#3eda91;--color-primary-dark:#1d965d;--color-primary-glow:#25c17859;--color-primary-subtle:#25c1781a;--color-accent:#f59f0a;--color-accent-light:#f7b23b;--color-accent-dark:#c47f08;--color-accent-glow:#f59f0a4d;--bg-base:#0f1319;--bg-surface:#151a23;--bg-surface-raised:#1b212d;--bg-surface-overlay:#212836;--bg-surface-hover:#262f40;--glass-bg:#1b212d99;--glass-bg-heavy:#1b212dcc;--glass-border:#ffffff0f;--glass-border-light:#ffffff1a;--glass-blur:16px;--glass-blur-heavy:24px;--text-primary:#f2f2f2;--text-secondary:#98a1b3;--text-tertiary:#626d84;--text-disabled:#414958;--text-inverse:#0f1319;--color-success:#21c45d;--color-success-light:#3bde77;--color-success-glow:#21c45d4d;--color-success-subtle:#21c45d1f;--color-danger:#ef4343;--color-danger-light:#f37272;--color-danger-glow:#ef43434d;--color-danger-subtle:#ef43431f;--color-warning:#f59f0a;--color-warning-light:#f7b23b;--color-warning-glow:#f59f0a40;--color-warning-subtle:#f59f0a1f;--color-info:#1f8fff;--color-info-light:#52a8ff;--color-info-glow:#1f8fff40;--color-info-subtle:#1f8fff1f;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-7:2rem;--space-8:2.5rem;--space-9:3rem;--space-10:4rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-full:9999px;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--text-4xl:2.25rem;--text-5xl:3rem;--font-light:300;--font-regular:400;--font-medium:500;--font-semibold:600;--font-bold:700;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #00000059, 0 2px 4px #0003;--shadow-lg:0 10px 30px #0006, 0 4px 10px #00000040;--shadow-xl:0 20px 50px #00000080, 0 8px 20px #0000004d;--shadow-glow-primary:0 0 20px var(--color-primary-glow), 0 0 60px #25c1781f;--shadow-glow-danger:0 0 20px var(--color-danger-glow), 0 0 60px #ef43431a;--transition-fast:.15s ease;--transition-base:.2s ease;--transition-smooth:.3s cubic-bezier(.4, 0, .2, 1);--transition-bounce:.4s cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:260px;--header-height:64px;--content-max-width:1280px;--z-sidebar:100;--z-overlay:200;--z-modal:300;--z-toast:400}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:var(--text-base);font-weight:var(--font-regular);color:var(--text-primary);background:var(--bg-base);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-image:radial-gradient(at 10% 0,#1f7a5014 0%,#0000 50%),radial-gradient(at 90% 100%,#b87c140f 0%,#0000 50%),radial-gradient(#17213666 0%,#0000 70%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{border-radius:var(--radius-full);background:#ffffff1f}::-webkit-scrollbar-thumb:hover{background:#ffffff38}*{scrollbar-width:thin;scrollbar-color:#ffffff1f transparent}img,video,svg{max-width:100%;display:block}a{color:var(--color-primary);transition:color var(--transition-base);text-decoration:none}a:hover{color:var(--color-primary-light)}ul,ol{list-style:none}button{cursor:pointer;background:0 0;border:none;outline:none;font-family:inherit}input,select,textarea{outline:none;font-family:inherit}::selection{color:var(--text-primary);background:#25c1784d}.app-layout{min-height:100vh;display:flex}.sidebar{width:var(--sidebar-width);background:var(--glass-bg-heavy);height:100vh;-webkit-backdrop-filter:blur(var(--glass-blur-heavy));border-right:1px solid var(--glass-border-light);z-index:var(--z-sidebar);transition:transform var(--transition-smooth);flex-direction:column;display:flex;position:fixed;top:0;left:0;overflow:hidden auto}.sidebar-logo{align-items:center;gap:var(--space-3);padding:var(--space-6);border-bottom:1px solid var(--glass-border-light);display:flex}.sidebar-logo-icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));width:40px;height:40px;font-size:var(--text-xl);box-shadow:var(--shadow-glow-primary);flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar-logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-nav{padding:var(--space-4) var(--space-3);gap:var(--space-1);flex-direction:column;flex:1;display:flex}.sidebar-section-title{font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em;padding:var(--space-4) var(--space-3) var(--space-2)}.sidebar-footer{padding:var(--space-4) var(--space-6);border-top:1px solid var(--glass-border-light);font-size:var(--text-xs);color:var(--text-tertiary)}.nav-link{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base);font-weight:var(--font-medium);color:var(--text-secondary);transition:all var(--transition-smooth);display:flex;position:relative;overflow:hidden}.nav-link:before{content:"";border-radius:inherit;transition:background var(--transition-smooth);background:0 0;position:absolute;inset:0}.nav-link:hover{color:var(--text-primary);transform:translate(2px)}.nav-link:hover:before{background:#ffffff0a}.nav-link.active{color:var(--text-primary);font-weight:var(--font-semibold)}.nav-link.active:before{background:var(--color-primary-subtle)}.nav-link.active:after{content:"";border-radius:0 var(--radius-full) var(--radius-full) 0;background:var(--color-primary);width:3px;height:60%;box-shadow:0 0 8px var(--color-primary-glow);position:absolute;top:50%;left:0;transform:translateY(-50%)}.nav-link-icon{width:20px;height:20px;font-size:var(--text-lg);flex-shrink:0;justify-content:center;align-items:center;display:flex}.nav-link-badge{min-width:20px;height:20px;padding:0 var(--space-2);border-radius:var(--radius-full);background:var(--color-danger);color:#fff;font-size:var(--text-xs);font-weight:var(--font-semibold);justify-content:center;align-items:center;margin-left:auto;display:flex}.main-content{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.content-area{padding:var(--space-6) var(--space-7);max-width:var(--content-max-width);flex:1;width:100%;margin:0 auto}.header{z-index:calc(var(--z-sidebar) - 1);height:var(--header-height);padding:0 var(--space-7);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border);background:#0f1319bf;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.header-title{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em}.header-actions{align-items:center;gap:var(--space-3);display:flex}.hamburger{border-radius:var(--radius-md);width:40px;height:40px;color:var(--text-primary);font-size:var(--text-xl);transition:background var(--transition-base);justify-content:center;align-items:center;display:none}.hamburger:hover{background:var(--bg-surface-hover)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);z-index:calc(var(--z-sidebar) - 1);opacity:0;transition:opacity var(--transition-smooth);background:#0009;display:none;position:fixed;inset:0}.sidebar-overlay.active{opacity:1;display:block}.card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-smooth);position:relative;overflow:hidden}.card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff14,#0000);height:1px;position:absolute;top:0;left:0;right:0}.card:hover{box-shadow:var(--shadow-lg);border-color:#ffffff1f;transform:translateY(-2px)}.card-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.card-title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em}.summary-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-smooth);position:relative;overflow:hidden}.summary-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.summary-card:hover{box-shadow:var(--shadow-lg), 0 0 30px #25c1780f;transform:translateY(-3px)}.summary-card-icon{border-radius:var(--radius-md);width:44px;height:44px;font-size:var(--text-xl);margin-bottom:var(--space-4);background:var(--color-primary-subtle);color:var(--color-primary);justify-content:center;align-items:center;display:flex}.summary-card-icon.accent{background:var(--color-warning-subtle);color:var(--color-warning)}.summary-card-icon.danger{background:var(--color-danger-subtle);color:var(--color-danger)}.summary-card-icon.info{background:var(--color-info-subtle);color:var(--color-info)}.summary-card-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);margin-bottom:var(--space-1);text-transform:uppercase;letter-spacing:.04em}.stat-value{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.03em;color:#fff;line-height:1.2}.stat-change{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--font-semibold);margin-top:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);display:inline-flex}.stat-change.positive{color:var(--color-success);background:var(--color-success-subtle)}.stat-change.negative{color:var(--color-danger);background:var(--color-danger-subtle)}.calendar{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-6);overflow:hidden}.calendar-header{margin-bottom:var(--space-5);justify-content:space-between;align-items:center;display:flex}.calendar-title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em}.calendar-nav{align-items:center;gap:var(--space-2);display:flex}.calendar-nav-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--glass-border-light);transition:all var(--transition-base);font-size:var(--text-md);justify-content:center;align-items:center;display:flex}.calendar-nav-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:#ffffff1f}.calendar-grid{gap:var(--space-2);grid-template-columns:repeat(7,1fr);display:grid}.calendar-weekday{text-align:center;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.06em;padding:var(--space-2) 0 var(--space-3)}.calendar-day{aspect-ratio:1;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-smooth);-webkit-user-select:none;user-select:none;border:1px solid #0000;justify-content:center;align-items:center;display:flex;position:relative}.calendar-day:hover{color:var(--text-primary);background:var(--bg-surface-hover);z-index:1;border-color:#ffffff1a;transform:scale(1.08)}.calendar-day.delivered{color:var(--color-success-light);font-weight:var(--font-semibold);background:#21c45d2e;border-color:#21c45d40}.calendar-day.delivered:hover{box-shadow:0 0 16px var(--color-success-glow);background:#21c45d4d}.calendar-day.missed{color:var(--color-danger-light);font-weight:var(--font-semibold);background:#ef43432e;border-color:#ef434340;animation:2.5s ease-in-out infinite pulse}.calendar-day.missed:hover{box-shadow:0 0 16px var(--color-danger-glow);background:#ef43434d;animation:none}.calendar-day.no-data{color:var(--text-tertiary);background:#363d49;border-color:#4c55674d}.calendar-day.no-data:hover{background:#414958}.calendar-day.today{border:2px solid var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow), inset 0 0 12px #25c1780f}.calendar-day.other-month{opacity:.3;pointer-events:none}.calendar-day.selected{background:var(--color-primary);color:var(--text-inverse);border-color:var(--color-primary);font-weight:var(--font-bold);box-shadow:var(--shadow-glow-primary)}.calendar-legend{align-items:center;gap:var(--space-5);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--glass-border-light);display:flex}.calendar-legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.calendar-legend-dot{border-radius:var(--radius-sm);width:10px;height:10px}.calendar-legend-dot.delivered{background:var(--color-success)}.calendar-legend-dot.missed{background:var(--color-danger)}.calendar-legend-dot.no-data{background:#363d49}.form-group{gap:var(--space-2);margin-bottom:var(--space-5);flex-direction:column;display:flex}.form-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);letter-spacing:.01em}.form-label .required{color:var(--color-danger);margin-left:var(--space-1)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-3) var(--space-4);font-size:var(--text-base);color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-md);transition:all var(--transition-smooth);border:1px solid #ffffff14}.form-input::placeholder,.form-textarea::placeholder{color:var(--text-disabled)}.form-input:hover,.form-select:hover,.form-textarea:hover{border-color:#ffffff26}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle), 0 0 16px #25c1781a;background:var(--bg-surface-raised)}.form-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23999' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-4) center;padding-right:var(--space-8);cursor:pointer}.form-select option{background:var(--bg-surface-raised);color:var(--text-primary)}.form-textarea{resize:vertical;min-height:100px}.form-row{gap:var(--space-4);display:flex}.form-row .form-group{flex:1}.form-toggle{align-items:center;gap:var(--space-3);cursor:pointer;-webkit-user-select:none;user-select:none;display:flex}.form-toggle input{display:none}.form-toggle-track{background:var(--bg-surface-hover);border-radius:var(--radius-full);width:48px;height:26px;transition:all var(--transition-smooth);border:1px solid #ffffff14;flex-shrink:0;position:relative}.form-toggle-thumb{background:var(--text-secondary);width:20px;height:20px;transition:all var(--transition-smooth);box-shadow:var(--shadow-sm);border-radius:50%;position:absolute;top:2px;left:2px}.form-toggle input:checked+.form-toggle-track{background:var(--color-primary);border-color:var(--color-primary)}.form-toggle input:checked+.form-toggle-track .form-toggle-thumb{background:#fff;transform:translate(22px)}.form-toggle-label{font-size:var(--text-base);color:var(--text-secondary);font-weight:var(--font-medium)}.form-error{font-size:var(--text-xs);color:var(--color-danger);font-weight:var(--font-medium);align-items:center;gap:var(--space-1);margin-top:var(--space-1);display:flex}.form-input.error,.form-select.error,.form-textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 3px var(--color-danger-subtle)}.form-helper{font-size:var(--text-xs);color:var(--text-tertiary)}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);font-size:var(--text-base);font-weight:var(--font-semibold);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);white-space:nowrap;-webkit-user-select:none;user-select:none;border:1px solid #0000;line-height:1.4;display:inline-flex;position:relative;overflow:hidden}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff14 45%,#ffffff1f 50%,#ffffff14 55%,#0000 60%);transition:transform .5s;position:absolute;inset:0;transform:translate(-100%)}.btn:hover:after{transform:translate(100%)}.btn-primary{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primary-dark) 100%);color:#fff;box-shadow:0 2px 8px #25c17840}.btn-primary:hover{background:linear-gradient(135deg, var(--color-primary-light) 0%, var(--color-primary) 100%);transform:translateY(-1px);box-shadow:0 4px 16px #25c17859}.btn-primary:active{transform:translateY(0)scale(.98)}.btn-secondary{color:var(--text-secondary);background:0 0;border-color:#ffffff1f}.btn-secondary:hover{color:var(--text-primary);background:#ffffff0d;border-color:#fff3;transform:translateY(-1px)}.btn-danger{background:linear-gradient(135deg, var(--color-danger) 0%, #eb1414 100%);color:#fff;box-shadow:0 2px 8px #ef434340}.btn-danger:hover{background:linear-gradient(135deg, var(--color-danger-light) 0%, var(--color-danger) 100%);transform:translateY(-1px);box-shadow:0 4px 16px #ef434359}.btn-ghost{color:var(--text-secondary);background:0 0;border-color:#0000}.btn-ghost:hover{color:var(--text-primary);background:#ffffff0d}.btn-icon{border-radius:var(--radius-full);width:40px;height:40px;font-size:var(--text-lg);background:var(--bg-surface);color:var(--text-secondary);border:1px solid #ffffff0f;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-icon:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:#ffffff1f;transform:scale(1.05)}.btn-sm{padding:var(--space-2) var(--space-3);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-7);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn-group{gap:var(--space-2);display:flex}.modal-overlay{-webkit-backdrop-filter:blur(6px);z-index:var(--z-modal);padding:var(--space-4);background:#000000a6;justify-content:center;align-items:center;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.modal{background:var(--bg-surface-raised);border:1px solid var(--glass-border-light);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:85vh;box-shadow:var(--shadow-xl);flex-direction:column;animation:.3s cubic-bezier(.34,1.56,.64,1) modalSlideUp;display:flex;overflow:hidden}.modal-header{padding:var(--space-6);border-bottom:1px solid var(--glass-border-light);flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.modal-title{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em}.modal-close{border-radius:var(--radius-md);width:32px;height:32px;color:var(--text-tertiary);transition:all var(--transition-base);font-size:var(--text-lg);justify-content:center;align-items:center;display:flex}.modal-close:hover{color:var(--text-primary);background:#ffffff0f}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{justify-content:flex-end;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:1px solid var(--glass-border-light);flex-shrink:0;display:flex}.table-container{border-radius:var(--radius-lg);border:1px solid var(--glass-border-light);width:100%;overflow-x:auto}.bill-table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.bill-table th{padding:var(--space-3) var(--space-4);text-align:left;font-weight:var(--font-semibold);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);background:linear-gradient(180deg, var(--bg-surface-raised) 0%, var(--bg-surface) 100%);border-bottom:1px solid var(--glass-border-light);white-space:nowrap;position:sticky;top:0}.bill-table td{padding:var(--space-3) var(--space-4);color:var(--text-primary);white-space:nowrap;border-bottom:1px solid #ffffff08}.bill-table tbody tr{transition:background var(--transition-fast)}.bill-table tbody tr:nth-child(2n){background:#ffffff04}.bill-table tbody tr:hover{background:#25c1780d}.bill-table tfoot td{font-weight:var(--font-semibold);border-top:2px solid var(--glass-border-light);background:var(--bg-surface)}.bill-summary{gap:var(--space-3);padding:var(--space-5) var(--space-6);background:var(--glass-bg);border-radius:var(--radius-lg);border:1px solid var(--glass-border-light);margin-top:var(--space-4);flex-direction:column;display:flex}.bill-summary-row{font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.bill-summary-row.total{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary);padding-top:var(--space-3);border-top:1px solid var(--glass-border-light)}.provider-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--transition-smooth);gap:var(--space-3);flex-direction:column;display:flex}.provider-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.provider-card.active{border-color:var(--color-primary);box-shadow:0 0 20px var(--color-primary-glow)}.provider-card-header{justify-content:space-between;align-items:flex-start;display:flex}.provider-contact{font-size:var(--text-sm);color:var(--text-secondary)}.provider-rate{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.provider-rate span{font-size:var(--text-sm);color:var(--text-tertiary);font-weight:var(--font-regular)}.provider-actions{gap:var(--space-2);margin-top:var(--space-2);display:flex}.provider-badge{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;display:inline-flex}.provider-badge.active{background:var(--color-success-subtle);color:var(--color-success)}.provider-badge.inactive{color:var(--text-tertiary);background:#ffffff0f}.page-header{justify-content:space-between;align-items:center;gap:var(--space-4);margin-bottom:var(--space-7);flex-wrap:wrap;display:flex}.page-subtitle{font-size:var(--text-base);color:var(--text-secondary);margin-top:var(--space-1);max-width:600px}.empty-state{text-align:center;padding:var(--space-10) var(--space-6);color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;animation:.4s fadeIn;display:flex}.empty-state-icon{margin-bottom:var(--space-5);opacity:.4;font-size:3.5rem}.empty-state-title{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-2)}.empty-state-text{font-size:var(--text-sm);max-width:360px;margin-bottom:var(--space-6);line-height:1.6}.toast-container{top:var(--space-6);right:var(--space-6);z-index:var(--z-toast);gap:var(--space-3);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-radius:var(--radius-md);background:var(--bg-surface-raised);border:1px solid var(--glass-border-light);min-width:320px;max-width:440px;box-shadow:var(--shadow-lg);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary);pointer-events:auto;animation:.35s cubic-bezier(.34,1.56,.64,1) toastSlideIn;display:flex;position:relative;overflow:hidden}.toast:before{content:"";width:3px;position:absolute;top:0;bottom:0;left:0}.toast-success:before{background:var(--color-success);box-shadow:0 0 10px var(--color-success-glow)}.toast-success .toast-icon{color:var(--color-success)}.toast-error:before{background:var(--color-danger);box-shadow:0 0 10px var(--color-danger-glow)}.toast-error .toast-icon{color:var(--color-danger)}.toast-warning:before{background:var(--color-warning)}.toast-warning .toast-icon{color:var(--color-warning)}.toast-icon{font-size:var(--text-lg);flex-shrink:0}.toast-message{flex:1}.toast-close{border-radius:var(--radius-sm);width:24px;height:24px;color:var(--text-tertiary);font-size:var(--text-xs);transition:all var(--transition-base);flex-shrink:0;justify-content:center;align-items:center;display:flex}.toast-close:hover{color:var(--text-primary);background:#ffffff0f}.toast.exiting{animation:.25s forwards toastSlideOut}.toast-progress{border-radius:0 var(--radius-full) var(--radius-full) 0;background:#ffffff26;height:2px;animation:4s linear forwards toastProgress;position:absolute;bottom:0;left:0}.badge{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);letter-spacing:.02em;white-space:nowrap;display:inline-flex}.badge-cash{background:var(--color-success-subtle);color:var(--color-success)}.badge-upi{background:var(--color-info-subtle);color:var(--color-info)}.badge-bank{color:#a670db;background:#8c47d126}.badge-pending{background:var(--color-warning-subtle);color:var(--color-warning);animation:2s ease-in-out infinite badgePulse}.badge-paid{background:var(--color-success-subtle);color:var(--color-success)}.badge-overdue{background:var(--color-danger-subtle);color:var(--color-danger)}.bill-preview{background:var(--bg-surface);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-7);max-width:700px;margin:0 auto}.bill-header{padding-bottom:var(--space-6);border-bottom:2px solid var(--glass-border-light);margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;display:flex}.bill-header-brand{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.bill-header-info{text-align:right;font-size:var(--text-sm);color:var(--text-secondary)}.bill-header-info strong{color:var(--text-primary);font-size:var(--text-md);margin-bottom:var(--space-1);display:block}.bill-period{gap:var(--space-7);margin-bottom:var(--space-6);display:flex}.bill-period-item{font-size:var(--text-sm);color:var(--text-secondary)}.bill-period-item strong{color:var(--text-primary);font-size:var(--text-md);display:block}.bill-footer{padding-top:var(--space-6);border-top:2px solid var(--glass-border-light);margin-top:var(--space-6);justify-content:space-between;align-items:flex-end;display:flex}.bill-total{text-align:right}.bill-total-label{font-size:var(--text-sm);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.bill-total-amount{font-size:var(--text-4xl);font-weight:var(--font-bold);color:var(--color-primary);line-height:1.1}.bill-payment-info{font-size:var(--text-sm);color:var(--text-secondary)}.bill-payment-info strong{color:var(--text-primary)}.skeleton{background:var(--bg-surface);border-radius:var(--radius-md);position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff0a 40%,#ffffff14 50%,#ffffff0a 60%,#0000 100%);animation:1.5s ease-in-out infinite shimmer;position:absolute;inset:0}.skeleton-text{height:14px;margin-bottom:var(--space-3)}.skeleton-text:last-child{width:60%}.skeleton-title{width:40%;height:24px;margin-bottom:var(--space-4)}.skeleton-card{height:160px}.spinner{border:3px solid var(--glass-border-light);border-top-color:var(--color-primary);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite spin}.spinner-sm{border-width:2px;width:18px;height:18px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(30px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes badgePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.03)}}@keyframes countUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes toastSlideIn{0%{opacity:0;transform:translate(100%)scale(.9)}to{opacity:1;transform:translate(0)scale(1)}}@keyframes toastSlideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(110%)}}@keyframes toastProgress{0%{width:100%}to{width:0%}}@keyframes scaleIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.animate-fade-in{animation:.3s both fadeIn}.animate-slide-up{animation:.4s both slideUp}.animate-slide-down{animation:.4s both slideDown}.animate-scale-in{animation:.3s cubic-bezier(.34,1.56,.64,1) both scaleIn}.animate-count-up{animation:.5s both countUp}.stagger-children>*{animation:.4s both slideUp}.stagger-children>:first-child{animation-delay:50ms}.stagger-children>:nth-child(2){animation-delay:.1s}.stagger-children>:nth-child(3){animation-delay:.15s}.stagger-children>:nth-child(4){animation-delay:.2s}.stagger-children>:nth-child(5){animation-delay:.25s}.stagger-children>:nth-child(6){animation-delay:.3s}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-success{color:var(--color-success)!important}.text-danger{color:var(--color-danger)!important}.text-warning{color:var(--color-warning)!important}.text-info{color:var(--color-info)!important}.text-muted{color:var(--text-tertiary)!important}.text-primary-color{color:var(--color-primary)!important}.font-light{font-weight:var(--font-light)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.flex-wrap{flex-wrap:wrap}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.flex-end{justify-content:flex-end;align-items:center;display:flex}.flex-gap{gap:var(--space-4)}.flex-gap-sm{gap:var(--space-2)}.flex-gap-lg{gap:var(--space-6)}.flex-1{flex:1}.items-start{align-items:flex-start}.items-center{align-items:center}.mt-0{margin-top:0}.mt-1{margin-top:var(--space-2)}.mt-2{margin-top:var(--space-4)}.mt-3{margin-top:var(--space-6)}.mt-4{margin-top:var(--space-8)}.mb-0{margin-bottom:0}.mb-1{margin-bottom:var(--space-2)}.mb-2{margin-bottom:var(--space-4)}.mb-3{margin-bottom:var(--space-6)}.mb-4{margin-bottom:var(--space-8)}.p-0{padding:0}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.w-full{width:100%}.hidden{display:none}.block{display:block}.inline{display:inline}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.cursor-pointer{cursor:pointer}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.grid-2{gap:var(--space-5);grid-template-columns:repeat(2,1fr);display:grid}.grid-3{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.grid-4{gap:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.divider{background:var(--glass-border-light);height:1px;margin:var(--space-5) 0}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.tabs{gap:var(--space-1);border-bottom:1px solid var(--glass-border-light);margin-bottom:var(--space-6);display:flex}.tab{padding:var(--space-3) var(--space-5);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-tertiary);transition:all var(--transition-base);cursor:pointer;border-bottom:2px solid #0000;margin-bottom:-1px}.tab:hover{color:var(--text-secondary)}.tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-semibold)}.search-bar{max-width:360px;position:relative}.search-bar-icon{left:var(--space-4);color:var(--text-tertiary);font-size:var(--text-md);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.search-bar-input{width:100%;padding:var(--space-3) var(--space-4) var(--space-3) var(--space-9);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-surface);border-radius:var(--radius-full);transition:all var(--transition-smooth);border:1px solid #ffffff14}.search-bar-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-subtle);background:var(--bg-surface-raised)}.search-bar-input::placeholder{color:var(--text-disabled)}.filter-bar{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.filter-chip{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-base);border:1px solid #ffffff14;display:inline-flex}.filter-chip:hover{color:var(--text-primary);border-color:#ffffff26}.filter-chip.active{background:var(--color-primary-subtle);color:var(--color-primary);border-color:#25c1784d}input[type=date],input[type=time]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (width<=1024px){.sidebar{background:var(--bg-base);transform:translate(-100%)}.sidebar.sidebar-open{animation:.3s slideInLeft;transform:translate(0)}.main-content{margin-left:0}.hamburger{display:flex}.content-area{padding:var(--space-5)}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)}.page-header{align-items:flex-start;gap:var(--space-3);flex-direction:column}.bill-header{gap:var(--space-4);flex-direction:column}.bill-header-info{text-align:left}.bill-period{gap:var(--space-3);flex-direction:column}}@media (width<=768px){:root{--text-3xl:1.5rem;--text-4xl:1.875rem;--text-5xl:2.25rem}.content-area{padding:var(--space-4)}.header{padding:0 var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}.form-row{flex-direction:column;gap:0}.calendar{padding:var(--space-4)}.calendar-grid{gap:var(--space-1)}.calendar-day{font-size:var(--text-xs);border-radius:var(--radius-sm)}.calendar-header{gap:var(--space-2);flex-wrap:wrap}.calendar-legend{gap:var(--space-3);flex-wrap:wrap}.modal{max-width:100%;max-height:90vh;margin:var(--space-4);border-radius:var(--radius-lg)}.modal-header,.modal-body,.modal-footer{padding:var(--space-4)}.toast-container{right:var(--space-3);left:var(--space-3);top:var(--space-3)}.toast{min-width:auto;max-width:100%}.bill-preview{padding:var(--space-4)}.bill-footer{align-items:flex-start;gap:var(--space-4);flex-direction:column}.bill-total{text-align:left}.summary-cards-row{gap:var(--space-4);padding-bottom:var(--space-2);scroll-snap-type:x mandatory;display:flex;overflow-x:auto}.summary-cards-row>*{scroll-snap-align:start;flex-shrink:0;min-width:220px}.provider-card{padding:var(--space-4)}.page-header .btn{justify-content:center;width:100%}.bill-table th,.bill-table td{padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.tabs{scrollbar-width:none;overflow-x:auto}.tabs::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0}}@media (width<=480px){.content-area{padding:var(--space-3)}.card{padding:var(--space-4);border-radius:var(--radius-md)}.summary-card{padding:var(--space-4)}.stat-value{font-size:var(--text-2xl)}.calendar-day{font-size:.65rem}.page-title{font-size:var(--text-xl)}.modal-overlay{padding:var(--space-2);align-items:flex-end}.modal{border-radius:var(--radius-lg) var(--radius-lg) 0 0;max-height:85vh;margin:0}.btn{padding:var(--space-3) var(--space-4);font-size:var(--text-sm)}.bill-total-amount{font-size:var(--text-2xl)}}.sidebar-header{padding:var(--space-5) var(--space-5) var(--space-5) var(--space-6);border-bottom:1px solid var(--glass-border-light);justify-content:space-between;align-items:center;display:flex}.sidebar-header .sidebar-logo{border-bottom:none;padding:0}.logo-icon{font-size:var(--text-2xl)}.logo-text{font-size:var(--text-xl);font-weight:var(--font-bold);letter-spacing:-.02em;background:linear-gradient(135deg, var(--text-primary) 0%, var(--color-primary-light) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.sidebar-close{display:none}.sidebar-version{font-size:var(--text-xs);color:var(--text-tertiary)}.main-wrapper{margin-left:var(--sidebar-width);flex-direction:column;flex:1;min-height:100vh;display:flex}.main-wrapper .main-content{padding:var(--space-6) var(--space-7);max-width:var(--content-max-width);margin-left:0;flex:1;width:100%;margin-inline:auto}.header-menu{color:var(--text-primary);display:none}.header-right{align-items:center;gap:var(--space-3);display:flex}.header-date{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium)}.summary-cards-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(4,1fr);display:grid}.summary-card-primary .summary-card-icon,.summary-card .summary-card-icon{border-radius:var(--radius-md);width:44px;height:44px;margin-bottom:var(--space-4);justify-content:center;align-items:center;display:flex}.summary-card-primary .summary-card-icon{background:var(--color-primary-subtle);color:var(--color-primary)}.summary-card-accent .summary-card-icon{background:var(--color-warning-subtle);color:var(--color-accent)}.summary-card-success .summary-card-icon{background:var(--color-success-subtle);color:var(--color-success)}.summary-card-warning .summary-card-icon{background:var(--color-warning-subtle);color:var(--color-warning)}.summary-card-primary:before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-dark))}.summary-card-accent:before{background:linear-gradient(90deg, var(--color-accent), var(--color-accent-dark))}.summary-card-success:before{background:linear-gradient(90deg, var(--color-success), #1a9948)}.summary-card-warning:before{background:linear-gradient(90deg, var(--color-warning), #dc6109)}.summary-card-content{flex-direction:column;display:flex}.summary-card-value{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em;color:var(--text-primary);line-height:1.2}.summary-card-label{font-size:var(--text-sm);color:var(--text-secondary);font-weight:var(--font-medium);margin-top:var(--space-1)}.summary-card-subtitle{font-size:var(--text-xs);color:var(--color-danger);font-weight:var(--font-medium);margin-top:var(--space-1)}.dashboard-page .page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-title{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.02em}.page-subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.page-header-actions{align-items:center;gap:var(--space-4);display:flex}.dashboard-grid{gap:var(--space-6);grid-template-columns:1fr 380px;display:grid}.dashboard-calendar-section,.dashboard-recent-section{min-width:0}.section-header{margin-bottom:var(--space-4)}.section-title{font-size:var(--text-lg);font-weight:var(--font-semibold);align-items:center;gap:var(--space-2);color:var(--text-primary);display:flex}.calendar-legend{align-items:center;gap:var(--space-5);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);display:flex}.legend-item{align-items:center;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-secondary);display:flex}.legend-dot{border-radius:var(--radius-sm);width:10px;height:10px}.legend-delivered{background:var(--color-success)}.legend-missed{background:var(--color-danger)}.legend-no-data{background:#363d49}.calendar-day-number{font-size:var(--text-sm);font-weight:var(--font-medium)}.calendar-day-info{color:inherit;opacity:.8;font-size:9px;font-weight:var(--font-semibold);position:absolute;bottom:2px}.calendar-day{flex-direction:column;gap:1px}.recent-entries-list{gap:var(--space-3);flex-direction:column;display:flex}.recent-entry-card{align-items:center;gap:var(--space-4);padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-smooth);display:flex}.recent-entry-card:hover{background:var(--bg-surface-hover);border-color:#ffffff1f;transform:translate(4px)}.recent-entry-date{min-width:44px;padding:var(--space-2) var(--space-3);background:var(--color-primary-subtle);border-radius:var(--radius-md);flex-direction:column;align-items:center;display:flex}.recent-date-day{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--color-primary);line-height:1.1}.recent-date-month{font-size:var(--text-xs);color:var(--color-primary-light);text-transform:uppercase;font-weight:var(--font-medium)}.recent-entry-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.recent-entry-provider{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.recent-entry-milk{font-size:var(--text-xs);color:var(--text-secondary)}.recent-entry-amount{align-items:flex-end;gap:var(--space-1);flex-direction:column;display:flex}.recent-amount-value{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-primary)}.empty-state-small{padding:var(--space-8) var(--space-6)}.empty-state-small h3{font-size:var(--text-md)}.entry-page .page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.date-selector{gap:var(--space-2);flex-direction:column;display:flex}.date-selector .form-label{font-size:var(--text-xs)}.date-selector .form-input{width:auto;min-width:160px}.entry-form{padding:var(--space-4) 0}.entry-date-display{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-5);background:var(--color-primary-subtle);border-radius:var(--radius-md);margin-bottom:var(--space-6);border:1px solid #25c17826;display:flex}.entry-date-label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--text-secondary);font-weight:var(--font-semibold)}.entry-date-value{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-primary)}.form-section{padding:var(--space-5);background:var(--bg-surface);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-5)}.form-section-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.form-section-title{font-size:var(--text-md);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.form-section-header .form-section-title{margin-bottom:0}.calc-display{padding:var(--space-3) var(--space-4);background:var(--bg-surface-raised);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-secondary);justify-content:space-between;align-items:center;display:flex}.calc-value{font-size:var(--text-md);font-weight:var(--font-bold);color:var(--color-primary)}.payment-methods{gap:var(--space-3);flex-wrap:wrap;display:flex}.payment-option{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--bg-surface);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-base);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);display:flex}.payment-option:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.payment-option.selected{background:var(--color-primary-subtle);border-color:var(--color-primary);color:var(--color-primary)}.payment-option input[type=radio]{display:none}.daily-total{padding:var(--space-5);background:linear-gradient(135deg, var(--color-primary-subtle), #25c1780d);border-radius:var(--radius-lg);margin:var(--space-6) 0;font-size:var(--text-lg);font-weight:var(--font-semibold);border:1px solid #25c17833;justify-content:space-between;align-items:center;display:flex}.daily-total-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.form-actions{justify-content:flex-end;gap:var(--space-3);padding-top:var(--space-4);display:flex}.entry-view{animation:.3s fadeIn}.entry-view-header{margin-bottom:var(--space-6);padding-bottom:var(--space-4);border-bottom:1px solid var(--glass-border-light);justify-content:space-between;align-items:center;display:flex}.entry-view-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold)}.entry-view-actions{gap:var(--space-2);display:flex}.entry-view-grid{gap:var(--space-5);margin-bottom:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.entry-view-section{padding:var(--space-5);background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--glass-border-light)}.entry-view-section h4{font-size:var(--text-md);font-weight:var(--font-semibold);margin-bottom:var(--space-4)}.entry-detail-row{padding:var(--space-2) 0;border-bottom:1px solid #ffffff0a;justify-content:space-between;align-items:center;display:flex}.entry-detail-row:last-child{border-bottom:none}.entry-detail-row.highlight{padding:var(--space-3) var(--space-3);background:var(--color-primary-subtle);border-radius:var(--radius-md);margin-top:var(--space-2);border-bottom:none}.detail-label{font-size:var(--text-sm);color:var(--text-secondary)}.detail-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-primary)}.entry-view-total{padding:var(--space-5);background:linear-gradient(135deg, var(--color-primary-subtle), #25c1780d);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);border:1px solid #25c17833;justify-content:space-between;align-items:center;display:flex}.entry-total-value{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-primary)}.providers-page .page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.provider-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}.provider-card{padding:var(--space-6)}.provider-card.active{border-color:#25c17833}.provider-card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.provider-name{font-size:var(--text-lg);font-weight:var(--font-semibold)}.provider-badge,.badge-active,.badge-inactive{padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--font-semibold);align-items:center;display:inline-flex}.badge-active{background:var(--color-success-subtle);color:var(--color-success)}.badge-inactive{background:var(--bg-surface-hover);color:var(--text-tertiary)}.provider-details{gap:var(--space-3);margin-bottom:var(--space-5);flex-direction:column;display:flex}.provider-detail-item{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--text-secondary);display:flex}.provider-detail-item svg{color:var(--text-tertiary);flex-shrink:0}.provider-actions{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid var(--glass-border-light);display:flex}.provider-form{padding:var(--space-2) 0}.billing-page .page-header{margin-bottom:var(--space-6);justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;display:flex}.month-navigator{justify-content:center;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4);background:var(--glass-bg);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);display:flex}.month-navigator-title{font-size:var(--text-xl);font-weight:var(--font-semibold);text-align:center;min-width:180px}.bill-container{animation:.3s fadeIn}.bill-header-section{margin-bottom:var(--space-6)}.bill-title-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.bill-title{font-size:var(--text-xl);font-weight:var(--font-bold)}.bill-period{font-size:var(--text-sm);color:var(--text-secondary);margin-top:var(--space-1)}.bill-actions{gap:var(--space-3);display:flex}.bill-summary{margin-top:var(--space-6);padding:var(--space-6);background:var(--glass-bg);border:1px solid var(--glass-border-light);border-radius:var(--radius-lg)}.bill-summary h4{font-size:var(--text-lg);font-weight:var(--font-semibold);margin-bottom:var(--space-5)}.bill-summary-grid{gap:var(--space-4);margin-bottom:var(--space-5);grid-template-columns:repeat(4,1fr);display:grid}.bill-summary-item{gap:var(--space-1);padding:var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);flex-direction:column;display:flex}.bill-summary-item span:first-child{font-size:var(--text-xs);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--font-medium)}.bill-summary-value{font-size:var(--text-lg);font-weight:var(--font-bold);color:var(--text-primary)}.bill-grand-total{border:1px solid #25c17826;background:var(--color-primary-subtle)!important}.bill-grand-total .bill-summary-value{color:var(--color-primary);font-size:var(--text-xl)}.bill-payment-breakdown{padding-top:var(--space-4);border-top:1px solid var(--glass-border-light)}.bill-payment-breakdown h5{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-3)}.payment-breakdown-items{gap:var(--space-3);flex-wrap:wrap;display:flex}.payment-breakdown-item{align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background:var(--bg-surface);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex}.text-bold{font-weight:var(--font-bold)!important}@media (width<=1024px){.sidebar{transform:translate(-100%)}.sidebar.sidebar-open{transform:translate(0)}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:calc(var(--z-sidebar) - 1);background:#0009;display:block;position:fixed;inset:0}.sidebar-close{display:flex}.main-wrapper{margin-left:0}.header-menu{display:flex}.summary-cards-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.entry-view-grid{grid-template-columns:1fr}.bill-summary-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.main-wrapper .main-content{padding:var(--space-4)}.header{padding:0 var(--space-4)}.summary-cards-grid{gap:var(--space-3);grid-template-columns:1fr 1fr}.summary-card{padding:var(--space-4)}.summary-card-value{font-size:var(--text-xl)}.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr}.calendar{padding:var(--space-4)}.calendar-day{font-size:var(--text-xs)}.calendar-day-info{display:none}.form-row{flex-direction:column;gap:0}.payment-methods{grid-template-columns:1fr 1fr;display:grid}.provider-grid,.entry-view-grid{grid-template-columns:1fr}.bill-summary-grid{grid-template-columns:1fr 1fr}.bill-table{font-size:var(--text-xs)}.page-header{flex-direction:column;align-items:stretch!important}.page-header .btn{align-self:flex-start}}@media (width<=480px){.summary-cards-grid,.payment-methods,.bill-summary-grid{grid-template-columns:1fr}.recent-entry-card{padding:var(--space-3);gap:var(--space-3)}.form-actions{flex-direction:column-reverse}.form-actions .btn{justify-content:center;width:100%}}@media print{body{color:#000;background:#fff}.sidebar,.header,.hamburger,.btn,.toast-container{display:none!important}.main-content{margin-left:0}.card,.bill-preview{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border:1px solid #ddd}.bill-table th{color:#000;background:#f5f5f5}.bill-table td{color:#000;border-color:#ddd}.stat-value{-webkit-text-fill-color:black;background:0 0}}.calculator-page{padding-bottom:var(--space-8)}.calc-grid{gap:var(--space-7);grid-template-columns:1fr 1fr;align-items:start;display:grid}.calc-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-7);position:relative;overflow:hidden}.calc-card:before{content:"";background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.calc-card-header{align-items:center;gap:var(--space-3);margin-bottom:var(--space-6);color:var(--text-primary);font-weight:var(--font-semibold);display:flex}.calc-card-header h3{font-size:var(--text-lg);font-weight:var(--font-semibold);letter-spacing:-.01em}.calc-unit-selector{background:var(--bg-surface);border:1px solid var(--glass-border-light);border-radius:var(--radius-md);gap:3px;padding:3px;display:flex}.calc-unit-btn{padding:var(--space-2) var(--space-4);border-radius:calc(var(--radius-md) - 2px);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-smooth);text-align:center;background:0 0;border:none;flex:1}.calc-unit-btn:hover{color:var(--text-primary);background:#ffffff0a}.calc-unit-btn.active{color:var(--text-inverse);background:var(--color-primary);box-shadow:0 2px 8px var(--color-primary-glow)}.calc-unit-hint{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-regular);margin-left:var(--space-1)}.calc-conversion-hint{color:var(--color-accent);font-size:var(--text-xs);font-weight:var(--font-medium);margin-left:var(--space-1)}.calc-currency-input{align-items:center;display:flex;position:relative}.calc-currency-symbol{left:var(--space-4);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--color-primary);pointer-events:none;z-index:1;position:absolute}.calc-currency-input .form-input{padding-left:var(--space-8)}.calc-qty-row{align-items:center;gap:var(--space-2);display:flex}.calc-qty-input{text-align:center;flex:1;font-size:var(--text-lg)!important;font-weight:var(--font-semibold)!important}.calc-qty-btn{border-radius:var(--radius-md);border:1px solid var(--glass-border-light);width:44px;height:44px;color:var(--text-secondary);background:var(--bg-surface);cursor:pointer;transition:all var(--transition-smooth);flex-shrink:0;justify-content:center;align-items:center;display:flex}.calc-qty-btn:hover{color:var(--text-primary);background:var(--bg-surface-hover);border-color:#ffffff26}.calc-qty-plus:hover{color:var(--color-primary);border-color:var(--color-primary);box-shadow:0 0 12px var(--color-primary-glow)}.calc-qty-minus:hover{color:var(--color-danger);border-color:var(--color-danger);box-shadow:0 0 12px var(--color-danger-glow)}.calc-quick-paddles{gap:var(--space-2);margin-top:var(--space-3);display:flex}.calc-paddle{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-subtle);cursor:pointer;transition:all var(--transition-smooth);text-align:center;border:1px solid #25c17826;flex:1}.calc-paddle:hover{box-shadow:0 0 10px var(--color-primary-glow);background:#25c17838;border-color:#25c17859;transform:translateY(-1px)}.calc-paddle:active{transform:translateY(0)}.calc-live-total{padding:var(--space-5) var(--space-6);margin:var(--space-6) 0;border-radius:var(--radius-lg);background:linear-gradient(135deg,#25c17814 0%,#f59f0a0f 100%);border:1px solid #25c1782e;justify-content:space-between;align-items:center;display:flex;position:relative;overflow:hidden}.calc-live-total:before{content:"";pointer-events:none;background:radial-gradient(at 80%,#25c1780f 0%,#0000 70%);position:absolute;inset:0}.calc-live-label{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.calc-live-value{font-size:var(--text-3xl);font-weight:var(--font-bold);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.calc-add-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-4) var(--space-6);border-radius:var(--radius-md);font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-inverse);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));box-shadow:0 4px 16px var(--color-primary-glow);transition:all var(--transition-smooth);cursor:pointer;border:none;display:flex}.calc-add-btn:hover:not(:disabled){box-shadow:0 6px 24px var(--color-primary-glow), 0 0 40px #25c1781f;transform:translateY(-2px)}.calc-add-btn:active:not(:disabled){transform:translateY(0)}.calc-add-btn:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.calc-basket-count{border-radius:var(--radius-full);background:var(--color-primary);min-width:24px;height:24px;color:var(--text-inverse);font-size:var(--text-xs);font-weight:var(--font-bold);padding:0 var(--space-2);justify-content:center;align-items:center;margin-left:auto;display:flex}.calc-basket-empty{padding:var(--space-10) var(--space-6);color:var(--text-tertiary);text-align:center;justify-content:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.calc-basket-empty p{font-size:var(--text-md);font-weight:var(--font-medium)}.calc-basket-empty-hint{font-size:var(--text-sm)!important;color:var(--text-disabled)!important}.calc-basket-list{gap:var(--space-2);max-height:340px;padding-right:var(--space-1);flex-direction:column;display:flex;overflow-y:auto}.calc-basket-item{padding:var(--space-4);border-radius:var(--radius-md);background:var(--bg-surface);border:1px solid var(--glass-border-light);transition:all var(--transition-smooth);justify-content:space-between;align-items:center;animation:.3s ease-out calcItemSlideIn;display:flex}@keyframes calcItemSlideIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.calc-basket-item:hover{background:var(--bg-surface-raised);border-color:#ffffff1f}.calc-basket-item-info{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.calc-basket-item-name{font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.calc-basket-item-detail{font-size:var(--text-xs);color:var(--text-tertiary)}.calc-basket-item-right{align-items:center;gap:var(--space-3);flex-shrink:0;display:flex}.calc-basket-item-total{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-primary-light)}.calc-basket-remove{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-smooth);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.calc-basket-remove:hover{color:var(--color-danger);background:var(--color-danger-subtle)}.calc-grand-total-panel{margin-top:var(--space-5);padding:var(--space-5) var(--space-6);border-radius:var(--radius-lg);text-align:center;background:linear-gradient(135deg,#25c1781a 0%,#f59f0a14 100%);border:1px solid #25c1782e}.calc-grand-total-row{justify-content:space-between;align-items:center;display:flex}.calc-grand-total-label{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-secondary);text-transform:uppercase;letter-spacing:.04em}.calc-grand-total-value{font-size:var(--text-2xl);font-weight:var(--font-bold);letter-spacing:-.03em;background:linear-gradient(135deg, var(--color-primary-light), var(--color-accent-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.calc-grand-total-sub{margin-top:var(--space-1);font-size:var(--text-xs);color:var(--text-tertiary);text-align:right}.calc-basket-actions{gap:var(--space-3);margin-top:var(--space-5);display:flex}.calc-copy-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-primary);background:var(--color-primary-subtle);cursor:pointer;transition:all var(--transition-smooth);border:1px solid #25c17826;flex:1;display:flex}.calc-copy-btn:hover{background:#25c1782e;border-color:#25c1784d}.calc-clear-btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-danger);background:var(--color-danger-subtle);cursor:pointer;transition:all var(--transition-smooth);border:1px solid #ef434326;display:flex}.calc-clear-btn:hover{background:#ef43432e;border-color:#ef43434d}@media (width<=900px){.calc-grid{grid-template-columns:1fr}}@media (width<=600px){.calc-card{padding:var(--space-5)}.calc-live-value{font-size:var(--text-2xl)}.calc-basket-actions{flex-direction:column}}.backup-page{padding-bottom:var(--space-8)}.backup-stats-grid{gap:var(--space-5);margin-bottom:var(--space-7);grid-template-columns:repeat(3,1fr);display:grid}.backup-stat-card{align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);color:var(--color-primary);transition:all var(--transition-smooth);display:flex}.backup-stat-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.backup-stat-info{flex-direction:column;display:flex}.backup-stat-value{font-size:var(--text-xl);font-weight:var(--font-bold);color:var(--text-primary);letter-spacing:-.02em}.backup-stat-label{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium);text-transform:uppercase;letter-spacing:.04em}.backup-storage-bar-container{margin-bottom:var(--space-7);padding:var(--space-5) var(--space-6);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg)}.backup-storage-header{margin-bottom:var(--space-3);justify-content:space-between;align-items:center;display:flex}.backup-storage-title{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-secondary)}.backup-storage-percent{font-size:var(--text-xs);color:var(--text-tertiary);font-weight:var(--font-medium)}.backup-storage-bar{background:var(--bg-surface);border-radius:var(--radius-full);width:100%;height:8px;overflow:hidden}.backup-storage-fill{background:linear-gradient(90deg, var(--color-primary), var(--color-accent));border-radius:var(--radius-full);height:100%;box-shadow:0 0 8px var(--color-primary-glow);transition:width .6s cubic-bezier(.4,0,.2,1)}.backup-actions-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr);display:grid}.backup-action-card{background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border-light);border-radius:var(--radius-lg);padding:var(--space-7);text-align:center;align-items:center;gap:var(--space-4);transition:all var(--transition-smooth);flex-direction:column;display:flex;position:relative;overflow:hidden}.backup-action-card:before{content:"";border-radius:var(--radius-lg) var(--radius-lg) 0 0;height:3px;position:absolute;top:0;left:0;right:0}.backup-action-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-3px)}.backup-action-card h3{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.01em}.backup-action-card p{font-size:var(--text-sm);color:var(--text-tertiary);flex:1;line-height:1.6}.backup-action-icon{border-radius:var(--radius-lg);justify-content:center;align-items:center;width:60px;height:60px;display:flex}.backup-action-export{background:var(--color-primary-subtle);color:var(--color-primary)}.backup-action-import{background:var(--color-info-subtle);color:var(--color-info)}.backup-action-danger{background:var(--color-danger-subtle);color:var(--color-danger)}.backup-action-card:first-child:before{background:linear-gradient(90deg, var(--color-primary), var(--color-primary-light))}.backup-action-card:nth-child(2):before{background:linear-gradient(90deg, var(--color-info), var(--color-info-light))}.backup-action-card:nth-child(3):before{background:linear-gradient(90deg, var(--color-danger), var(--color-danger-light))}.backup-export-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-inverse);background:linear-gradient(135deg, var(--color-primary), var(--color-primary-dark));box-shadow:0 4px 12px var(--color-primary-glow);cursor:pointer;transition:all var(--transition-smooth);border:none;display:flex}.backup-export-btn:hover{box-shadow:0 6px 20px var(--color-primary-glow);transform:translateY(-1px)}.backup-import-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-info);background:var(--color-info-subtle);cursor:pointer;transition:all var(--transition-smooth);border:1px solid #1f8fff33;display:flex}.backup-import-btn:hover{background:#1f8fff2e;border-color:#1f8fff59}.backup-clear-btn{justify-content:center;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-danger);background:var(--color-danger-subtle);cursor:pointer;transition:all var(--transition-smooth);border:1px solid #ef434333;display:flex}.backup-clear-btn:hover{background:#ef43432e;border-color:#ef434359}.backup-confirm-row{gap:var(--space-2);flex-direction:column;width:100%;display:flex}.backup-confirm-yes{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-bold);color:#fff;background:var(--color-danger);cursor:pointer;transition:all var(--transition-smooth);border:none;animation:2s ease-in-out infinite pulse}.backup-confirm-yes:hover{background:var(--color-danger-light);box-shadow:0 0 16px var(--color-danger-glow);animation:none}.backup-confirm-no{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:var(--bg-surface);border:1px solid var(--glass-border-light);cursor:pointer;transition:all var(--transition-smooth)}.backup-confirm-no:hover{background:var(--bg-surface-hover);color:var(--text-primary)}.backup-toast{bottom:var(--space-7);align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-sm);font-weight:var(--font-medium);z-index:var(--z-toast);box-shadow:var(--shadow-xl);max-width:90vw;animation:.3s ease-out toastSlideUp;display:flex;position:fixed;left:50%;transform:translate(-50%)}@keyframes toastSlideUp{0%{opacity:0;transform:translate(-50%)translateY(20px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.backup-toast-success{color:#fff;border:1px solid var(--color-success);background:#21c45df2}.backup-toast-error{color:#fff;border:1px solid var(--color-danger);background:#ef4343f2}.backup-toast-close{margin-left:var(--space-2);font-size:var(--text-lg);color:inherit;opacity:.7;cursor:pointer;background:0 0;border:none;line-height:1}.backup-toast-close:hover{opacity:1}@media (width<=900px){.backup-actions-grid{grid-template-columns:1fr}.backup-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=600px){.backup-stats-grid{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus-visible,.btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;box-shadow:0 0 0 4px var(--color-primary-subtle)}.nav-link:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}@media (width<=1024px){.sidebar{background:var(--bg-base)!important;-webkit-backdrop-filter:none!important}}.summary-card-value,.stat-value{color:#fff!important}.main-wrapper,.main-content{min-width:0;max-width:100vw;overflow-x:hidden}