:root{--bg:#f3f5f6;--surface:#fff;--surface-2:#f7f9f9;--surface-3:#eef2f2;--text:#172326;--muted:#68777a;--line:#dce3e3;--line-strong:#c8d2d2;--brand:#0c6b61;--brand-2:#084c46;--brand-soft:#e2f1ee;--nav:#102326;--nav-text:#b8c7c7;--nav-active:#fff;--success:#178458;--success-bg:#e5f5ed;--warning:#b36a0a;--warning-bg:#fff3dc;--danger:#bd3c3c;--danger-bg:#fdeaea;--info:#276bc5;--info-bg:#eaf2fd;--shadow:0 10px 30px rgba(18,35,38,.09);--radius:10px;--sidebar:250px}
[data-theme="dark"]{--bg:#101719;--surface:#182225;--surface-2:#1d292c;--surface-3:#253235;--text:#ecf3f2;--muted:#9cacab;--line:#2d3c3f;--line-strong:#415154;--brand:#42b6a3;--brand-2:#67c9b9;--brand-soft:#173c38;--nav:#0b1113;--nav-text:#8fa3a2;--nav-active:#fff;--success-bg:#163b2d;--warning-bg:#42351c;--danger-bg:#412324;--info-bg:#1b304b;--shadow:0 12px 30px rgba(0,0,0,.25)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:"DM Sans",sans-serif;color:var(--text);background:var(--bg)}button,input,select,textarea{font:inherit}button{color:inherit}.app-shell{display:grid;grid-template-columns:var(--sidebar) 1fr;min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:var(--sidebar);background:var(--nav);color:#fff;z-index:30;display:flex;flex-direction:column;transition:.25s ease}.brand{height:76px;display:flex;align-items:center;padding:0 16px 0 18px;border-bottom:1px solid rgba(255,255,255,.08);gap:11px}.brand-mark{width:34px;height:34px;border:1px solid #67c9b9;display:grid;place-items:center;color:#7bd5c5;font:800 18px Manrope}.brand-copy{display:flex;flex-direction:column;min-width:0}.brand-copy strong{font:800 14px Manrope;letter-spacing:.11em}.brand-copy span{font-size:11px;color:#8fa6a5;letter-spacing:.04em}.collapse-btn{margin-left:auto!important;color:#9fb0af!important;border-color:rgba(255,255,255,.12)!important}.sidebar nav{padding:14px 10px;overflow-y:auto;flex:1}.nav-section{font-size:10px;font-weight:700;letter-spacing:.13em;color:#627a79;padding:12px 12px 7px}.nav-item{width:100%;height:39px;border:0;background:transparent;color:var(--nav-text);display:flex;align-items:center;gap:11px;padding:0 12px;margin:1px 0;border-radius:6px;cursor:pointer;text-align:left;font-size:13px;font-weight:500;position:relative}.nav-item svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7;flex:none}.nav-item:hover{color:#fff;background:rgba(255,255,255,.05)}.nav-item.active{color:var(--nav-active);background:#19413e}.nav-item.active:before{content:"";position:absolute;left:0;width:3px;height:18px;background:#5bc6b4}.nav-badge{margin-left:auto;background:#c44949;color:#fff;border-radius:9px;min-width:18px;padding:2px 5px;text-align:center;font-size:9px}.sidebar-footer{padding:12px;border-top:1px solid rgba(255,255,255,.08)}.storage-meter{display:flex;align-items:center;gap:8px;padding:7px 9px;color:#a5b5b4}.storage-meter span,.user-chip span:nth-child(2){display:flex;flex-direction:column;min-width:0}.storage-meter b,.user-chip b{font-size:11px;font-weight:600}.storage-meter small,.user-chip small{font-size:9px;color:#718887}.storage-meter i{width:7px;height:7px;background:#43ba88;border-radius:50%;box-shadow:0 0 0 3px rgba(67,186,136,.12)}.user-chip{width:100%;display:flex;align-items:center;gap:9px;padding:8px;border:0;background:transparent;color:#fff;cursor:pointer;text-align:left}.user-chip:hover{background:rgba(255,255,255,.04)}.user-chip svg{width:14px;margin-left:auto;fill:none;stroke:#718887;stroke-width:2}.avatar{width:30px;height:30px;background:#d9eee9;color:#0c5f56;display:grid!important;place-items:center;font-size:10px!important;font-weight:700;border-radius:50%}.main-area{grid-column:2;min-width:0}.topbar{height:76px;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--surface) 94%,transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:18px}.global-search{width:min(410px,38vw);height:38px;border:1px solid var(--line);background:var(--surface-2);color:var(--muted);display:flex;align-items:center;gap:9px;padding:0 11px;border-radius:7px;cursor:pointer}.global-search:hover{border-color:var(--line-strong)}.global-search svg,.period-select svg,.topbar svg,.command-input svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.7}.global-search span{flex:1;text-align:left}.global-search kbd,.command-input kbd{font-size:10px;border:1px solid var(--line-strong);background:var(--surface);padding:3px 6px;border-radius:4px;color:var(--muted)}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.period-select{height:36px;border:1px solid var(--line);display:flex;align-items:center;padding:0 8px;border-radius:7px;background:var(--surface)}.period-select select{border:0;background:transparent;color:var(--text);outline:0;font-size:12px}.icon-btn{width:36px;height:36px;border:1px solid var(--line);background:transparent;border-radius:7px;display:grid;place-items:center;cursor:pointer;color:var(--muted);font-size:20px}.icon-btn:hover{background:var(--surface-3);color:var(--text)}.notification-btn{position:relative}.notification-btn span{position:absolute;right:-4px;top:-5px;background:#c84242;color:#fff;border:2px solid var(--surface);min-width:18px;height:18px;border-radius:9px;font-size:9px;display:grid;place-items:center}.primary-btn,.secondary-btn{border:0;height:38px;padding:0 15px;border-radius:7px;font-size:12px;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:7px}.primary-btn{background:var(--brand);color:#fff}.primary-btn:hover{background:var(--brand-2)}.secondary-btn{background:var(--surface);color:var(--text);border:1px solid var(--line)}.text-btn{background:transparent;border:0;color:var(--brand);font-size:12px;font-weight:700;cursor:pointer;padding:5px}.text-btn:hover{text-decoration:underline}.text-btn.full{width:calc(100% - 32px);margin:12px 16px;border-top:1px solid var(--line);padding-top:15px}.mobile-menu{display:none}.content{padding:27px 28px 50px;max-width:1600px;margin:auto;outline:0}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.15em;color:var(--brand);display:block;margin-bottom:5px}.page-heading h1,.modal h2,.drawer h2{font:800 25px/1.15 Manrope;margin:0;letter-spacing:-.03em}.page-heading p{margin:7px 0 0;color:var(--muted);font-size:13px}.heading-actions{display:flex;gap:8px}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:16px}.metric-card{background:var(--surface);border:1px solid var(--line);padding:15px 16px;min-height:112px;position:relative}.metric-card:after{content:"";position:absolute;inset:0 auto 0 0;width:2px;background:var(--accent,var(--brand))}.metric-label{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;font-weight:600}.metric-icon{width:25px;height:25px;background:var(--surface-3);display:grid;place-items:center;border-radius:5px;color:var(--accent,var(--brand));font-size:12px}.metric-value{font:800 25px Manrope;margin:10px 0 5px;letter-spacing:-.04em}.trend{font-size:10px;color:var(--muted)}.trend strong{color:var(--success);margin-right:4px}.trend.down strong{color:var(--danger)}.dashboard-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,.85fr);gap:14px;margin-top:14px}.stack{display:grid;gap:14px}.panel{background:var(--surface);border:1px solid var(--line);min-width:0}.panel-header{display:flex;justify-content:space-between;align-items:center;padding:15px 17px;border-bottom:1px solid var(--line)}.panel-header h3{font:700 13px Manrope;margin:0}.panel-header p{font-size:10px;color:var(--muted);margin:4px 0 0}.panel-body{padding:16px}.chart-wrap{height:250px}.chart-wrap svg{width:100%;height:100%;overflow:visible}.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-area{fill:url(#areaGradient)}.chart-line{fill:none;stroke:var(--brand);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}.chart-cost{fill:none;stroke:#d59339;stroke-width:2;stroke-dasharray:5 4}.chart-label{font-size:9px;fill:var(--muted)}.legend{display:flex;gap:15px;font-size:10px;color:var(--muted)}.legend span:before{content:"";display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--brand);margin-right:5px}.legend span:last-child:before{background:#d59339}.activity-list,.task-list{display:grid}.activity-row,.task-row{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid var(--line);align-items:flex-start}.activity-row:last-child,.task-row:last-child{border:0}.activity-dot{width:7px;height:7px;border-radius:50%;background:var(--brand);margin-top:6px;box-shadow:0 0 0 4px var(--brand-soft);flex:none}.activity-copy{min-width:0;flex:1}.activity-copy b,.task-row b{display:block;font-size:11px;margin-bottom:3px}.activity-copy span,.task-row span{font-size:10px;color:var(--muted)}.time{font-size:9px!important;white-space:nowrap}.status-chip{display:inline-flex;align-items:center;padding:3px 7px;border-radius:10px;font-size:9px;font-weight:700;white-space:nowrap;background:var(--surface-3);color:var(--muted)}.status-chip.green{background:var(--success-bg);color:var(--success)}.status-chip.yellow{background:var(--warning-bg);color:var(--warning)}.status-chip.red{background:var(--danger-bg);color:var(--danger)}.status-chip.blue{background:var(--info-bg);color:var(--info)}.table-toolbar{display:flex;align-items:center;gap:8px;padding:12px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap}.filter-input,.filter-select{height:34px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:6px;padding:0 10px;font-size:11px;outline:0}.filter-input{width:230px}.filter-input:focus,.filter-select:focus,.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.view-toggle{display:flex;border:1px solid var(--line);border-radius:6px;overflow:hidden;margin-left:auto}.view-toggle button{height:32px;border:0;background:var(--surface);padding:0 10px;font-size:10px;color:var(--muted);cursor:pointer}.view-toggle button.active{background:var(--surface-3);color:var(--text);font-weight:700}.data-table-wrap{overflow:auto}.data-table{width:100%;border-collapse:collapse;min-width:760px}.data-table th{text-align:left;padding:10px 13px;background:var(--surface-2);border-bottom:1px solid var(--line);font-size:9px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);white-space:nowrap}.data-table td{padding:12px 13px;border-bottom:1px solid var(--line);font-size:11px;vertical-align:middle}.data-table tbody tr{cursor:pointer}.data-table tbody tr:hover{background:var(--surface-2)}.company-cell{display:flex;align-items:center;gap:9px}.company-logo{width:29px;height:29px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;font-size:10px;font-weight:800;border-radius:5px;flex:none}.company-cell b{display:block;font-size:11px}.company-cell small{font-size:9px;color:var(--muted)}.member{display:flex;align-items:center;gap:6px}.member .avatar{width:24px;height:24px;font-size:8px!important}.row-actions{display:flex;gap:4px}.row-actions button{width:25px;height:25px;border:1px solid var(--line);background:transparent;border-radius:4px;color:var(--muted);cursor:pointer}.row-actions button:hover{color:var(--text);background:var(--surface-3)}.kanban{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:11px;overflow-x:auto;padding-bottom:10px}.kanban-column{background:var(--surface-2);border:1px solid var(--line);min-height:430px}.kanban-head{padding:11px 12px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:10px;font-weight:700}.kanban-head span:last-child{color:var(--muted)}.kanban-body{padding:8px;display:grid;gap:8px;align-content:start}.kanban-card{background:var(--surface);border:1px solid var(--line);padding:11px;cursor:pointer;box-shadow:0 2px 6px rgba(0,0,0,.02)}.kanban-card:hover{border-color:var(--line-strong);transform:translateY(-1px)}.kanban-card h4{font-size:11px;margin:0 0 3px}.kanban-card p{font-size:9px;color:var(--muted);margin:0 0 11px}.card-meta{display:flex;justify-content:space-between;align-items:center;font-size:9px}.money{font-variant-numeric:tabular-nums;font-weight:700}.priority{width:6px;height:6px;border-radius:50%;display:inline-block;margin-right:4px}.priority.high{background:var(--danger)}.priority.normal{background:var(--warning)}.priority.low{background:var(--success)}.progress{height:5px;background:var(--surface-3);margin:9px 0 5px;overflow:hidden}.progress i{display:block;height:100%;background:var(--brand)}.split-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project-card,.case-card,.team-card{background:var(--surface);border:1px solid var(--line);padding:15px}.project-top{display:flex;justify-content:space-between;align-items:flex-start}.project-card h3,.team-card h3{font:700 13px Manrope;margin:0 0 4px}.project-card p,.team-card p{font-size:10px;color:var(--muted);margin:0}.project-stats{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);margin-top:13px;padding-top:11px}.project-stats span{font-size:9px;color:var(--muted)}.project-stats b{display:block;font-size:11px;color:var(--text);margin-top:3px}.bar-chart{display:flex;align-items:flex-end;gap:14px;height:220px;padding-top:15px}.bar-group{flex:1;display:flex;align-items:flex-end;justify-content:center;gap:3px;height:100%;position:relative;border-bottom:1px solid var(--line)}.bar{width:34%;background:var(--brand);min-height:3px;transition:.3s}.bar.cost{background:#d49a4b}.bar-group label{position:absolute;bottom:-20px;font-size:9px;color:var(--muted)}.donut-layout{display:flex;align-items:center;justify-content:center;gap:28px;min-height:220px}.donut{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--brand) 0 46%,#3f8ec9 46% 67%,#e0a344 67% 84%,#819291 84%);position:relative}.donut:after{content:"";position:absolute;inset:28px;border-radius:50%;background:var(--surface)}.donut-center{position:absolute;inset:0;display:grid;place-items:center;z-index:2;text-align:center;font-size:10px;color:var(--muted)}.donut-center b{font:800 20px Manrope;color:var(--text);display:block}.donut-legend{display:grid;gap:9px;font-size:10px;color:var(--muted)}.donut-legend i{display:inline-block;width:8px;height:8px;margin-right:7px;background:var(--brand)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.case-visual{height:170px;background:linear-gradient(135deg,#d8e4e2,#a6c7c0);position:relative;overflow:hidden;margin:-15px -15px 13px}.case-visual:before{content:"";position:absolute;left:10%;top:18%;width:80%;height:68%;background:#f8fbfb;border:5px solid #24383a;border-bottom-width:12px;box-shadow:0 12px 25px rgba(0,0,0,.16)}.case-visual:after{content:"HARKO / CASE";position:absolute;left:24%;top:37%;font:800 15px Manrope;color:#114d47;letter-spacing:.08em}.case-card h3{font:700 14px Manrope;margin:0}.case-card p{color:var(--muted);font-size:10px;line-height:1.5}.case-tags{display:flex;gap:5px}.empty-state{text-align:center;padding:50px;color:var(--muted)}.empty-state b{display:block;color:var(--text);margin-bottom:5px}.scrim{position:fixed;inset:0;background:rgba(4,15,17,.45);z-index:25;opacity:0;pointer-events:none;transition:.2s}.modal-backdrop,.command-backdrop{position:fixed;inset:0;background:rgba(4,15,17,.56);z-index:60;display:grid;place-items:center;opacity:0;pointer-events:none;transition:.18s;padding:20px}.modal-backdrop.open,.command-backdrop.open{opacity:1;pointer-events:auto}.modal{width:min(610px,100%);max-height:90vh;overflow:auto;background:var(--surface);box-shadow:var(--shadow);transform:translateY(10px);transition:.18s}.modal-backdrop.open .modal{transform:translateY(0)}.modal-header,.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 22px;border-bottom:1px solid var(--line)}.form-body{padding:20px 22px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.field{display:grid;gap:6px}.field.full{grid-column:1/-1}.field label{font-size:10px;font-weight:700}.field label em{color:var(--danger);font-style:normal}.field input,.field select,.field textarea{width:100%;border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:6px;padding:9px 10px;font-size:11px;outline:0}.field textarea{min-height:80px;resize:vertical}.field small{font-size:9px;color:var(--muted)}.modal-footer{padding:14px 22px;border-top:1px solid var(--line);display:flex;justify-content:flex-end;gap:8px}.command-menu{width:min(650px,100%);background:var(--surface);box-shadow:var(--shadow);align-self:start;margin-top:12vh}.command-input{height:58px;display:flex;align-items:center;gap:10px;padding:0 16px;border-bottom:1px solid var(--line)}.command-input input{flex:1;border:0;background:transparent;color:var(--text);outline:0}.search-results{max-height:440px;overflow:auto;padding:8px}.search-group-label{font-size:9px;font-weight:800;color:var(--muted);padding:10px 9px 5px;text-transform:uppercase;letter-spacing:.08em}.search-result{display:flex;align-items:center;gap:10px;padding:10px;border-radius:5px;cursor:pointer}.search-result:hover{background:var(--surface-3)}.search-result b{font-size:11px;display:block}.search-result span{font-size:9px;color:var(--muted)}.drawer{position:fixed;right:0;top:0;bottom:0;width:min(380px,100vw);background:var(--surface);z-index:55;box-shadow:var(--shadow);transform:translateX(105%);transition:.23s}.drawer.open{transform:none}.notification-item{display:flex;gap:11px;padding:14px 18px;border-bottom:1px solid var(--line)}.notification-item.unread{background:var(--brand-soft)}.notification-item .activity-dot{margin-top:5px}.notification-item b{font-size:11px;display:block;margin-bottom:3px}.notification-item p{font-size:10px;color:var(--muted);margin:0}.toast{position:fixed;bottom:22px;right:22px;background:var(--nav);color:#fff;padding:11px 15px;border-radius:6px;font-size:11px;z-index:100;box-shadow:var(--shadow);transform:translateY(20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:none;opacity:1}.pagination{display:flex;justify-content:space-between;align-items:center;padding:11px 14px;color:var(--muted);font-size:10px}.pagination-buttons{display:flex;gap:4px}.pagination button{height:27px;min-width:27px;border:1px solid var(--line);background:var(--surface);color:var(--muted);cursor:pointer;border-radius:4px}.pagination button.active{background:var(--brand);color:#fff;border-color:var(--brand)}.settings-grid{display:grid;grid-template-columns:200px 1fr;gap:15px}.settings-nav{background:var(--surface);border:1px solid var(--line);padding:8px;align-self:start}.settings-nav button{width:100%;text-align:left;border:0;background:transparent;color:var(--muted);padding:9px 10px;font-size:11px;cursor:pointer}.settings-nav button.active{background:var(--brand-soft);color:var(--brand);font-weight:700}.settings-form{background:var(--surface);border:1px solid var(--line);padding:21px}.settings-form h3{font:700 14px Manrope;margin:0 0 17px}.settings-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);font-size:11px}.switch{width:35px;height:19px;background:var(--line-strong);border-radius:10px;padding:2px;cursor:pointer}.switch i{display:block;width:15px;height:15px;background:white;border-radius:50%;transition:.2s}.switch.on{background:var(--brand)}.switch.on i{transform:translateX(16px)}
.sidebar.collapsed{width:72px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-section,.sidebar.collapsed .sidebar-footer{display:none}.sidebar.collapsed .brand{padding:0 18px}.sidebar.collapsed .collapse-btn{display:none}.sidebar.collapsed nav{padding:14px 10px}.sidebar.collapsed .nav-item{justify-content:center;padding:0}.app-shell:has(.sidebar.collapsed){--sidebar:72px}
@media(max-width:1150px){.metric-grid{grid-template-columns:repeat(2,1fr)}.split-cards{grid-template-columns:repeat(2,1fr)}.period-select{display:none}.dashboard-grid{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:1fr}}
@media(max-width:820px){:root{--sidebar:0px}.sidebar{width:250px;transform:translateX(-105%)}.sidebar.mobile-open{transform:none}.sidebar.mobile-open~.main-area .scrim{opacity:1;pointer-events:auto}.mobile-menu{display:grid}.topbar{padding:0 15px}.global-search{width:42px;padding:0;justify-content:center}.global-search span,.global-search kbd{display:none}.primary-btn{padding:0 11px}.top-actions>.primary-btn{font-size:0}.top-actions>.primary-btn span{font-size:18px}.content{padding:20px 15px 40px}.page-heading{align-items:flex-start}.split-cards{grid-template-columns:1fr}.settings-grid{grid-template-columns:1fr}.settings-nav{display:flex;overflow:auto}.settings-nav button{width:auto;white-space:nowrap}.sidebar.collapsed{width:250px}.sidebar.collapsed .brand-copy,.sidebar.collapsed .nav-item span,.sidebar.collapsed .nav-section,.sidebar.collapsed .sidebar-footer{display:flex}.sidebar.collapsed .nav-item{justify-content:flex-start;padding:0 12px}}
@media(max-width:560px){.metric-grid{grid-template-columns:1fr 1fr;gap:8px}.metric-card{padding:12px;min-height:100px}.metric-value{font-size:20px}.heading-actions .secondary-btn{display:none}.form-body,.settings-fields{grid-template-columns:1fr}.field.full{grid-column:auto}.top-actions{gap:5px}.top-actions .icon-btn:first-of-type{display:none}.notification-btn{display:grid!important}.page-heading h1{font-size:21px}.chart-wrap{height:210px}.donut-layout{flex-direction:column}.portfolio-grid{grid-template-columns:1fr}}
@media print{.sidebar,.topbar,.heading-actions,.table-toolbar{display:none!important}.main-area{grid-column:1}.app-shell{display:block}.content{padding:0}.panel,.metric-card{break-inside:avoid}}
.auth-pending{display:none!important}.auth-screen{position:fixed;inset:0;z-index:200;background:var(--nav);display:grid;place-items:center;padding:20px}.auth-screen.hidden{display:none}.auth-card{width:min(430px,100%);background:var(--surface);border:1px solid var(--line);box-shadow:0 24px 70px rgba(0,0,0,.3);padding:30px}.auth-brand{display:flex;align-items:center;gap:11px;margin-bottom:30px}.auth-brand>div:last-child{display:flex;flex-direction:column}.auth-brand strong{font-weight:800;letter-spacing:.12em;font-size:13px}.auth-brand span{font-size:10px;color:var(--muted)}.auth-loading{text-align:center;padding:35px 0;color:var(--muted);font-size:12px}.auth-loading i{display:block;width:28px;height:28px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;margin:0 auto 12px;animation:spin .8s linear infinite}.auth-form{display:grid;gap:14px}.auth-form[hidden]{display:none}.auth-form h1{font-size:24px;margin:0}.auth-form>p{font-size:12px;color:var(--muted);line-height:1.5;margin:0 0 5px}.auth-form label{display:grid;gap:6px;font-size:10px;font-weight:700}.auth-form input{height:41px;border:1px solid var(--line);background:var(--surface-2);color:var(--text);padding:0 11px;border-radius:6px;outline:0}.auth-form input:focus{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.auth-form small{color:var(--muted);font-weight:400}.auth-form .primary-btn{margin-top:5px}.auth-error{margin-top:15px;padding:10px;background:var(--danger-bg);color:var(--danger);font-size:11px}.auth-foot{text-align:center;color:var(--muted);font-size:9px;margin:22px 0 0}.storage-meter i.syncing{background:#e0a344}.storage-meter i.error{background:#c44949}[hidden]{display:none!important}@keyframes spin{to{transform:rotate(360deg)}}