:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#20201d;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#20201d;--muted:#77736a;--line:#ded9cf;--panel:#fffefa;--accent:#2f6f63;--accent-dark:#1e5148;--danger:#b24235;--danger-bg:#fff0ed;--shadow:0 24px 70px -42px #36302473;background:#f6f5f1;font-family:Geist,Satoshi,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(115deg,#2f6f631a,#0000 36%),radial-gradient(circle at 84% 12%,#20201d14,#0000 26%),#f6f5f1;min-width:320px;min-height:100dvh;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.58}svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8px;width:20px;height:20px}.login-shell{place-items:center;min-height:100dvh;padding:24px;display:grid}.login-panel{width:min(100%,460px);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefadb;border:1px solid #ded9cfe6;border-radius:8px;padding:clamp(24px,5vw,42px)}.brand-lock{border:1px solid var(--line);width:48px;height:48px;color:var(--accent);background:#f8f7f2;border-radius:8px;place-items:center;display:grid}.eyebrow{color:var(--accent-dark);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.75rem;font-weight:760}.login-panel h1,.topbar h1{color:var(--ink);letter-spacing:0;margin:8px 0 0;font-size:clamp(2.2rem,7vw,4.6rem);line-height:.94}.login-copy{color:var(--muted);margin:18px 0 28px;line-height:1.6}.login-form{gap:10px;display:grid}.login-form label{color:#47433c;font-size:.9rem;font-weight:720}.login-form input,.search-box input{border:1px solid var(--line);width:100%;color:var(--ink);background:#fffefa;border-radius:8px;outline:none;transition:border-color .18s,box-shadow .18s}.login-form input{min-height:48px;padding:0 14px}.login-form input:focus,.search-box:focus-within{border-color:#2f6f639e;box-shadow:0 0 0 4px #2f6f631c}.field-error{min-height:18px;color:var(--danger);margin:0;font-size:.85rem}.primary-button,.ghost-button,.power-button,.icon-button,.danger-button{border:0;border-radius:8px;min-height:44px;transition:transform .18s,background .18s,border-color .18s}.primary-button:active,.ghost-button:active,.power-button:active,.icon-button:active,.danger-button:active{transform:translateY(1px)scale(.99)}.primary-button{background:var(--ink);color:#fffefa;font-weight:780}.dashboard-shell{width:min(100%,1400px);margin:0 auto;padding:clamp(18px,3vw,38px)}.topbar{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:clamp(24px,5vw,54px);display:flex}.ghost-button{border:1px solid var(--line);color:#4a463e;background:#fffefaad;padding:0 16px}.hero-grid{grid-template-columns:minmax(0,1.5fr) minmax(180px,.72fr) minmax(180px,.72fr);gap:14px;margin-bottom:16px;display:grid}.status-panel,.metric-panel,.directory-panel{box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fffefad1;border:1px solid #ded9cfe0;border-radius:8px}.status-panel{justify-content:space-between;align-items:stretch;gap:22px;min-height:170px;padding:clamp(20px,3vw,30px);display:flex}.status-heading{align-items:center;gap:16px;display:flex}.status-heading p,.metric-panel p{color:var(--muted);text-transform:uppercase;margin:0 0 8px;font-size:.82rem;font-weight:760}.status-heading h2{letter-spacing:0;margin:0;font-size:clamp(2rem,5vw,4rem);line-height:.95}.status-orb{background:#a39d91;border-radius:999px;width:16px;height:16px;box-shadow:0 0 0 8px #a39d9121}.status-panel.online .status-orb{background:#2f6f63;box-shadow:0 0 0 8px #2f6f6326}.status-panel.offline .status-orb{background:#b24235;box-shadow:0 0 0 8px #b2423521}.power-button{background:var(--accent);color:#fffefa;align-self:flex-end;align-items:center;gap:10px;padding:0 18px;font-weight:780;display:inline-flex}.status-panel.online .power-button{background:var(--danger)}.metric-panel{min-height:170px;padding:clamp(20px,3vw,28px)}.metric-panel strong{font-variant-numeric:tabular-nums;margin:14px 0 10px;font-size:clamp(2.4rem,6vw,4.5rem);line-height:.88;display:block}.metric-panel span,.panel-toolbar span{color:var(--muted);font-size:.94rem}.metric-panel.accent{color:#fffefa;background:#20312e}.metric-panel.accent p,.metric-panel.accent span{color:#fffefaad}.directory-panel{padding:clamp(16px,3vw,28px)}.panel-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:20px;margin-bottom:20px;display:grid}.panel-toolbar h2{overflow-wrap:anywhere;color:var(--ink);letter-spacing:0;margin:0 0 7px;font-size:clamp(1.5rem,4vw,2.7rem);line-height:1}.toolbar-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.search-box{border:1px solid var(--line);min-width:min(52vw,270px);min-height:44px;color:var(--muted);background:#fffefa;border-radius:8px;align-items:center;gap:9px;padding:0 12px;transition:border-color .18s,box-shadow .18s;display:flex}.search-box input{min-height:40px;box-shadow:none;background:0 0;border:0}.icon-button,.danger-button{justify-content:center;align-items:center;display:inline-flex}.icon-button{border:1px solid var(--line);width:44px;color:var(--ink);background:#fffefa}.danger-button{background:var(--danger);color:#fffefa;gap:9px;padding:0 15px;font-weight:780}.alert{border-radius:8px;margin-bottom:14px;padding:12px 14px;font-size:.94rem}.alert.error{background:var(--danger-bg);color:#7d2b23;border:1px solid #b2423547}.alert.success{color:var(--accent-dark);background:#edf7f2;border:1px solid #2f6f6347}.file-list{border:1px solid var(--line);background:#fffefa;border-radius:8px;overflow:hidden}.file-row{min-height:84px;animation:.36s both rise;animation-delay:calc(var(--index) * 35ms);border-bottom:1px solid #ded9cfb8;grid-template-columns:22px 58px minmax(0,1fr) auto;align-items:center;gap:14px;padding:12px 14px;transition:background .18s,transform .18s;display:grid}.file-row:last-child{border-bottom:0}.file-row:hover{background:#f9f8f3}.file-row.selected{background:#edf7f2}.file-checkbox{opacity:0;pointer-events:none;position:absolute}.check-visual{background:#fffefa;border:1px solid #c8c1b5;border-radius:6px;width:20px;height:20px;display:block}.file-checkbox:checked+.check-visual{border-color:var(--accent);background:linear-gradient(135deg, transparent 44%, #fffefa 45% 55%, transparent 56%) 44% 52% / 9px 9px no-repeat, var(--accent)}.file-thumb{width:58px;height:58px;color:var(--accent-dark);text-transform:uppercase;background:#f2f0e9;border:1px solid #ded9cfd1;border-radius:8px;place-items:center;font-size:.72rem;font-weight:820;display:grid;overflow:hidden}.file-thumb img{object-fit:cover;width:100%;height:100%}.file-copy{min-width:0}.file-copy strong,.file-copy span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-copy strong{color:var(--ink);font-size:.98rem}.file-copy span,.file-meta{color:var(--muted);font-size:.86rem}.file-meta{white-space:nowrap;justify-items:end;gap:6px;display:grid}.empty-state{min-height:260px;color:var(--muted);text-align:center;place-items:center;gap:10px;padding:36px;display:grid}.empty-state svg{width:38px;height:38px;color:var(--accent)}.empty-state strong{color:var(--ink);font-size:1.1rem}.skeleton{background:#ece8df;position:relative;overflow:hidden}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fffefac7,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0;transform:translate(-100%)}.skeleton-check{background:#ece8df;border-radius:6px;width:20px;height:20px}.skeleton-line{border-radius:999px;height:13px}.skeleton-line.wide{width:min(100%,340px);margin-bottom:10px}.skeleton-line.narrow{width:min(66%,220px)}.skeleton-pill{border-radius:999px;width:140px;height:32px}@keyframes shimmer{to{transform:translate(100%)}}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=900px){.hero-grid,.panel-toolbar{grid-template-columns:1fr}.status-panel{flex-direction:column;min-height:0}.power-button{justify-content:center;align-self:stretch}.toolbar-actions{grid-template-columns:1fr 44px auto;justify-content:stretch;display:grid}.search-box{min-width:0}}@media (width<=620px){.dashboard-shell{padding:16px}.topbar{flex-direction:column;align-items:stretch}.ghost-button{width:max-content}.toolbar-actions{grid-template-columns:1fr 44px}.danger-button{grid-column:1/-1}.file-row{grid-template-columns:22px 52px minmax(0,1fr);gap:11px}.file-thumb{width:52px;height:52px}.file-meta{grid-column:3;justify-items:start;margin-top:-4px}}
