:root{--bg:#0f172a;--panel:#111827;--panel-soft:#1f2937;--text:#e5e7eb;--muted:#9ca3af;--line:#334155;--primary:#38bdf8;--danger:#f87171;--success:#34d399;--warning:#fbbf24}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:linear-gradient(135deg, #020617, var(--bg));color:var(--text);margin:0;font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{min-height:100vh;padding-top:0}.sidebar{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);z-index:50;background:#0f172aeb;gap:12px;padding:12px 16px;display:grid;position:sticky;top:0;left:0;right:0}.sidebar-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.menu-toggle{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:none}.menu-toggle-bars,.menu-toggle-bars:before,.menu-toggle-bars:after{background:currentColor;border-radius:2px;width:18px;height:2px;display:block;position:relative}.menu-toggle-bars:before,.menu-toggle-bars:after{content:"";position:absolute;left:0}.menu-toggle-bars:before{top:-6px}.menu-toggle-bars:after{top:6px}.nav-backdrop{opacity:0;pointer-events:none;z-index:60;background:#020617b8;transition:opacity .2s;position:fixed;inset:0}.nav-backdrop.open{opacity:1;pointer-events:auto}.nav-drawer{border-left:1px solid var(--line);z-index:70;background:#111827;grid-template-rows:auto 1fr auto;gap:12px;width:100%;max-width:min(92vw,320px);padding:16px;transition:transform .22s;display:grid;position:fixed;top:0;bottom:0;right:0;transform:translate(100%)}.nav-drawer.open{transform:translate(0)}.nav-drawer-head{justify-content:space-between;align-items:center;display:flex}.nav-drawer-links{gap:8px;display:grid;overflow-y:auto}.nav-drawer-link{border:1px solid var(--line);border-radius:12px;min-height:44px;padding:12px}.brand{white-space:nowrap;font-size:22px;font-weight:800;line-height:1}.nav{scrollbar-width:thin;flex:1;align-items:center;gap:10px;padding-bottom:2px;display:flex;overflow-x:auto}.nav a,.nav button,.button{border:1px solid var(--line);background:var(--panel-soft);color:var(--text);cursor:pointer;text-align:center;border-radius:12px;justify-content:center;min-height:42px;padding:10px 12px;transition:border-color .2s,background .2s,transform .2s;display:inline-flex}.nav a:hover,.nav button:hover,.button:hover{border-color:var(--primary);background:#263449}.nav a{white-space:nowrap}.content{width:100%;max-width:1440px;margin:0 auto;padding:28px}.topbar,.page-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.muted{color:var(--muted)}.grid{gap:16px;display:grid}.cards{grid-template-columns:repeat(auto-fit,minmax(210px,1fr))}.panel,.card{border:1px solid var(--line);background:#111827e0;border-radius:18px;padding:18px}.panel{-webkit-overflow-scrolling:touch;margin-bottom:18px;overflow-x:auto}.panel h2{margin:0 0 12px;font-size:clamp(18px,4.5vw,22px)}.card strong{overflow-wrap:anywhere;margin-top:8px;font-size:clamp(22px,4vw,30px);display:block}.form{gap:12px;display:grid}.form-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}input,select,textarea{border:1px solid var(--line);color:var(--text);background:#020617;border-radius:12px;width:100%;min-height:44px;padding:10px 12px}textarea{resize:vertical;min-height:88px}.checkbox-row{align-items:center;gap:10px;font-size:14px;display:flex}.flow-steps{margin:0;padding-left:20px}.flow-steps li{margin-bottom:8px}.success-inline{color:var(--success);background:#34d3991f;border-color:#34d39959}.sync-actions{margin-top:12px}table{border-collapse:collapse;width:100%;min-width:760px}.mobile-stack{gap:10px;display:grid}.mobile-stack .button{width:100%}.filter-chips{flex-wrap:wrap;gap:8px;margin-bottom:16px;display:flex}.filter-chips a{border:1px solid var(--line);white-space:nowrap;border-radius:999px;min-height:38px;padding:8px 14px;font-size:13px}.filter-chips a:hover{border-color:var(--primary)}th,td{border-bottom:1px solid var(--line);text-align:left;padding:12px}.badge{border-radius:999px;padding:4px 9px;font-size:12px;display:inline-flex}.success{color:var(--success);background:#34d39929}.warning{color:var(--warning);background:#fbbf2429}.danger{color:var(--danger)}.login-page{place-items:center;min-height:100vh;padding:24px;display:grid}.login-box{width:100%;max-width:420px}.actions{flex-wrap:wrap;gap:8px;display:flex}form{margin:0}.alert-fab{background:var(--danger);bottom:max(18px, env(safe-area-inset-bottom,0px));color:#fff;cursor:pointer;max-width:calc(100vw - 24px);right:max(12px, env(safe-area-inset-right,0px));z-index:60;border:0;border-radius:999px;padding:12px 16px;font-size:14px;font-weight:700;position:fixed;box-shadow:0 14px 35px #00000059}.modal-backdrop{z-index:80;background:#020617b8;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.modal{border-radius:18px 18px 0 0;width:100%;max-width:720px;max-height:min(720px,92vh);overflow-y:auto}.alert-item{border:1px solid var(--line);border-radius:14px;gap:6px;padding:12px;display:grid}.section-title{margin:0 0 12px;font-size:18px}.cards-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.cards-compact .card strong{font-size:clamp(18px,5vw,24px)}.account-list{gap:12px;display:grid}.account-card{border:1px solid var(--line);background:#111827eb;border-radius:16px;gap:10px;padding:14px;display:grid}.account-card-overdue{border-color:#f871718c}.account-card-top{justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.account-card h3{margin:0;font-size:16px;line-height:1.3}.account-card-meta{margin:4px 0 0;font-size:13px}.account-card-value{color:var(--primary);margin:0;font-size:clamp(22px,6vw,28px);font-weight:800}.account-card-date{margin:0;font-size:14px}.account-card-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.button-primary{background:#0ea5e9;border-color:#0284c7}.button-ghost{background:0 0}.danger-badge{color:var(--danger);background:#f871712e}.collapsible{padding:0}.collapsible-trigger{color:inherit;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;gap:12px;width:100%;padding:14px;display:flex}.collapsible-trigger strong{font-size:16px;display:block}.collapsible-trigger small{margin-top:4px;display:block}.collapsible-icon{color:var(--primary);font-size:22px;font-weight:700;line-height:1}.collapsible-body{border-top:1px solid var(--line);padding:14px}.collapsible-inner{gap:12px;display:grid}.tab-bar{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-bottom:14px;display:grid}.tab{background:var(--panel-soft);border:1px solid var(--line);color:var(--text);cursor:pointer;border-radius:12px;min-height:42px;padding:8px;font-size:13px}.tab.active{border-color:var(--primary);color:#fff;background:#0c4a6e}.simple-row-list{gap:10px;display:grid}.simple-row{border:1px solid var(--line);background:#0f172a8c;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.simple-row strong{font-size:15px;display:block}.simple-row-value{color:var(--primary);text-align:right;white-space:nowrap;font-size:16px;font-weight:700}.empty-state,.empty-inline{text-align:center}@media (max-width:900px){body{background:#020617}.nav-desktop{display:none}.menu-toggle{flex-shrink:0;display:inline-flex}.sidebar{padding:10px 12px}.shell{padding-top:0}.brand{text-overflow:ellipsis;max-width:calc(100vw - 72px);font-size:16px;overflow:hidden}.nav{max-width:100%}.nav-drawer .button,.nav-drawer button,.nav-drawer-link{width:100%}.nav a,.nav button,.button{touch-action:manipulation;min-height:44px;padding:10px 12px}.content{width:100%;padding:14px 12px 88px}.topbar{word-break:break-word;margin-bottom:12px;font-size:13px}.topbar,.page-title{flex-direction:column;align-items:flex-start;gap:8px;margin-bottom:14px}.page-title .button{width:100%}h1{margin:0 0 4px;font-size:clamp(22px,6vw,28px);line-height:1.2}h2{font-size:clamp(17px,4.5vw,20px)}.cards{grid-template-columns:1fr;gap:12px}.panel,.card{border-radius:16px;padding:14px 12px;overflow-x:visible}.form,.form-grid{grid-template-columns:1fr!important}.form .button,.form-grid .button,.mobile-stack .button{width:100%}.panel table,table.responsive-table{min-width:0}.panel table thead,table.responsive-table thead{display:none}.panel table,.panel table tbody,.panel table tr,.panel table td,.responsive-table,.responsive-table tbody,.responsive-table tr,.responsive-table td{width:100%;display:block}.panel table tr,.responsive-table tr{border:1px solid var(--line);background:#0f172a8c;border-radius:14px;margin-bottom:12px;padding:10px 12px}.panel table td,.responsive-table td{word-break:break-word;border-bottom:1px solid #3341558c;grid-template-columns:minmax(88px,38%) 1fr;align-items:flex-start;gap:6px;padding:8px 0;display:grid}.panel table td:last-child,.responsive-table td:last-child{border-bottom:0;padding-bottom:0}.panel table td:before,.responsive-table td:before{color:var(--muted);content:attr(data-label);letter-spacing:.04em;text-transform:uppercase;font-size:11px;font-weight:700}.panel table td:not([data-label]):before,.responsive-table td:not([data-label]):before{content:none}.actions{flex-direction:column;align-items:stretch;gap:8px;width:100%}.actions .button,.actions form,.actions button{width:100%}.modal-backdrop{align-items:flex-end}.modal{max-height:94vh;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}.alert-fab{text-align:center;width:auto;left:12px;right:12px}.login-page{padding:16px}.login-box{max-width:100%}}@media (min-width:901px){.sidebar{flex-wrap:wrap;align-items:center;gap:18px;padding:14px 24px;display:flex}.sidebar-row{display:contents}.menu-toggle,.nav-backdrop,.nav-drawer{display:none!important}.nav-desktop{flex:1;align-items:center;gap:10px;display:flex;overflow-x:auto}.modal-backdrop{align-items:center;padding:18px}.modal{border-radius:18px;max-height:min(720px,88vh)}.alert-fab{text-align:left;width:auto;left:auto;right:18px}}@media (max-width:480px){.content{padding:12px 10px 92px}.cards-compact,.account-card-actions{grid-template-columns:1fr}.simple-row{flex-direction:column;align-items:flex-start}.simple-row-value{text-align:left}.panel table td,.responsive-table td{grid-template-columns:1fr}.filter-chips{scrollbar-width:thin;flex-wrap:nowrap;margin:0 -10px 14px;padding:0 10px 4px;overflow-x:auto}}