:root{--color-bg:#f6f8fb;--color-surface:#fff;--color-surface-muted:#f8fafc;--color-surface-raised:#fff;--color-border:#dfe6ef;--color-border-strong:#c9d3df;--color-text:#101828;--color-text-muted:#667085;--color-text-soft:#98a2b3;--color-brand:#1d4ed8;--color-brand-hover:#1e40af;--color-brand-soft:#eff6ff;--color-accent:#0f766e;--color-accent-soft:#ecfdf5;--color-danger:#b42318;--color-danger-hover:#912018;--color-danger-soft:#fef3f2;--color-warning:#b54708;--color-success:#047857;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-pill:999px;--shadow-sm:0 1px 2px #1018280f;--shadow-md:0 12px 28px #1018281f;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;color:var(--color-text);background:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.ui-dialog-panel:focus{outline:none}body,h1,h2,h3,p{margin:0}button,input,select,textarea{font:inherit}input,select,textarea{font-size:16px}button{appearance:none}button:not(.ui-button){background:var(--color-brand);border-radius:var(--radius-sm);color:#fff;cursor:pointer;border:1px solid #0000;min-height:42px;padding:0 14px;font-weight:800}button:not(.ui-button):disabled{cursor:wait;opacity:.62}input:not(.ui-control),select:not(.ui-control),textarea:not(.ui-control){background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);min-height:42px;padding:0 12px}input:not(.ui-control):focus,select:not(.ui-control):focus,textarea:not(.ui-control):focus{border-color:var(--color-brand);outline:0;box-shadow:0 0 0 3px #1d4ed824}.ui-button{border-radius:var(--radius-sm);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;min-height:42px;padding:0 14px;font-weight:800;transition:background .16s,border-color .16s,color .16s,box-shadow .16s;display:inline-flex}.ui-button:disabled{cursor:wait;opacity:.62}.ui-button--primary{background:var(--color-brand);color:#fff}.ui-button--primary:hover:not(:disabled){background:var(--color-brand-hover)}.ui-button--secondary{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--color-text)}.ui-button--secondary:hover:not(:disabled),.ui-button--ghost:hover:not(:disabled){background:var(--color-brand-soft);color:var(--color-brand);border-color:#bfdbfe}.ui-button--ghost{color:var(--color-text-muted);background:0 0}.ui-button--danger{background:var(--color-danger);color:#fff}.ui-button--danger:hover:not(:disabled){background:var(--color-danger-hover)}.ui-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.ui-metric-card{min-height:128px;padding:var(--space-5);gap:10px;display:grid}.ui-metric-card p{color:var(--color-text);font-weight:800}.ui-metric-card strong{color:var(--color-text);font-size:30px;line-height:1.1}.ui-metric-card span{color:var(--color-text-muted);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:13px;overflow:hidden}.ui-field{color:#344054;gap:var(--space-2);font-size:14px;font-weight:700;display:grid}.ui-control{background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);color:var(--color-text);min-height:42px;padding:0 12px}.ui-control:focus{border-color:var(--color-brand);outline:0;box-shadow:0 0 0 3px #1d4ed824}.ui-checkbox{accent-color:var(--color-brand);cursor:pointer;min-height:auto}.ui-checkbox:disabled{cursor:not-allowed;opacity:.58}.ui-segmented-control{border:1px solid var(--color-border);border-radius:var(--radius-md);gap:var(--space-1);padding:var(--space-1);background:#eef2f7;display:inline-grid}.ui-segmented-control .ui-button{min-height:40px}.ui-segmented-control .ui-button.active{background:var(--color-text);border-color:var(--color-text);color:#fff}.ui-badge{border-radius:var(--radius-pill);padding:6px 10px;font-size:12px;font-weight:800;display:inline-flex}.ui-badge--neutral{color:#475467;background:#f2f4f7}.ui-badge--brand{background:var(--color-brand-soft);color:var(--color-brand)}.ui-badge--success{background:var(--color-accent-soft);color:var(--color-success)}.ui-badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.ui-page-grid{gap:var(--space-4);justify-self:center;width:100%;max-width:1180px;display:grid}.ui-section-header{align-items:start;gap:var(--space-4);justify-content:space-between;display:flex}.ui-section-header h2{color:var(--color-text);font-size:20px;line-height:1.25}.ui-section-header p,.ui-kicker{color:var(--color-text-muted);font-size:13px}.ui-section-header__action{flex:none}.error{color:var(--color-danger)}.success{color:var(--color-success)}.login-shell{background:var(--color-bg);color:var(--color-text);gap:var(--space-6);grid-template-columns:minmax(0,1fr) minmax(320px,380px);min-height:100vh;padding:clamp(24px,5vw,64px);display:grid}.hero{place-self:center start;max-width:760px}.hero h1{color:var(--color-brand);font-size:clamp(48px,8vw,104px);line-height:1}h2{font-size:20px}.login-panel{padding:var(--space-6);align-self:center;width:100%}.login-form,.password-form{gap:var(--space-4);display:grid}.app-shell{background:var(--color-bg);color:var(--color-text);grid-template-columns:260px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);height:100dvh;padding:var(--space-6);z-index:30;flex-direction:column;justify-content:space-between;width:260px;display:flex;position:sticky;top:0;overflow:auto}.workspace{align-content:start;gap:var(--space-5);grid-column:2;padding:32px clamp(28px,4vw,56px);display:grid}.workspace.files-workspace{gap:0;padding:0}.brand{color:var(--color-brand);margin-bottom:28px;font-size:24px;font-weight:900}.nav-list{gap:var(--space-2);display:grid}.nav-item,.mobile-nav-item{text-align:left;width:100%}.nav-item.active,.mobile-nav-item.active{background:var(--color-text);border-color:var(--color-text);color:#fff}.label,.section-kicker{color:var(--color-text-muted);font-size:13px}.actions{gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.actions button{flex:140px}.files-workspace .topbar{border-bottom:1px solid var(--color-border);padding:var(--space-6) clamp(28px, 4vw, 56px)}.topbar{align-items:center;gap:var(--space-5);justify-content:space-between;display:flex}.topbar h1{font-size:32px;line-height:1.2}.dashboard-grid,.feature-grid,.settings-grid{gap:var(--space-4);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.activity-panel,.settings-panel,.feature-tile{padding:var(--space-5)}.activity-panel{grid-column:1/-1}.activity-panel h2{margin-bottom:10px}.activity-panel p,.feature-tile p,.settings-panel p,.saved-account-meta span,.empty-account-list{color:var(--color-text-muted)}.activity-panel-header{align-items:center;gap:var(--space-4);justify-content:space-between;display:flex}.dashboard-activity-list{border-top:1px solid var(--color-border);margin-top:var(--space-4);display:grid}.dashboard-activity-list article{border-bottom:1px solid var(--color-border);align-items:center;gap:var(--space-4);justify-content:space-between;min-height:64px;display:flex}.dashboard-activity-list article>div{gap:var(--space-1);min-width:0;display:grid}.dashboard-activity-list article>div strong,.dashboard-activity-list article>strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.dashboard-activity-list span,.dashboard-empty{color:var(--color-text-muted);font-size:13px}.dashboard-error{background:var(--color-danger-soft);border-radius:var(--radius-md);color:var(--color-danger);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid #fecdca;grid-column:1/-1;justify-content:space-between;display:flex}.mobile-page-header,.mobile-dashboard{display:none}.feature-tile h2{font-size:18px}.settings-grid{grid-template-columns:minmax(0,320px) minmax(0,520px)}.settings-panel-header{align-items:center;gap:var(--space-3);justify-content:space-between;display:flex}.settings-panel-header button{min-height:40px;font-size:13px}.settings-panel p{margin-top:var(--space-2)}.account-switcher{border-top:1px solid var(--color-border);gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-5);display:grid}.account-switcher h3{font-size:16px}.saved-account-list{gap:10px;display:grid}.saved-account-row{border:1px solid var(--color-border);border-radius:var(--radius-md);align-items:center;gap:var(--space-3);padding:var(--space-3);justify-content:space-between;display:flex}.saved-account-meta{gap:var(--space-1);min-width:0;display:grid}.saved-account-meta strong,.saved-account-meta span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.saved-account-meta span{font-size:12px;font-weight:800}.saved-account-actions{align-items:center;gap:var(--space-2);flex:none;display:flex}.saved-account-actions button{min-height:40px;padding:0 12px;font-size:13px}.danger{color:var(--color-danger)}.mobile-nav{display:none}@media (width<=980px){.dashboard-grid,.feature-grid,.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=860px){.login-shell{grid-template-columns:1fr;place-content:center;min-height:100svh}.hero{justify-self:stretch}.login-panel{justify-self:stretch;max-width:520px}.app-shell{--mobile-nav-height:calc(76px + env(safe-area-inset-bottom));padding-bottom:var(--mobile-nav-height);grid-template-columns:1fr}.app-shell.files-app-shell{padding-bottom:var(--mobile-nav-height)}.sidebar{display:none}.workspace{gap:var(--space-5);padding:22px 20px calc(var(--mobile-nav-height) + 24px);grid-column:1}.workspace.files-workspace{gap:0;padding:0}.files-workspace .topbar{padding:20px 24px}.topbar{align-items:flex-start}.desktop-topbar{display:none}.mobile-page-header{gap:2px;display:grid}.mobile-page-header span{color:var(--color-brand);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:900}.mobile-page-header h1{font-size:26px;line-height:1.2}.dashboard-grid,.feature-grid,.settings-grid{grid-template-columns:1fr}.dashboard-grid{display:none}.mobile-dashboard{gap:var(--space-4);display:grid}.mobile-balance-card{color:#fff;gap:var(--space-2);padding:var(--space-5);background:linear-gradient(145deg,#1d4ed8,#1e3a8a);border:0;display:grid}.mobile-balance-card>span,.mobile-balance-card>p{color:#dbeafe;font-size:13px}.mobile-balance-card>strong{font-size:34px;line-height:1.2}.mobile-balance-details{gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-4);border-top:1px solid #fff3;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-balance-details>div{gap:var(--space-1);display:grid}.mobile-balance-details span{color:#bfdbfe;font-size:12px}.mobile-balance-details strong{font-size:16px}.mobile-quick-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.mobile-dashboard .activity-panel{padding:var(--space-4)}.mobile-dashboard .activity-panel-header button{min-height:38px}.settings-panel-header,.saved-account-row,.saved-account-actions{align-items:stretch;display:grid}.saved-account-actions{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.mobile-nav{background:var(--color-surface);padding:8px 8px calc(8px + env(safe-area-inset-bottom));z-index:10;border-top:1px solid #c9d3dfc7;grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -12px 28px #0f172a14}.mobile-nav-item{text-align:center;border-radius:14px;align-content:center;justify-items:center;gap:2px;min-height:56px;padding:5px 2px;font-size:11px;line-height:1.1;display:grid}.mobile-nav-item.active{background:var(--color-brand-soft);color:var(--color-brand);border-color:#bfdbfe}.mobile-nav-icon{color:currentColor;justify-content:center;align-items:center;width:22px;height:22px;font-weight:900;line-height:1;display:inline-flex;position:relative}.mobile-nav-icon:before,.mobile-nav-icon:after{content:"";position:absolute}.mobile-nav-item[data-section=dashboard] .mobile-nav-icon:before{border:2px solid;border-radius:4px;width:12px;height:10px;top:8px}.mobile-nav-item[data-section=dashboard] .mobile-nav-icon:after{border-top:2px solid;border-left:2px solid;width:10px;height:10px;top:2px;transform:rotate(45deg)}.mobile-nav-item[data-section=ledger] .mobile-nav-icon:before{content:"₩";font-size:19px;font-weight:900;line-height:1;position:static}.mobile-nav-item[data-section=analytics] .mobile-nav-icon:before{background:linear-gradient(currentColor 0 0) 3px 11px/3px 7px no-repeat,linear-gradient(currentColor 0 0) 9px 6px/3px 12px no-repeat,linear-gradient(currentColor 0 0) 15px 3px/3px 15px no-repeat;width:22px;height:22px}.mobile-nav-item[data-section=files] .mobile-nav-icon:before{border:2px solid;border-radius:5px;width:14px;height:14px}.mobile-nav-item[data-section=iot] .mobile-nav-icon:before{background:currentColor;border-radius:999px;width:16px;height:16px}.mobile-nav-item[data-section=settings] .mobile-nav-icon:before{border:3px solid;border-radius:999px;width:14px;height:14px}.mobile-nav-item[data-section=settings] .mobile-nav-icon:after{background:currentColor;border-radius:999px;width:4px;height:4px}}@media (width<=480px){.login-shell{gap:var(--space-5);padding:var(--space-5)}.login-panel,.activity-panel,.feature-tile,.settings-panel{padding:var(--space-5)}.workspace{padding:18px 16px calc(var(--mobile-nav-height) + 18px)}.workspace.files-workspace{padding:0}.files-workspace .topbar{padding:18px 20px}.topbar h1{letter-spacing:0;font-size:32px}input,select,button{min-height:48px}}.analytics-page{gap:var(--space-4)}.analytics-control-panel{justify-content:space-between;align-items:end;gap:20px;padding:20px;display:flex}.analytics-control-panel h2,.analytics-panel h2{font-size:20px}.analytics-control-panel p,.analytics-panel-header span,.analytics-insight-card span,.category-row span{color:var(--color-text-muted);font-size:13px}.analytics-controls{align-items:end;gap:12px;display:flex}.analytics-controls label{min-width:180px}.analytics-insight-card{gap:8px;padding:20px;display:grid}.analytics-insight-card strong{font-size:22px}.analytics-metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.analytics-metric-grid .ui-metric-card{min-height:112px;padding:16px}.analytics-metric-grid .ui-metric-card strong{font-size:24px}.analytics-grid{grid-template-columns:minmax(0,1.1fr) minmax(360px,.9fr);gap:16px;display:grid}.analytics-panel{gap:18px;padding:20px;display:grid}.analytics-panel-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.monthly-chart,.category-chart{gap:12px;display:grid}.monthly-row{grid-template-columns:52px minmax(0,1fr) 120px;align-items:center;gap:12px;display:grid}.monthly-row>span,.monthly-row strong{color:#344054;font-size:13px}.monthly-row strong{justify-self:end}.monthly-bars{gap:4px;display:grid}.bar,.category-bar-track span{border-radius:999px;min-width:4px;display:block}.bar{height:8px}.bar.income,.chart-legend .income:before{background:var(--color-success)}.bar.expense,.chart-legend .expense:before,.category-bar-track span{background:var(--color-text)}.bar.saving,.chart-legend .saving:before{background:var(--color-brand)}.chart-legend{gap:14px;display:flex}.chart-legend span{color:var(--color-text-muted);align-items:center;gap:6px;font-size:13px;display:inline-flex}.chart-legend span:before{content:"";border-radius:999px;width:8px;height:8px}.category-row{grid-template-columns:minmax(96px,140px) minmax(0,1fr) 112px;align-items:center;gap:12px;display:grid}.category-row>div:first-child{gap:4px;display:grid}.category-row p{justify-self:end;font-size:14px;font-weight:800}.category-bar-track{background:var(--color-border);border-radius:999px;height:10px;overflow:hidden}.category-bar-track span{height:100%}@media (width<=980px){.analytics-metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.analytics-grid{grid-template-columns:1fr}}@media (width<=640px){.analytics-page{gap:12px}.analytics-control-panel{box-shadow:none;background:0 0;border:0;align-items:stretch;gap:14px;padding:0;display:grid}.analytics-controls,.analytics-panel-header{align-items:stretch;display:grid}.analytics-control-panel h2{font-size:24px}.analytics-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);gap:12px;padding:14px}.analytics-controls label{min-width:0}.analytics-controls .ui-segmented-control{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.analytics-controls .ui-segmented-control .ui-button{min-height:44px;padding:0 8px}.analytics-insight-card{padding:16px}.analytics-insight-card strong{font-size:18px;line-height:1.45}.analytics-metric-grid{grid-template-columns:1fr;gap:10px}.analytics-metric-grid .ui-metric-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:76px;padding:14px 16px}.analytics-metric-grid .ui-metric-card p,.analytics-metric-grid .ui-metric-card span{grid-column:1}.analytics-metric-grid .ui-metric-card strong{text-align:right;grid-area:1/2/span 2;justify-self:end;font-size:20px}.analytics-panel{gap:14px;padding:16px}.monthly-row,.category-row{background:var(--color-surface-muted);border-radius:var(--radius-md);grid-template-columns:1fr;gap:8px;padding:12px}.monthly-row strong,.category-row p{justify-self:start}}.files-page{--file-accent:var(--color-brand);--file-accent-soft:var(--color-brand-soft);--file-bg:var(--color-bg);--file-border:var(--color-border);--file-muted:var(--color-text-muted);--file-text:var(--color-text);background:0 0;width:100%;min-height:0}.file-explorer{background:var(--color-surface);box-shadow:none;border:1px solid #e5eaf2e6;border-left:0;border-right:0;border-radius:0;grid-template-rows:auto minmax(0,1fr) auto auto;min-height:calc(100dvh - 104px);display:grid;overflow:visible}.file-sticky-region{background:var(--color-surface);z-index:21;position:sticky;top:0}.file-page-header{background:var(--color-surface);border-bottom:1px solid var(--file-border);align-items:center;gap:16px;padding:14px 16px;display:flex}.file-page-title{color:var(--color-text-muted);align-items:baseline;gap:8px;min-width:0;display:flex}.file-page-title span{font-size:13px;font-weight:800}.file-page-title h1{color:var(--file-text);font-size:15px;font-weight:900;line-height:1.15}.file-path-row{flex:auto;align-items:center;gap:8px;min-width:0;display:flex}.file-explorer-toolbar{background:var(--color-surface);border-bottom:1px solid var(--file-border);grid-template-columns:minmax(0,1fr);padding:0;display:grid}.file-explorer-toolbar input,.category-form input,.file-upload-panel input{background:var(--color-surface);border-color:var(--color-border-strong);border-radius:10px;min-height:40px;box-shadow:0 1px 2px #0f172a0a}.file-explorer-toolbar input:focus,.category-form input:focus,.file-upload-panel input:focus{border-color:var(--file-accent);outline:0;box-shadow:0 0 0 3px #2563eb1f}.file-explorer-toolbar button,.file-work-sheet button,.file-confirm-dialog button{border-radius:8px;min-height:40px}.file-upload-panel>button[type=submit],.category-form>button[type=submit]{background:var(--file-text);color:var(--color-surface)}.file-upload-panel>button[type=submit]:hover,.category-form>button[type=submit]:hover{background:#1d2939}.explorer-primary-row{grid-template-columns:minmax(220px,1fr) minmax(176px,220px) auto auto auto;align-items:center;gap:8px;min-width:0;padding:10px 12px;display:grid}.breadcrumb-home{color:var(--file-text);background:0 0;border:0;min-width:40px;min-height:40px;padding:0 8px;font-size:13px;font-weight:800}.file-breadcrumb{white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:6px;min-width:0;min-height:30px;padding:0;display:flex;overflow-x:auto}.breadcrumb-segment{align-items:center;gap:6px;display:inline-flex}.file-breadcrumb button{color:var(--file-text);background:0 0;border:0;min-height:40px;padding:0 4px;font-size:13px;font-weight:800}.breadcrumb-segment>span{color:var(--file-muted);font-size:14px;font-weight:800}.category-form label,.file-upload-panel label,.field-label{color:var(--color-text-muted);letter-spacing:0;gap:6px;font-size:11px;font-weight:800;display:grid}.explorer-search{min-width:0;position:relative}.explorer-search input{width:100%;padding-left:14px;padding-right:84px}.search-inline-actions{align-items:center;gap:2px;display:flex;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.search-inline-actions .search-clear-button,.search-inline-actions .search-submit-button{border:0;border-radius:7px;justify-content:center;align-items:center;width:32px;height:32px;min-height:32px;padding:0;display:inline-flex}.search-clear-button{color:var(--color-text-muted);background:0 0;font-size:18px}.search-submit-button{background:var(--file-accent);color:var(--color-surface)}.search-submit-button:hover{background:var(--color-brand-hover)}.search-submit-button:disabled{background:var(--color-surface-muted);color:var(--color-text-soft)}.search-submit-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1.9px;width:18px;height:18px}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.custom-select{gap:6px;display:grid;position:relative}.custom-select-button,.file-picker-surface{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--file-text);text-align:left;border-radius:10px;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:0 12px;font-size:14px;font-weight:800;display:flex}.custom-select-button[aria-expanded=true]{border-color:var(--file-accent);box-shadow:0 0 0 3px #2563eb1f}.custom-select-current{align-items:center;gap:7px;min-width:0;display:flex}.custom-select-current>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.custom-select-prefix{color:var(--color-text-muted);flex:none;font-size:11px}.toolbar-sort .custom-select-button{min-height:40px}.custom-select-menu{background:var(--color-surface);border:1px solid var(--file-border);z-index:8;border-radius:10px;gap:2px;max-height:220px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 16px 40px #0f172a29}.custom-select-menu button{color:var(--file-text);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:start;min-height:40px;padding:0 10px;font-size:13px;font-weight:800}.custom-select-menu button:hover,.custom-select-menu button.selected{background:var(--file-accent-soft);color:var(--file-accent)}.file-picker{gap:10px;display:grid}.file-picker input{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-picker-surface{cursor:pointer;justify-content:stretch;align-items:start;gap:3px;min-height:72px;padding:14px;display:grid}.file-picker-surface span{color:var(--file-muted);font-size:12px;font-weight:700}.selected-file-list{border:1px solid var(--file-border);border-radius:10px;max-height:180px;display:grid;overflow:auto}.selected-file-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:8px;min-height:42px;padding:6px 8px;display:grid}.selected-file-row+.selected-file-row{border-top:1px solid var(--file-border)}.selected-file-row span{color:var(--file-text);text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:800;overflow:hidden}.selected-file-row small{color:var(--file-muted);white-space:nowrap;font-size:12px;font-weight:700}.selected-file-row button{border-radius:8px;min-height:32px;padding:0 10px}.filter-button{gap:6px;min-width:72px}.filter-button.active{background:var(--file-accent-soft);border-color:var(--color-brand-soft);color:var(--file-accent)}.filter-count{background:var(--file-accent);color:var(--color-surface);border-radius:999px;justify-content:center;align-items:center;min-width:19px;height:19px;padding:0 5px;font-size:11px;display:inline-flex}.toolbar-menu-wrap{position:relative}.icon-button{border-radius:999px;min-width:42px;padding:0;font-size:22px;font-weight:700;line-height:1}.toolbar-popover{background:var(--color-surface);border:1px solid var(--file-border);z-index:6;border-radius:10px;gap:4px;min-width:160px;padding:6px;display:grid;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 46px #0f172a29}.toolbar-popover button{color:var(--file-text);text-align:left;background:0 0;border:0;justify-content:start;min-height:40px;padding:0 10px}.toolbar-popover button:hover{background:var(--color-surface-muted)}.toolbar-popover button:disabled{color:var(--color-text-soft)}.view-mode-toggle{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:12px;gap:2px;padding:3px;display:flex}.view-mode-toggle button{color:var(--color-text-muted);background:0 0;border:0;justify-content:center;align-items:center;gap:6px;min-height:32px;padding:0 12px;display:inline-flex}.view-mode-toggle button.active{background:var(--color-surface);color:var(--file-text);box-shadow:0 1px 4px #0f172a14}.view-mode-toggle svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7px;width:17px;height:17px}.active-filter-summary{border-top:1px solid var(--file-border);align-items:center;gap:8px;min-width:0;padding:7px 12px;display:flex}.active-filter-chips{scrollbar-width:none;flex:auto;gap:6px;min-width:0;display:flex;overflow-x:auto}.active-filter-chips::-webkit-scrollbar{display:none}.active-filter-chip{background:var(--file-accent-soft);border:1px solid var(--color-brand-soft);color:var(--file-accent);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:5px;max-width:min(320px,70vw);min-height:30px;padding:0 3px 0 10px;font-size:12px;font-weight:800;display:inline-flex;overflow:hidden}.active-filter-chip button{color:currentColor;background:0 0;border:0;border-radius:999px;flex:none;justify-content:center;align-items:center;width:24px;height:24px;min-height:24px;padding:0;font-size:16px;display:inline-flex}.clear-all-filters{flex:none;min-height:30px;padding:0 6px;font-size:12px}.filter-sheet{background:var(--color-surface-muted);border:1px solid var(--file-border);border-left:0;border-right:0;border-radius:0;display:grid}.filter-sheet-header{border-bottom:1px solid var(--file-border);justify-content:space-between;align-items:center;gap:12px;padding:12px;display:flex}.filter-sheet-header h2{color:var(--file-text);margin:0;font-size:15px}.filter-sheet-header p,.filter-sheet p{color:var(--color-text-muted);margin:3px 0 0;font-size:12px}.filter-sheet-close{border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;font-size:20px;display:inline-flex}.filter-sheet-body{gap:10px;padding:12px;display:grid}.filter-sheet-actions{border-top:1px solid var(--file-border);grid-template-columns:minmax(100px,.4fr) minmax(160px,1fr);gap:8px;padding:10px 12px 12px;display:grid}.filter-sheet h3{color:var(--file-text);margin:0;font-size:13px}.descendant-filter-option{background:var(--color-surface);border:1px solid var(--file-border);cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:54px;padding:8px 12px;display:flex}.file-explorer-toolbar .descendant-filter-option input{accent-color:var(--file-accent);box-shadow:none;flex:none;width:18px;height:18px;min-height:18px}.descendant-filter-option span{gap:2px;display:grid}.descendant-filter-option strong{color:var(--file-text);font-size:13px}.descendant-filter-option small{color:var(--color-text-muted);font-size:11px}.tag-filter-section{background:var(--color-surface);border:1px solid var(--file-border);border-radius:10px;gap:10px;padding:12px;display:grid}.tag-filter-editor{gap:10px;display:grid}.tag-filter-chips{flex-wrap:wrap;gap:7px;display:flex}.tag-filter-chip{background:var(--file-accent-soft);border:1px solid var(--color-brand-soft);color:var(--file-accent);border-radius:999px;align-items:center;gap:7px;min-height:32px;padding:0 4px 0 10px;font-size:12px;font-weight:800;display:inline-flex}.tag-filter-chip>span{align-items:center;gap:5px;display:inline-flex}.tag-filter-chip strong:after{content:":"}.tag-filter-chip button{color:currentColor;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;width:26px;height:26px;min-height:26px;padding:0;font-size:16px;display:inline-flex}.tag-filter-chip button:hover,.tag-filter-chip button:focus-visible{background:#2563eb1f}.add-tag-filter-button{justify-self:start}.tag-filter-composer{grid-template-columns:minmax(140px,1fr) minmax(160px,1fr) minmax(148px,auto);gap:8px;display:grid}.tag-filter-composer-actions{grid-template-columns:repeat(2,minmax(70px,1fr));gap:8px;display:grid}.file-pagination span,.upload-helper{color:var(--file-muted);font-size:13px;font-weight:700}.upload-feedback{margin:0}.file-explorer-body{background:var(--file-bg);grid-template-columns:minmax(0,1fr);min-height:0;display:grid}.file-canvas-panel{background:0 0;grid-template-rows:minmax(0,1fr) auto;min-width:0;min-height:0;display:grid}.file-panel-header h2,.sheet-header h2{color:var(--file-text);margin:0;font-size:16px;line-height:1.25}.file-panel-header p,.sheet-header p{color:var(--file-muted);margin:4px 0 0;font-size:12px;font-weight:700}.file-canvas{background:var(--color-surface);align-content:start;min-height:0;padding:10px 12px 88px;overflow:auto}.file-canvas.grid{grid-template-columns:repeat(auto-fill,minmax(108px,1fr));gap:8px;display:grid}.file-canvas.list{gap:4px;display:grid}.explorer-item{background:var(--color-surface);color:var(--file-text);text-align:center;border:1px solid #0000;border-radius:8px;align-content:start;justify-items:center;width:100%;min-height:104px;padding:10px 8px;display:grid}.explorer-folder-entry{min-width:0;position:relative}.folder-delete-button{border:1px solid var(--file-border);color:var(--color-text-muted);z-index:2;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;width:34px;height:34px;min-height:34px;padding:0;display:inline-flex;position:absolute;top:6px;right:6px}.folder-delete-button:hover,.folder-delete-button:focus-visible{background:var(--color-danger-soft);border-color:var(--color-danger);color:var(--color-danger)}.folder-delete-button svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.folder-actions-menu{z-index:3;position:absolute;top:6px;right:6px}.folder-menu-button{border:1px solid var(--file-border);color:var(--color-text-muted);letter-spacing:-1px;background:#ffffffeb;border-radius:8px;justify-content:center;align-items:center;width:38px;height:34px;min-height:34px;padding:0 7px;font-size:15px;font-weight:900;display:inline-flex}.folder-menu-button:hover,.folder-menu-button:focus-visible,.folder-menu-button[aria-expanded=true]{background:var(--color-surface-muted);border-color:var(--color-border-strong);color:var(--file-text)}.folder-menu-popover{background:var(--color-surface);border:1px solid var(--file-border);z-index:8;border-radius:10px;min-width:132px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 16px 38px #0f172a2e}.folder-menu-delete{color:var(--color-danger);text-align:left;background:0 0;border:0;justify-content:start;align-items:center;gap:8px;width:100%;min-height:42px;padding:0 10px;display:flex}.folder-menu-delete:hover,.folder-menu-delete:focus-visible{background:var(--color-danger-soft);color:var(--color-danger)}.folder-menu-delete svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:17px;height:17px}.explorer-item:hover,.explorer-item.active{background:var(--color-brand-soft);border-color:var(--color-brand-soft);transform:translateY(-1px);box-shadow:0 8px 20px #2563eb1a}.explorer-item span:not(.explorer-item-icon){overflow-wrap:anywhere;max-width:100%;font-size:13px;font-weight:800;line-height:1.35}.explorer-item small{color:var(--file-muted);text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-size:11px;line-height:1.35;overflow:hidden}.explorer-item-icon{color:var(--color-text-muted);width:48px;height:40px;margin-bottom:6px;display:block}.folder .explorer-item-icon{color:var(--color-text)}.explorer-item.active .explorer-item-icon,.explorer-item:hover .explorer-item-icon{color:var(--file-accent)}.explorer-item-icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3.2px;width:100%;height:100%;display:block}.file-canvas.list .explorer-item{background:var(--color-surface);border-color:var(--color-surface-muted);text-align:left;grid-template-columns:38px minmax(0,1fr) minmax(72px,auto);place-items:center start;min-height:46px;padding:6px 12px}.file-canvas.list .explorer-folder-entry{grid-template-columns:minmax(0,1fr) 42px;align-items:stretch;gap:4px;display:grid}.file-canvas.list .folder-delete-button{width:42px;height:auto;min-height:46px;position:static}.file-canvas.list .folder-actions-menu{align-self:stretch;position:relative;top:auto;right:auto}.file-canvas.list .folder-menu-button{width:42px;height:100%;min-height:46px}.file-canvas.list .explorer-item-icon{transform-origin:0;width:38px;height:30px;margin:0;transform:scale(.72)}.file-canvas.list .explorer-item small{justify-self:end}.explorer-empty{color:var(--file-muted);text-align:center;grid-column:1/-1;place-items:center;gap:10px;min-height:360px;display:grid}.explorer-empty strong{color:var(--file-text);font-size:20px}.file-viewer-stage{touch-action:pan-y;-webkit-user-select:none;user-select:none;background:#0b101b;place-items:center;min-height:0;display:grid;position:relative;overflow:hidden}.file-viewer-swipe-hint{color:var(--color-surface);pointer-events:none;background:#0f172aa3;border:1px solid #ffffff29;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex;position:absolute;bottom:12px;left:50%;transform:translate(-50%)}.file-viewer-stage.video .file-viewer-swipe-hint{bottom:64px}.file-detail-drawer{background:var(--color-surface);border-top:1px solid var(--file-border);gap:16px;max-height:min(46vh,420px);padding:18px;display:grid;overflow:auto}.file-detail-title{gap:6px;min-width:0;display:grid}.file-detail-name-row{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;display:grid}.file-detail-title h2{color:var(--file-text);overflow-wrap:anywhere;margin:0;font-size:18px;line-height:1.25}.file-name-edit-panel{gap:8px;display:grid}.file-name-edit-panel input{border-radius:10px;min-height:42px}.file-name-edit-panel>div{justify-content:flex-end;gap:8px;display:flex}.file-detail-title p,.file-detail-section p{color:var(--file-muted);margin:0;font-size:13px;font-weight:700}.file-detail-drawer dl{gap:12px;margin:0;display:grid}.file-detail-drawer dl>div{grid-template-columns:72px minmax(0,1fr);gap:6px;display:grid}.file-detail-drawer dt{color:var(--file-muted);font-size:12px;font-weight:800}.file-detail-drawer dd{color:var(--file-text);overflow-wrap:anywhere;margin:0;font-size:13px;font-weight:700}.file-detail-section{gap:8px;display:grid}.file-detail-section-header{justify-content:space-between;align-items:center;gap:10px;display:flex}.file-detail-section h3{color:var(--file-text);margin:0;font-size:13px}.compact-detail-button{border-radius:8px;flex:none;min-height:32px;padding:0 10px}.file-tag-edit-panel{gap:10px;display:grid}.file-tag-edit-panel .tag-editor{gap:8px}.file-tag-edit-panel .tag-row{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto}.file-tag-edit-panel>button{border-radius:8px;min-height:40px}.file-tag-groups{gap:10px;display:grid}.file-tag-group{background:var(--color-surface-muted);border:1px solid var(--color-surface-muted);border-radius:10px;grid-template-columns:104px minmax(0,1fr);align-items:start;gap:8px;padding:10px;display:grid}.file-tag-group strong{color:var(--color-text-muted);overflow-wrap:anywhere;font-size:12px;font-weight:900;line-height:1.4}.file-tag-values{flex-wrap:wrap;gap:6px;min-width:0;display:flex}.file-detail-actions{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.file-detail-actions button{border-radius:8px;min-height:40px}.file-tag-values span{background:var(--color-surface-muted);color:var(--color-text-muted);overflow-wrap:anywhere;border-radius:999px;max-width:100%;padding:5px 9px;font-size:12px;font-weight:700}.viewer-empty,.file-preview-frame,.file-preview-image,.file-preview-video{background:#0b101b;border:0;border-radius:0;width:100%;height:100%;min-height:0;margin:0}.viewer-empty{color:#cbd5e1;text-align:center;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex}.viewer-error{flex-direction:column;gap:12px}.viewer-error button{color:#fff;background:#ffffff1f;border:1px solid #ffffff52;border-radius:999px;min-height:40px;padding:0 16px}.viewer-error.viewer-status-overlay{z-index:4}.viewer-status-overlay{color:#e2e8f0;text-align:center;background:#0b101bb8;justify-content:center;align-items:center;font-size:13px;font-weight:800;display:flex;position:absolute;inset:0}.viewer-loading{gap:10px}.viewer-loading.viewer-status-overlay{pointer-events:none}.viewer-loading-spinner{border:2px solid #e2e8f03d;border-top-color:#e2e8f0;border-radius:999px;width:20px;height:20px;animation:.8s linear infinite viewer-loading-spin}@keyframes viewer-loading-spin{to{transform:rotate(360deg)}}.file-preview-frame{background:var(--color-surface)}.file-preview-image,.file-preview-video{object-fit:contain}.custom-video-player{touch-action:manipulation;background:#0b101b;place-items:center;width:100%;height:100%;display:grid;position:relative;overflow:hidden}.custom-video-play{box-shadow:none;color:#fff;z-index:2;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;width:68px;height:68px;min-height:68px;padding:0;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.custom-video-play span{filter:drop-shadow(0 2px 10px #00000080);border-top:13px solid #0000;border-bottom:13px solid #0000;border-left:20px solid;margin-left:5px;display:block}.custom-video-feedback{color:#fff;pointer-events:none;z-index:3;background:#0f172ab8;border:1px solid #ffffff2e;border-radius:999px;align-items:center;min-height:42px;padding:0 16px;font-size:15px;font-weight:900;display:inline-flex;position:absolute;top:50%;transform:translateY(-50%)}.custom-video-feedback.back{left:22px}.custom-video-feedback.forward{right:22px}.custom-video-progress{color:#e2e8f0;z-index:2;background:linear-gradient(#0b101b00,#0b101bc7);grid-template-columns:auto minmax(0,1fr) auto auto;align-items:center;gap:10px;padding:34px 16px 14px;display:grid;position:absolute;bottom:0;left:0;right:0}.custom-video-progress span{text-align:center;min-width:36px;font-size:12px;font-weight:800}.custom-video-progress input{accent-color:#fff;width:100%;min-height:28px;padding:0}.custom-video-mute{aspect-ratio:1;color:#e2e8f0;cursor:pointer;background:#ffffff24;border:1px solid #ffffff47;border-radius:999px;justify-content:center;align-items:center;min-width:36px;min-height:28px;padding:0;font-size:14px;display:inline-flex}.custom-video-mute:hover{background:#fff3}.file-pagination{border:0;border-bottom:1px solid var(--color-border-strong);border-top:1px solid var(--color-border);box-shadow:none;min-height:56px;padding:8px 16px calc(8px + env(safe-area-inset-bottom));z-index:20;background:#fbfcfe;border-radius:0;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:260px;right:0}.file-pagination>span{color:var(--color-text-muted);font-size:13px;font-weight:800}.file-count-summary{background:var(--color-surface);border-top:1px solid var(--color-border);color:var(--color-text-muted);min-height:44px;padding:13px 16px;font-size:13px;font-weight:800}.file-pagination-controls{align-items:center;gap:8px;display:flex}.file-pagination-controls .secondary-button{border-color:#cfd8e3;min-height:40px;padding:0 12px;font-size:13px}.file-pagination-controls span{color:var(--color-text-muted);text-align:center;min-width:46px;font-size:13px;font-weight:800}.file-work-sheet,.file-modal-backdrop{background:var(--color-surface);border-top:1px solid var(--file-border);padding:16px;box-shadow:0 -14px 30px #0f172a0a}.file-modal-backdrop,.file-viewer-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:none;z-index:22;background:#0f172a6b;border:0;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.file-viewer-backdrop{padding:0}.category-form,.file-upload-panel{background:var(--color-surface);border:1px solid var(--file-border);border-radius:18px;grid-template-columns:1fr;align-items:stretch;gap:16px;width:min(100%,480px);max-height:calc(100vh - 48px);padding:24px;display:grid;overflow:auto;box-shadow:0 24px 64px #0f172a33}.file-upload-panel{width:min(100%,520px)}.sheet-header{grid-column:1/-1;justify-content:space-between;align-items:center;gap:12px;display:flex}.sheet-close-button{background:var(--color-surface-muted);border:1px solid var(--color-border-strong);color:var(--color-text);border-radius:999px;justify-content:center;align-items:center;width:36px;height:36px;min-height:36px;padding:0;font-size:20px;font-weight:700;line-height:1;display:inline-flex}.tag-editor{gap:8px;display:grid}.file-upload-panel>.tag-editor,.filter-sheet .tag-editor{grid-column:auto}.tag-row{grid-template-columns:minmax(120px,1fr) minmax(120px,1fr) auto;gap:8px;display:grid}.tag-quick-picks,.tag-editor-actions{flex-wrap:wrap;gap:6px;display:flex}.tag-chip-button{background:var(--color-surface);border:1px solid var(--file-border);color:var(--color-text-muted);border-radius:999px;min-height:30px;padding:0 10px;font-size:12px;font-weight:800}.tag-chip-button:hover,.tag-chip-button:focus-visible{background:var(--file-accent-soft);border-color:var(--color-brand-soft);color:var(--file-accent)}.tag-chip-button.value{color:var(--file-text);border-style:dashed}.autocomplete-field{min-width:0;position:relative}.autocomplete-field input{width:100%}.autocomplete-menu{background:var(--color-surface);border:1px solid var(--file-border);z-index:12;border-radius:10px;gap:2px;max-height:190px;padding:6px;display:grid;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:auto;box-shadow:0 14px 36px #0f172a29}.autocomplete-menu button{color:var(--file-text);text-align:left;background:0 0;border:0;border-radius:8px;justify-content:start;min-height:34px;padding:0 10px;font-size:13px;font-weight:800}.autocomplete-menu button:hover,.autocomplete-menu button:focus-visible{background:var(--file-accent-soft);color:var(--file-accent)}.success,.error{border-top:1px solid var(--file-border);margin:0;padding:10px 16px;font-size:13px;font-weight:800}.success{background:var(--color-accent-soft);color:var(--color-success)}.error{background:var(--color-danger-soft);color:var(--color-danger)}.secondary-button{background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text)}.secondary-button:hover{background:var(--color-surface-muted);border-color:var(--color-border-strong)}.secondary-button:disabled,.danger-button:disabled{background:var(--color-surface-muted);border:1px solid var(--color-border);color:var(--color-text-soft);opacity:1}.secondary-button.compact{background:var(--file-accent);border-color:var(--file-accent);color:var(--color-surface);white-space:nowrap;min-height:40px;padding:0 14px}.danger-button{background:var(--color-danger);color:var(--color-surface)}.danger-button:hover{background:var(--color-danger-hover)}.file-confirm-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:30;background:#0f172a5c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.file-viewer-backdrop{z-index:60;align-items:stretch}.file-viewer-modal{background:var(--color-surface);border:0;border-radius:0;grid-template-rows:minmax(0,1fr) auto auto;width:100vw;height:100dvh;max-height:100dvh;display:grid;overflow:hidden;box-shadow:0 24px 70px #0f172a3d}.file-viewer-footer{background:var(--color-surface);border-top:1px solid var(--file-border);grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:8px;padding:12px 18px 16px;display:grid}.file-viewer-footer button{border-radius:8px;min-height:42px}.file-confirm-dialog{background:var(--color-surface);border:1px solid var(--file-border);border-radius:18px;gap:20px;width:min(100%,420px);max-width:420px;padding:24px;display:grid;box-shadow:0 24px 60px #0f172a2e}.file-confirm-dialog h2{margin:0 0 8px;font-size:20px}.file-confirm-dialog p{color:#4b5563;margin:0;line-height:1.6}.file-confirm-dialog .file-confirm-note{color:var(--color-danger);margin-top:8px;font-size:13px;font-weight:800}.file-confirm-actions{justify-content:end;gap:8px;display:flex}.file-filter-dialog-backdrop{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:70;background:#0f172a6b;justify-content:center;align-items:flex-end;padding:0;display:flex;position:fixed;inset:0}.file-filter-dialog{background:var(--color-surface);border:0;border-radius:20px 20px 0 0;grid-template-rows:auto minmax(0,1fr) auto;width:min(100%,560px);max-height:min(82dvh,720px);display:grid;overflow:hidden;box-shadow:0 -20px 54px #0f172a2e}.file-filter-dialog .filter-sheet-body{overscroll-behavior:contain;overflow-y:auto}.file-filter-dialog .filter-sheet-actions{background:var(--color-surface);padding-bottom:calc(12px + env(safe-area-inset-bottom));box-shadow:0 -8px 24px #0f172a0f}@media (width<=1180px){.explorer-primary-row{grid-template-columns:minmax(180px,1fr) minmax(164px,190px) auto auto auto}}@media (width<=860px){.file-canvas-panel:has(.file-pagination) .file-canvas{padding-bottom:calc(var(--mobile-nav-height,76px) + 76px)}.file-count-summary{padding:10px 14px calc(10px + env(safe-area-inset-bottom));border-top:0}.file-pagination{bottom:var(--mobile-nav-height,calc(76px + env(safe-area-inset-bottom)));min-height:58px;padding:8px 12px;left:0;right:0}}@media (width<=760px){.files-page,.file-explorer{min-height:calc(100vh - 76px - env(safe-area-inset-bottom))}.tag-row,.file-tag-edit-panel .tag-row{grid-template-columns:1fr}.file-page-header{align-items:center;min-height:48px;padding:6px 10px;display:flex}.file-page-title{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.file-path-row{align-items:center;gap:6px;overflow:hidden}.breadcrumb-home{background:var(--color-surface-muted);border-radius:999px;min-width:auto;min-height:36px;padding:0 12px}.file-breadcrumb,.file-breadcrumb button{min-height:36px}.file-panel-header,.file-actions,.sheet-header,.file-confirm-actions{align-items:stretch;display:grid}.explorer-title-row{align-items:start}.explorer-primary-row{grid-template-columns:minmax(0,1fr) auto auto;align-items:stretch;padding:8px 10px;display:grid}.explorer-search{grid-area:1/1}.filter-button{grid-area:1/2}.toolbar-menu-wrap{grid-area:1/3}.toolbar-sort{grid-area:2/1/auto/3}.view-mode-toggle{grid-area:2/3;margin-left:0}.view-mode-toggle button{padding:0 9px}.view-mode-label{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.tag-filter-composer{grid-template-columns:minmax(0,1fr)}.tag-filter-composer-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.tag-filter-composer-actions>button{width:100%}.file-canvas{padding:8px 10px 150px}.file-canvas.grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.file-canvas.list .explorer-folder-entry{grid-template-columns:minmax(0,1fr) auto;align-items:stretch;gap:6px;display:grid}.explorer-item{min-height:62px;padding:8px 10px}.file-canvas.list .folder-actions-menu{align-self:stretch;position:relative;top:auto;right:auto}.file-canvas.list .folder-menu-button{width:48px;min-width:48px;height:100%;min-height:46px}.file-canvas.grid .explorer-folder-entry{display:block;position:relative}.file-canvas.grid .folder-actions-menu{position:absolute;top:6px;right:6px}.file-canvas.grid .folder-menu-button{width:38px;min-width:38px;height:38px;min-height:38px}.file-canvas.grid .explorer-item{border-color:var(--file-border);text-align:center;grid-template-columns:minmax(0,1fr);align-content:center;place-items:center;min-height:132px;padding:14px 8px 10px}.file-canvas.grid .explorer-item-icon{width:48px;height:44px;margin:0 0 7px;transform:none}.file-canvas.grid .explorer-item>span:not(.explorer-item-icon){-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.file-canvas.grid .explorer-item small{white-space:nowrap;grid-column:auto;justify-self:center;max-width:100%;margin-top:3px}.file-canvas.list .explorer-item{grid-template-columns:34px minmax(0,1fr) auto;min-height:54px}.file-canvas.list .explorer-item small{white-space:normal;grid-column:2;justify-self:start}.file-pagination{bottom:calc(76px + env(safe-area-inset-bottom));min-height:58px;padding:8px 12px;left:0;right:0}.viewer-empty,.file-preview-frame,.file-preview-image,.file-preview-video{width:100%;min-height:0;margin:0}.file-modal-backdrop,.file-confirm-backdrop{padding:12px}.file-modal-backdrop{padding:0 10px calc(10px + env(safe-area-inset-bottom));align-items:flex-end}.file-upload-panel{overscroll-behavior:contain;max-height:calc(100dvh - 12px);padding:16px 14px calc(14px + env(safe-area-inset-bottom));border-radius:18px 18px 0 0;width:100%;scroll-padding-bottom:96px}.file-upload-panel>button[type=submit]{z-index:4;min-height:48px;position:sticky;bottom:0;box-shadow:0 -10px 22px #0f172a1a}.file-upload-panel .selected-file-list{max-height:132px}.file-viewer-backdrop{padding:0}.file-viewer-modal{border:0;border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.file-detail-drawer{padding:14px 12px}.file-viewer-footer{padding:10px 12px 12px}}@media (width<=480px){.file-pagination{left:0;right:0}}.ledger-page{gap:18px}.ledger-page-header{justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;display:flex}.month-field{min-width:220px}.ledger-toolbar{gap:20px;padding:24px;display:grid}.ledger-hero-summary{grid-template-columns:minmax(0,1.45fr) minmax(280px,.75fr);align-items:stretch;gap:20px;padding:24px;display:grid}.ledger-hero-summary>div:first-child{align-content:center;gap:8px;display:grid}.summary-eyebrow,.budget-progress-card span,.budget-toolbar-header p,.entry-form-header p{color:var(--color-text-muted);font-size:13px}.ledger-hero-summary strong{letter-spacing:0;font-size:clamp(36px,5vw,56px);line-height:1.05}.ledger-hero-summary p{color:var(--color-text-muted);font-size:15px}.budget-progress-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:12px;padding:18px;display:grid}.budget-progress-card div:first-child,.budget-toolbar-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-progress-card strong{font-size:28px}.budget-progress-track{background:var(--color-border);border-radius:999px;height:10px;overflow:hidden}.budget-progress-track span{background:var(--color-brand);border-radius:inherit;height:100%;display:block}.budget-progress-track.slim{height:6px}.budget-toolbar-header h2{font-size:18px}.budget-toolbar-header .ui-button{min-width:96px}.budget-form{grid-template-columns:320px minmax(0,1fr);align-items:start;gap:20px;display:grid}.budget-month-card{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:16px;padding:18px;display:grid}.budget-month-card label{gap:10px}.budget-mini-stats{border-top:1px solid var(--color-border);gap:10px;padding-top:14px;display:grid}.budget-mini-stats>div{justify-content:space-between;align-items:center;gap:12px;display:flex}.budget-mini-stats span,.form-section-title p{color:var(--color-text-muted);font-size:13px}.budget-mini-stats strong{font-size:16px}.budget-category-editor{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:16px;min-width:0;padding:18px;display:grid}.form-section-title,.budget-category-row{align-items:center;gap:8px;display:flex}.form-section-title{justify-content:space-between;align-items:start}.form-section-title>div{gap:4px;display:grid}.budget-actions{justify-content:flex-end;gap:8px;display:flex}.budget-actions button{min-width:72px;padding:0 16px}.budget-category-row{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);grid-template-columns:minmax(180px,1fr) minmax(140px,180px) 84px 80px;align-items:center;gap:10px;padding:12px;display:grid}.budget-category-list{gap:10px;display:grid}.budget-category-row .ui-control{min-width:0}.budget-category-row .checkbox-label{justify-content:center}.budget-category-row .icon-button{width:100%}.icon-button{min-height:40px;padding:0 12px}.empty-hint{color:var(--color-text-muted);font-size:13px}.ledger-summary-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.ledger-summary-grid .ui-metric-card{min-height:104px;padding:16px}.ledger-summary-grid .ui-metric-card strong{font-size:24px}.budget-category-grid{grid-template-columns:repeat(auto-fill,minmax(220px,280px));gap:12px;display:grid}.budget-category-card{gap:10px;padding:16px;display:grid}.budget-category-card.over{border-color:#fca5a5}.budget-category-card div{justify-content:space-between;align-items:start;gap:8px;display:flex}.budget-category-card span{color:var(--color-text-muted);font-size:13px}.budget-category-card p{font-size:18px;font-weight:800}.ledger-entry-panel,.ledger-overview-panel{gap:16px;display:grid}.ledger-entry-panel{width:100%}.ledger-form{align-content:start;gap:14px;padding:20px;display:grid}.primary-entry-form{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px}.primary-entry-form>.entry-form-header,.primary-entry-form>.quick-template-list,.primary-entry-form>.amount-shortcuts,.primary-entry-form>.ui-segmented-control,.primary-entry-form>.entry-status-strip,.primary-entry-form>.checkbox-label,.primary-entry-form>.entry-submit-row,.primary-entry-form>.ui-button[type=submit]{grid-column:1/-1}.entry-form-header{justify-content:space-between;align-items:end;gap:16px;display:flex}.entry-form-header h2{margin-bottom:4px;font-size:22px}.entry-form-header>span{color:var(--color-text-muted);font-size:13px;font-weight:700}.amount-field input{min-height:64px;font-size:30px;font-weight:800}.quick-template-list,.amount-shortcuts{flex-wrap:wrap;gap:8px;display:flex}.quick-template-list .ui-button,.amount-shortcuts .ui-button{min-height:40px;padding:0 12px}.quick-template-list .ui-button.active{background:var(--color-text);border-color:var(--color-text);color:#fff}.entry-status-strip{background:var(--color-surface-muted);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-wrap:wrap;gap:8px;padding:10px;display:flex}.entry-submit-row{justify-content:flex-end;gap:8px;display:flex}.entry-submit-row button{min-width:120px}.checkbox-label{align-items:center;gap:8px;display:flex}.checkbox-label.compact{white-space:nowrap}.checkbox-label input{min-height:auto}.ledger-list{gap:14px;padding:20px;display:grid}.ledger-list-header{justify-content:space-between;align-items:start;gap:16px;display:flex}.ledger-list-header p{color:var(--color-text-muted);margin-top:4px;font-size:13px}.transaction-filter-bar{grid-template-columns:repeat(3,minmax(120px,1fr));gap:8px;max-width:560px;display:grid}.ledger-list>p{color:var(--color-text-muted);padding:4px 0 8px;font-size:15px}.transaction-list{gap:16px;display:grid}.transaction-date-group{gap:8px;display:grid}.transaction-date-header{justify-content:space-between;align-items:center;gap:12px;display:flex}.transaction-date-header h3{color:var(--color-text-muted);font-size:13px;font-weight:800}.transaction-date-header span{color:var(--color-text-muted);text-align:right;font-size:12px;font-weight:700}.transaction-item{border:1px solid var(--color-border);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.transaction-item.expense{border-left:4px solid var(--color-text)}.transaction-item.income{border-left:4px solid var(--color-success)}.transaction-item.saving{border-left:4px solid var(--color-brand)}.transaction-item div,.transaction-amount{gap:4px;display:grid}.transaction-item span,.transaction-amount span{color:var(--color-text-muted);font-size:13px}.transaction-amount{text-align:right;justify-items:end}.transaction-edit-button,.transaction-delete-button{justify-self:end;min-height:40px;padding:0 10px}.transaction-edit-button:hover{color:var(--color-brand);border-color:#93c5fd}.transaction-delete-button:hover{color:var(--color-danger);border-color:#fca5a5}.ledger-confirm-backdrop{z-index:20;background:#1118276b;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.ledger-confirm-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);gap:20px;width:min(100%,420px);max-width:420px;padding:24px;display:grid;box-shadow:0 24px 60px #0f172a2e}.ledger-confirm-dialog h2{margin:0 0 8px;font-size:20px}.ledger-confirm-dialog p{color:var(--color-text-muted);margin:0;line-height:1.6}.ledger-confirm-actions{justify-content:end;gap:8px;display:flex}@media (width<=980px){.ledger-summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-hero-summary{grid-template-columns:1fr}.budget-category-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.budget-form{grid-template-columns:1fr}.budget-category-editor{grid-column:auto}}@media (width<=860px){.ledger-page{gap:14px}.ledger-page-header{box-shadow:none;background:0 0;border:0;grid-template-columns:minmax(0,1fr);align-items:stretch;gap:10px;padding:0;display:grid}.ledger-page-header .ui-segmented-control{border-radius:16px;grid-template-columns:repeat(2,minmax(0,1fr));padding:4px;display:grid}.ledger-page-header .ui-segmented-control .ui-button{border-radius:12px;min-height:46px}.ledger-page-header .month-field{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);padding:12px}.ledger-mode-tabs,.month-field,.month-field input,.budget-toolbar-header .secondary-button,.budget-month-card input,.budget-actions,.budget-actions button,.entry-submit-row,.entry-submit-row button{width:100%}.ledger-mode-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.ledger-summary-grid,.budget-category-grid{grid-template-columns:1fr}.ledger-entry-panel{width:100%}.primary-entry-form{grid-template-columns:1fr}.entry-form-header{align-items:start}.ledger-hero-summary{gap:16px;padding:20px}.ledger-hero-summary strong{font-size:44px}.budget-progress-card{padding:16px}.budget-progress-card div:first-child{align-items:end}.budget-progress-card strong{font-size:36px;line-height:1}.ledger-toolbar{padding:18px}.ledger-summary-grid{gap:10px}.ledger-summary-grid .ui-metric-card{grid-template-columns:minmax(0,1fr) auto;align-items:center;min-height:78px;padding:14px 16px}.ledger-summary-grid .ui-metric-card p,.ledger-summary-grid .ui-metric-card span{grid-column:1}.ledger-summary-grid .ui-metric-card strong{text-align:right;grid-area:1/2/span 2;justify-self:end;font-size:20px}.budget-toolbar-header,.form-section-title,.entry-submit-row{grid-template-columns:minmax(0,1fr);align-items:stretch;display:grid}.budget-actions{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:stretch;display:grid}}@media (width<=480px){.budget-form,.budget-category-row,.transaction-item{grid-template-columns:1fr}.budget-toolbar-header,.form-section-title,.ledger-list-header,.transaction-filter-bar{grid-template-columns:1fr;align-items:stretch;width:100%;max-width:none;display:grid}.transaction-filter-bar{grid-template-columns:1fr;justify-self:stretch;min-width:0}.transaction-filter-bar .ui-control{width:100%}.ledger-hero-summary,.ledger-toolbar,.ledger-form,.ledger-list{padding:16px}.ledger-hero-summary strong{font-size:40px}.amount-field input{font-size:26px}.budget-actions{justify-content:stretch}.budget-actions button{flex:1}.transaction-item{align-items:stretch;display:grid}.transaction-date-header{align-items:start;display:grid}.transaction-date-header span{text-align:left}.transaction-amount{text-align:left;justify-items:start}.transaction-edit-button,.transaction-delete-button{justify-self:stretch}}