:root{--bg:#f1f2ee;--panel:#fff;--text:#17201b;--muted:#758078;--line:#e3e6e1;--green:#176543;--green2:#e8f2ec;--danger:#a33c39;--shadow:0 18px 55px rgba(18,35,25,.08);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color-scheme:light}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% -10%,#dce9df 0,transparent 34rem),var(--bg);color:var(--text);min-height:100vh}.boot{font-size:28px;font-weight:720;padding:48px}
main{width:min(1040px,calc(100% - 32px));margin:0 auto;padding:54px 0 80px}header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:26px}.brand{display:flex;align-items:center;gap:12px}.mark{width:13px;height:13px;border-radius:50%;background:var(--green);box-shadow:0 0 0 7px rgba(23,101,67,.1)}h1{font-size:30px;letter-spacing:-.04em;margin:0}h2{font-size:18px;letter-spacing:-.02em;margin:0 0 17px}.sub,.meta{color:var(--muted);font-size:13px}.panel{background:var(--panel);border:1px solid rgba(23,32,27,.06);border-radius:20px;padding:22px;box-shadow:var(--shadow);margin-bottom:18px}.login{width:min(430px,100%);margin:12vh auto 0;text-align:center;padding:30px}.login .mark{margin:0 auto 18px}.login h1{margin-bottom:24px}.code{font:650 25px/1 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;letter-spacing:.28em;padding-left:.28em}
.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.grow{flex:1}button,.button,select,input{border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--text);font:600 14px/1 inherit;padding:11px 14px}button,.button{cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;min-height:40px}button.primary,.button.primary{background:var(--green);border-color:var(--green);color:#fff}button.soft{background:var(--green2);border-color:transparent;color:var(--green)}button.danger{color:var(--danger)}button:disabled{opacity:.45;cursor:not-allowed}input[type=file]{padding:9px;width:100%;font-weight:500}.notice{padding:11px 13px;border-radius:11px;background:var(--green2);color:var(--green);font-size:14px;margin:12px 0}.error{background:#f9eceb;color:var(--danger)}
.workspace-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;margin-bottom:18px}.workspace-card{aspect-ratio:1;margin:0;min-width:0;overflow:hidden}.files-card{display:flex;flex-direction:column}.files-card>.row{flex:0 0 auto}.files{display:grid;gap:1px;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:5px;min-height:0}.file{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:14px 2px;border-top:1px solid var(--line)}.file:first-child{border-top:0}.file>.meta{grid-column:1}.file>.actions{grid-column:2;grid-row:1/3}.name{font-weight:620;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file .meta{text-align:left}.empty{text-align:center;color:var(--muted);padding:34px 8px}.upload-card{display:flex;flex-direction:column}.drop{border:1.5px dashed #cbd2cc;border-radius:15px;padding:24px;text-align:center;background:#fbfcfa;transition:.15s}.upload-card .drop{display:grid;place-content:center;flex:1;min-height:180px}.drop.drag{border-color:var(--green);background:var(--green2)}#uploads{overflow-y:auto;min-height:0}.upload-item{margin-top:14px}.progress{height:7px;background:#e8ebe7;border-radius:20px;overflow:hidden;margin-top:8px}.progress span{display:block;height:100%;background:var(--green);transition:width .2s}
.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.stat{font-size:28px;font-weight:730;letter-spacing:-.04em;margin:3px 0}.codes{display:grid;gap:8px}.access{border-top:1px solid var(--line);padding:14px 0;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center}.access:first-child{border-top:0}.access-code{font:650 17px ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em}.create-access{justify-self:start;margin-top:8px}.actions{display:flex;gap:7px}.small{font-size:12px}.logout{background:transparent}.hidden{display:none!important}.login form{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-bottom:10px}.login #request{width:100%}
@media(max-width:760px){main{width:min(100% - 20px,1040px);padding:28px 0 56px}.panel{border-radius:16px;padding:17px}.workspace-grid,.admin-grid{grid-template-columns:1fr}.workspace-card{aspect-ratio:auto;min-height:320px}.files-card{max-height:440px}.upload-card{min-height:360px}.login{margin-top:8vh;padding:24px 18px}header{align-items:center}}
@media(prefers-color-scheme:dark){:root{--bg:#101512;--panel:#171d19;--text:#eef3ef;--muted:#929d95;--line:#2b332e;--green:#55b986;--green2:#1d3528;--danger:#ef8d87;--shadow:none;color-scheme:dark}body{background:radial-gradient(circle at 15% -10%,#183126 0,transparent 34rem),var(--bg)}button,.button,select,input{background:#1b221e}.drop{background:#141a16;border-color:#39443d}}