:root{--bg:#0c111b;--panel:#141c29;--line:#273245;--text:#edf2fa;--muted:#9baac0;--accent:#a6edb8;--danger:#ff9b9b;--radius:18px;color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}[hidden]{display:none!important}header,main,footer{width:min(1200px,calc(100% - 64px));margin:auto}header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;color:var(--text);font-size:24px;font-weight:750;text-decoration:none;letter-spacing:-1px}.brand-icon{background:var(--accent);color:var(--bg);width:38px;height:38px;border-radius:11px;display:grid;place-items:center;font-size:24px}.badge{font-size:9px;letter-spacing:1.5px;border:1px solid var(--line);padding:5px 7px;border-radius:5px;color:var(--muted);margin-left:7px}#account{display:flex;align-items:center;gap:12px}#username{color:var(--muted);font-size:14px}main{flex:1;padding:54px 0 70px}.login-wrap{display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center;min-height:66vh}.eyebrow{color:var(--accent);letter-spacing:2px;font-size:11px;font-weight:750;margin:0 0 20px}h1{font-size:44px;letter-spacing:-1.8px;line-height:1.12;margin:0 0 15px;font-weight:650}.intro h1{font-size:clamp(44px,5vw,68px);letter-spacing:-3px;line-height:1.08}.lead{font-size:18px;line-height:1.8}.muted,.hint{color:var(--muted);line-height:1.6}.hint{font-size:12px}.feature{margin-top:44px;font-size:13px;color:var(--muted)}.feature span{background:#202d2a;color:var(--accent);padding:9px 13px;border-radius:50%;margin-right:10px}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:32px}.login-card{max-width:440px;width:100%}h2{font-size:19px;letter-spacing:-.4px;margin:0 0 8px}.login-card h2{font-size:25px}label{display:block;font-size:13px;font-weight:550;margin:22px 0 0}input{display:block;width:100%;background:#0d1420;border:1px solid #35435a;border-radius:9px;padding:13px 14px;color:var(--text);font:inherit;font-size:14px;margin-top:9px;min-height:45px}input:focus-visible,button:focus-visible,a:focus-visible,.file-picker:focus-within{outline:2px solid var(--accent);outline-offset:3px}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:9px;padding:11px 17px;font:inherit;font-size:13px;font-weight:650;cursor:pointer;border:1px solid var(--line);background:var(--panel);color:var(--text);min-height:42px;text-decoration:none}button:hover,.button:hover{filter:brightness(1.13)}button:disabled{opacity:.5;cursor:wait}.primary{background:var(--accent);border-color:var(--accent);color:#10251a}.login-card .primary{width:100%;margin-top:26px;justify-content:space-between}.quiet{background:transparent;border-color:transparent;color:var(--muted)}.danger{color:var(--danger)}.form-error{color:var(--danger);font-size:13px;line-height:1.5;min-height:0}.narrow{max-width:490px;margin:30px auto}.small-title{font-size:32px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:40px}.page-title .eyebrow{margin-bottom:12px}.page-title p:last-child{margin-bottom:0}.usage{min-width:210px;color:var(--muted);font-size:12px}meter{display:block;width:100%;height:8px;margin-top:12px}meter::-webkit-meter-bar{background:var(--line);border:0}meter::-webkit-meter-optimum-value{background:var(--accent)}nav{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.tab{background:none;border:0;border-radius:0;padding:12px 0;color:var(--muted);border-bottom:2px solid transparent}.tab.active{color:var(--accent);border-bottom-color:var(--accent)}.dropzone{display:flex;align-items:center;gap:22px;border:1px dashed #465d5b;background:linear-gradient(120deg,#17292366,#141c2940);border-radius:var(--radius);padding:30px}.dropzone.drag{border-color:var(--accent);background:#233b30}.dropzone h2{font-size:17px}.dropzone p{font-size:13px;margin:0}.upload-icon{display:grid;place-items:center;width:50px;height:50px;border-radius:13px;background:#253b32;color:var(--accent);font-size:30px}.file-picker{margin:0 0 0 auto;position:relative;overflow:hidden;flex-shrink:0}.file-picker input{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.section-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:30px 0 18px}.section-head h2{margin:0}.section-head input{max-width:280px;margin:0}.section-head p{font-size:13px;margin:8px 0}.count{font-size:12px;color:var(--muted);background:var(--panel);padding:3px 8px;border-radius:6px;margin-left:7px}.table-wrap{position:relative;overflow-x:auto;max-width:100%}table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}th{font-size:11px;text-transform:uppercase;letter-spacing:1px;font-weight:600;color:var(--muted);padding:14px 12px;border-bottom:1px solid var(--line)}td{padding:19px 12px;border-bottom:1px solid #1e2838;color:var(--muted)}td:first-child{color:var(--text);font-weight:550;overflow-wrap:anywhere;min-width:170px}td:last-child{text-align:right;white-space:nowrap}td .quiet{padding:8px 10px}.filename{display:flex;align-items:center;gap:13px;max-width:430px}.file-symbol{display:grid;place-items:center;width:34px;height:39px;flex-shrink:0;border:1px solid #3a4b60;border-radius:6px;color:var(--accent);font-size:17px}.empty{text-align:center;padding:65px 20px}.empty-icon{font-size:36px;color:var(--muted);margin-bottom:16px}.empty p{font-size:14px}.empty h2{font-size:22px}#upload-status{background:var(--panel);padding:15px 20px;margin-top:15px;border-radius:10px;font-size:13px}progress{width:100%;height:8px;accent-color:var(--accent)}#page-status{font-size:14px;color:var(--accent)}#page-status.error{color:var(--danger)}footer{border-top:1px solid var(--line);padding:24px 0;display:flex;justify-content:space-between;font-size:11px;color:#8493a9}dialog{color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:28px;width:min(460px,calc(100% - 30px))}dialog::backdrop{background:#02060bc9}dialog .section-head{margin:0 0 16px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:800px){header,main,footer{width:calc(100% - 36px)}header{height:80px}.badge{display:none}.login-wrap{grid-template-columns:1fr;gap:30px;min-height:0}.intro h1{font-size:44px}.intro h1 br{display:none}.feature{display:none}.login-card{max-width:none}.intro .lead{font-size:15px}.page-title{align-items:flex-start;flex-direction:column;gap:20px}h1{font-size:35px}.usage{width:100%}main{padding:32px 0 50px}.dropzone{flex-wrap:wrap;padding:22px;gap:15px}.dropzone>div:nth-child(2){flex:1}.file-picker{margin:5px 0 0;width:100%}.section-head{flex-wrap:wrap}.section-head input{max-width:none}.panel{padding:24px}#account{gap:0}#account .quiet{padding:9px}#username{max-width:90px;overflow:hidden;text-overflow:ellipsis;font-size:12px}footer{gap:16px}.brand{font-size:21px;gap:9px}td,th{padding-left:8px;padding-right:8px}.section-head>div{flex-basis:100%}}

.folder-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 18px}.folder-toolbar>button{flex-shrink:0}#breadcrumbs{display:flex;gap:4px;align-items:center;flex-wrap:wrap;min-width:0}#breadcrumbs button{overflow-wrap:anywhere;text-align:left;min-width:0}#breadcrumbs [aria-current]{color:var(--accent)}#folders-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:12px;margin-bottom:24px}.folder-card{border:1px solid var(--line);border-radius:12px;background:var(--panel);min-width:0;padding:8px}.folder-open{width:100%;justify-content:flex-start;text-align:left;overflow-wrap:anywhere;border:0;font-size:15px}.folder-actions{display:flex;flex-wrap:wrap;border-top:1px solid var(--line);margin-top:4px}.folder-actions button{font-size:12px}.upload-heading{display:flex;justify-content:space-between;gap:16px;margin:16px 0 12px}.upload-metrics{display:grid;grid-template-columns:2fr 1fr 1fr;gap:16px;margin:18px 0}.upload-metrics span{display:block;color:var(--muted);font-size:12px;margin-bottom:6px}.upload-metrics strong{font-size:15px;font-variant-numeric:tabular-nums}#upload-label,#upload-destination,#move-file-name{overflow-wrap:anywhere}.dialog-actions{display:flex;gap:8px;margin-top:24px}select{width:100%;min-height:45px;margin-top:9px;padding:10px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--text);font:inherit}select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}@media(max-width:600px){.folder-toolbar{align-items:flex-start;flex-direction:column}.upload-metrics{grid-template-columns:1fr 1fr}.upload-metrics>div:first-child{grid-column:1/-1}.upload-heading{font-size:12px}#account{min-width:0}#username{max-width:60px}header{flex-wrap:wrap;height:auto;min-height:80px;gap:8px;padding:12px 0}}

#downloads-dialog{width:min(760px,calc(100% - 30px));max-height:85vh;overflow-y:auto}#downloads-name{overflow-wrap:anywhere;font-weight:650}#downloads-dialog .section-head{flex-wrap:nowrap}#downloads-summary{color:var(--accent);font-weight:650}#downloads-refresh,#downloads-more{margin:10px 0}#downloads-list td:last-child{text-align:left;white-space:normal}

.folder-file-count{display:block;margin:4px 17px 14px;font-size:13px;font-weight:750;color:var(--accent)}

#files-section>.folder-toolbar{margin-top:28px}

.file-details{display:flex;flex-direction:column;align-items:flex-start;gap:6px;min-width:0}.file-folder-link{max-width:100%;min-height:32px;padding:5px 9px;font-size:12px;color:var(--accent);background:var(--panel);text-align:left;overflow-wrap:anywhere;white-space:normal}.file-folder-link:hover{border-color:var(--accent)}

.filter-indicator{display:block;color:var(--accent);font-size:11px;letter-spacing:0;text-transform:none;margin-top:6px;overflow-wrap:anywhere}.sort-button{border:0;background:none;padding:0;min-height:32px;color:inherit;font:inherit;text-transform:inherit;letter-spacing:inherit;text-align:left}.sort-button:hover,th[aria-sort] .sort-button{color:var(--accent)}

#uploader-popover{position:fixed;inset:auto;margin:0;width:240px;max-width:calc(100vw - 16px);padding:16px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px #0008}#uploader-popover label{margin:0}#uploader-popover select{margin-top:8px}#clear-uploader{margin-top:8px}.filter-enabled{color:var(--accent)}

.folder-file-count.empty-folder{color:var(--danger)}
.file-note{font-size:12px;color:var(--muted);font-weight:400;white-space:pre-wrap;margin:2px 0;max-width:420px;overflow-wrap:anywhere}
#files-table td:first-child{min-width:0}#files-table td:nth-child(2){min-width:180px;color:var(--text);font-weight:550;overflow-wrap:anywhere}
.selection-cell{width:36px}.selection-cell input{width:18px;min-height:18px;height:18px;margin:0;accent-color:var(--accent)}
.bulk-actions{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:14px;background:var(--panel);border:1px solid var(--line);border-radius:12px;margin-bottom:12px}
#pending-uploads{margin-top:18px;padding:20px}.pending-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.pending-row>span{flex:1;min-width:180px;overflow-wrap:anywhere;font-size:13px}
textarea{display:block;width:100%;margin-top:8px;background:var(--bg);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:12px;font:inherit;resize:vertical}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}#note-name{overflow-wrap:anywhere}
