:root{--bg:#f4f5f7;--surface:#ffffff;--line:#e5e7eb;--line-strong:#d0d5dd;--text:#0b0b0c;--muted:#6b7280;--ink:#0b0b0c;--ink-soft:#23262d;--danger:#d92d20;--green:#12b76a;--amber:#b54708;--radius:10px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}.app-shell{max-width:1120px;margin:0 auto;min-height:100vh;background:var(--surface);border-left:1px solid var(--line);border-right:1px solid var(--line)}button{background:var(--surface);color:var(--text);border:1px solid var(--line-strong);border-radius:8px;padding:7px 13px;cursor:pointer;font-size:13px;display:inline-flex;align-items:center;gap:7px;transition:border-color .15s,background .15s,color .15s}button:hover{border-color:var(--ink);background:#f8f9fa}button.primary{background:var(--ink);border-color:var(--ink);color:#fff}button.primary:hover{background:var(--ink-soft)}button:disabled{opacity:.4;cursor:not-allowed}.ic{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;display:block;flex:none}.iconwrap{display:contents}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.login{display:grid;place-items:center;min-height:100vh;text-align:center;padding:20px}.login .card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:40px 46px;box-shadow:0 8px 30px #1018280f;width:100%;max-width:380px}.login-logo{width:190px;max-width:64vw;height:auto;display:block;margin:0 auto 14px}.login p{color:var(--muted);margin:0 0 22px;font-size:13px}.login-form{display:flex;flex-direction:column;gap:10px;text-align:left}.login-form input{padding:11px 13px;border-radius:9px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:14px;width:100%}.login-form input:focus{outline:none;border-color:var(--ink)}.login-form button{justify-content:center;padding:11px 22px;margin-top:4px;font-size:14px}.login-error{color:var(--danger);font-size:13px;margin:2px 0 0;min-height:0}.header{display:flex;align-items:center;gap:16px;padding:0 18px;height:60px;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0;z-index:20}.brand{font-weight:600;letter-spacing:-.01em;display:flex;align-items:center;gap:10px;font-size:15px;flex:none}.mark-img{height:23px;width:auto;display:block}.tabs{display:flex;gap:2px;height:100%;flex:none}.tab{position:relative;background:none;border:none;padding:0 13px;height:100%;color:var(--muted);font-size:13.5px;font-weight:500;cursor:pointer;display:flex;align-items:center;gap:7px;border-radius:0}.tab:hover{color:var(--text);background:none;border-color:transparent}.tab.active{color:var(--ink)}.tab.active:after{content:"";position:absolute;left:11px;right:11px;bottom:-1px;height:2px;background:var(--ink);border-radius:2px}.search{flex:1;max-width:440px;display:flex;align-items:center;gap:9px;background:#f1f2f4;border:1px solid transparent;border-radius:10px;padding:0 12px;height:38px}.search:focus-within{background:var(--surface);border-color:var(--line-strong)}.search input{border:none;background:none;outline:none;flex:1;font-size:13.5px;color:var(--text);min-width:0}.search .ic{color:var(--muted)}.rightgap{flex:1}.user{position:relative;flex:none;margin-left:auto}.avatar{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;font-weight:600;font-size:14px;display:flex;align-items:center;justify-content:center;border:none;cursor:pointer;padding:0}.avatar:hover{background:var(--ink-soft)}.avatar.admin{box-shadow:0 0 0 2px var(--surface),0 0 0 3.5px #f0b653}.menu{position:absolute;right:0;top:48px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 14px 38px #10182829;min-width:230px;padding:7px;z-index:30}.menu .info{padding:10px 10px 12px;border-bottom:1px solid var(--line);margin-bottom:6px}.menu .info .em{font-size:13px;font-weight:500;word-break:break-all}.menu .info .rl{font-size:12px;color:var(--muted);margin-top:3px;display:flex;align-items:center;gap:6px}.menu .mi{padding:9px 10px;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:13px;cursor:pointer;color:var(--text)}.menu .mi:hover{background:#f5f6f8}.menu .mi .ic{width:16px;height:16px;color:var(--muted)}.toolbar{display:flex;gap:8px;align-items:center;padding:14px 20px}.breadcrumb{font-size:13px;color:var(--muted)}.breadcrumb a{color:var(--ink);cursor:pointer}.breadcrumb a:hover{text-decoration:underline}.toast{margin:0 20px 12px;padding:11px 15px;border-radius:9px;background:var(--ink);color:#fff;font-size:13px;display:flex;gap:9px;align-items:center}.toast.err{background:var(--danger)}.toast .ic{width:15px;height:15px;opacity:.85}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:11px 20px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:500;font-size:12px;text-transform:uppercase;letter-spacing:.04em}td.name-cell{white-space:normal}tr.row:hover td{background:#fafbfc}.name{cursor:pointer;display:flex;align-items:center;gap:10px}.ficon{width:30px;height:30px;border-radius:7px;display:grid;place-items:center;flex:none}.ficon.folder{background:#eef0f3;color:#0b0b0c}.ficon.image{background:#e7f7ee;color:#12875a}.ficon.pdf{background:#fdeceb;color:#d92d20}.ficon.video{background:#f1ebff;color:#7a5cff}.ficon.audio{background:#e7f7ee;color:#12875a}.ficon.text{background:#eef1f5;color:#475467}.ficon.doc{background:#e8f3fa;color:#1570cd}.muted{color:var(--muted)}.actions{display:flex;gap:2px;justify-content:flex-end;align-items:center}.act{border:1px solid transparent;background:none;padding:6px;border-radius:8px;color:var(--muted);cursor:pointer;line-height:0}.act:hover{background:#f0f1f3;color:var(--text);border-color:transparent}.act.danger:hover{background:#fff1f0;color:var(--danger)}.act .ic{width:17px;height:17px}.act-sep{width:1px;height:20px;background:var(--line);margin:0 5px}.modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0b0b0c80;display:flex;align-items:center;justify-content:center;padding:30px;z-index:40}.modal{background:var(--surface);border:1px solid var(--line);border-radius:14px;width:100%;max-width:720px;overflow:hidden;box-shadow:0 16px 48px #10182838}.modal .bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--line)}.modal .body{padding:16px;max-height:70vh;overflow:auto}.modal img.pic,.modal video.pic{width:100%;border-radius:8px;display:block;background:#f2f4f7}.modal iframe.pic{width:100%;height:70vh;border:none;border-radius:8px;background:#f2f4f7}.modal pre{background:#f8f9fb;padding:14px;border-radius:8px;margin:0;border:1px solid var(--line);font:12.5px/1.6 ui-monospace,Menlo,Consolas,monospace;white-space:pre-wrap;color:#344054}.vidbox,.pdfbox{background:#f2f4f7;border-radius:8px;display:grid;place-items:center;height:320px;color:var(--muted);text-align:center}.bigic{width:40px;height:40px;margin:0 auto 10px;fill:none;stroke:currentColor;stroke-width:1.6}.dlonly{text-align:center;padding:38px 20px;color:var(--muted)}.modal .bar button.act{color:var(--muted)}.modal input.rename{width:100%;padding:11px 13px;border-radius:9px;border:1px solid var(--line-strong);font-size:14px}.modal input.rename:focus{outline:none;border-color:var(--ink)}.panel-wrap{padding:6px 20px 30px}.panel-wrap h3{margin:14px 0 4px;font-size:17px;font-weight:600}.addform{display:flex;gap:8px;margin:14px 0 22px;flex-wrap:wrap;align-items:center}.addform input{padding:9px 12px;border-radius:8px;border:1px solid var(--line-strong);background:var(--surface);color:var(--text);font-size:13px}.addform input.email{flex:0 1 240px}.addform input.pw{flex:0 1 180px}.addform input:focus{outline:none;border-color:var(--ink)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:7px}.status-dot.active{background:var(--green)}.status-dot.pending{background:var(--amber)}.hint{color:var(--muted);font-size:13px;max-width:580px}.spinner{display:grid;place-items:center;padding:60px 20px;color:var(--muted)}.tablewrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.hidden-input{display:none}@media(max-width:820px){.search{display:none}.app-shell{border-left:none;border-right:none}.header{gap:10px;padding:0 14px}}@media(max-width:760px){.toolbar{flex-wrap:wrap;padding:12px 14px}th,td{padding:10px 14px}.toast{margin:0 14px 12px}.panel-wrap{padding:6px 14px 26px}.modal-bg{padding:14px}.login .card{padding:30px 24px}}@media(max-width:560px){.toolbar .spacer,.col-type,.col-size,.col-status,.brand .wm{display:none}.tab{padding:0 10px}.addform input.email,.addform input.pw{flex:1 1 100%}}.filesview{position:relative}.filesview.dropping{outline:2px dashed var(--ink-soft);outline-offset:-6px;border-radius:12px}.dropzone-hint{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#f4f5f7b8;font-weight:600;color:var(--ink);pointer-events:none;border-radius:12px;z-index:5}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{color:var(--ink)}.th-in{display:inline-flex;align-items:center;gap:4px}.caret-wrap{display:inline-flex;line-height:0}.caret-wrap .ic{width:14px;height:14px}.caret-wrap.up{transform:rotate(180deg)}.col-mod{white-space:nowrap}.name-text{display:flex;flex-direction:column;min-width:0}.name-main{overflow:hidden;text-overflow:ellipsis}.loc{font-size:12px;color:var(--muted)}.row.drop-target>td{background:#eaf2ff}.uploads{display:flex;flex-direction:column;gap:6px;margin:10px 0}.up-item{display:flex;align-items:center;gap:10px;font-size:13px}.up-name{flex:0 0 38%;max-width:38%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--ink-soft)}.up-bar{flex:1;height:6px;background:var(--line);border-radius:99px;overflow:hidden}.up-fill{height:100%;background:var(--green);transition:width .15s ease}.up-pct{flex:none;width:42px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.move-nav{display:flex;align-items:center;gap:8px;margin-bottom:10px}.move-list{border:1px solid var(--line);border-radius:10px;max-height:260px;overflow-y:auto;background:var(--bg)}.move-empty{padding:18px;text-align:center}.move-item{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;background:none;border:none;border-bottom:1px solid var(--line);cursor:pointer;text-align:left;font:inherit;color:var(--ink)}.move-item:last-child{border-bottom:none}.move-item:hover{background:#eef1f5}.move-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.move-open{font-size:12px}.move-actions{display:flex;align-items:center;gap:8px;margin-top:16px}.move-dest{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:45%}.pill{display:inline-block;padding:2px 9px;border-radius:99px;font-size:12px;font-weight:600;background:#eef1f5;color:var(--ink-soft);text-transform:capitalize}.pill.act-upload{background:#e7f7ee;color:#12875a}.pill.act-trash,.pill.act-purge{background:#fdeceb;color:var(--danger)}.pill.act-move{background:#e8f3fa;color:#1570cd}.pill.act-download{background:#f1ebff;color:#7a5cff}.pill.act-create_folder,.pill.act-rename,.pill.act-restore{background:#eef0f3;color:#0b0b0c}@media(max-width:680px){.col-mod{display:none}}