:root{color:#edf0f7;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c0e13;font-family:Inter,ui-sans-serif,system-ui,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}.center{color:#9299aa;place-items:center;height:100vh;display:grid}.login-wrap{background:radial-gradient(circle at 50% 0,#242a43 0,#0000 45%);place-items:center;min-height:100vh;padding:24px;display:grid}.login-card{background:#151820;border:1px solid #2b2f3a;border-radius:18px;width:min(400px,100%);padding:38px;box-shadow:0 24px 80px #0008}.brand-mark{color:#fff;background:#6c63ff;border-radius:13px;place-items:center;width:48px;height:48px;display:grid}.login-card h1{margin:22px 0 7px}.login-card p{color:#999faf;margin:0 0 28px}.login-card label{color:#c5c9d2;gap:8px;margin:16px 0;font-size:14px;display:grid}.login-card input{color:#fff;background:#0e1016;border:1px solid #343947;border-radius:9px;outline:none;padding:12px}.login-card input:focus{border-color:#7770ff}.login-card>button,.actions>button{color:#fff;background:#6c63ff;border:0;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:11px 16px;display:flex}.login-card>button{width:100%;margin-top:20px}.error{color:#ff9b9b;background:#481f27;border:1px solid #79313f;border-radius:8px;padding:10px 12px}.app{min-height:100vh}header{background:#11131a;border-bottom:1px solid #292d37;justify-content:space-between;align-items:center;height:70px;padding:0 max(20px,50% - 600px);display:flex}.brand,.user{align-items:center;gap:12px;font-weight:700;display:flex}.brand .brand-mark{border-radius:10px;width:38px;height:38px}.brand svg{width:20px}.user{color:#b3b8c5;font-size:14px}.icon-btn{color:#aeb4c1;background:0 0;border:0;border-radius:8px;place-items:center;width:36px;height:36px;padding:8px;text-decoration:none;display:grid}.icon-btn:hover{color:#fff;background:#272b36}.icon-btn svg{width:18px}.content{max-width:1200px;margin:0 auto;padding:32px 20px}.toolbar{justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px;display:flex}.toolbar nav{align-items:center;gap:8px;display:flex;overflow:auto}.toolbar nav button{color:#aab0bd;background:0 0;border:0;padding:6px}.toolbar nav button:last-of-type{color:#fff;font-weight:650}.toolbar nav span{color:#555c6d}.actions{flex:none;gap:10px;display:flex}.actions button svg{width:18px}.actions .secondary{background:#242834;border:1px solid #373c49}.banner{justify-content:space-between;align-items:center;margin-bottom:16px;display:flex}.banner button{color:inherit;background:0 0;border:0}.banner svg{width:18px}.progress-wrap{background:#171a22;border:1px solid #2b303c;border-radius:11px;margin-bottom:16px;padding:14px 16px}.progress-wrap div{justify-content:space-between;margin-bottom:9px;font-size:13px;display:flex}.progress-wrap progress{accent-color:#6c63ff;width:100%;height:7px}.file-list{background:#13161d;border:1px solid #292e39;border-radius:13px;overflow:hidden}.row{color:#aeb4c0;border-bottom:1px solid #272b35;grid-template-columns:minmax(240px,1fr) 110px 190px 120px;align-items:center;gap:12px;min-height:62px;padding:0 16px;font-size:14px;display:grid}.row:last-child{border-bottom:0}.row.head{color:#777f90;text-transform:uppercase;letter-spacing:.07em;background:#191c24;min-height:44px;font-size:12px}.filename{color:#e9ecf3;text-align:left;background:0 0;border:0;align-items:center;gap:13px;min-width:0;display:flex}.filename span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.filename svg{color:#8d86ff;flex:none;width:21px}.row-actions{justify-content:flex-end;display:flex}.danger:hover{color:#ff7f8c}.blocked{opacity:.5}.empty{text-align:center;color:#788091;padding:70px 20px}.empty svg{color:#484e5d}.empty h2{color:#bcc1cb;margin-bottom:5px;font-size:18px}.empty p{margin:0}.drop{z-index:20;color:#cac7ff;background:#171a22e8;border:4px dashed #756dff;place-content:center;justify-items:center;gap:16px;font-size:22px;display:grid;position:fixed;inset:0}.modal{z-index:30;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.preview{background:#151820;border:1px solid #343946;border-radius:14px;justify-content:center;align-items:center;width:min(1000px,95vw);height:min(750px,90vh);padding:48px 18px 18px;display:flex;position:relative}.preview h3{white-space:nowrap;text-overflow:ellipsis;margin:0;position:absolute;top:16px;left:20px;right:60px;overflow:hidden}.preview .close{color:#fff;background:0 0;border:0;padding:7px;position:absolute;top:10px;right:12px}.preview img,.preview video{object-fit:contain;max-width:100%;max-height:100%}.preview iframe{background:#fff;border:0;width:100%;height:100%}@media (width<=760px){.content{padding:20px 12px}.toolbar{flex-direction:column;align-items:flex-start}.actions{width:100%}.actions button{flex:1}.row{grid-template-columns:minmax(160px,1fr) 92px}.row>time,.row.head>span:nth-child(3){display:none}.row-actions{grid-column:1/-1;padding-bottom:10px;display:none}.row:focus-within .row-actions,.row:hover .row-actions{display:flex}.row.head{min-height:40px}.user>span{display:none}}.preview{width:min(1100px,96vw);height:min(820px,92vh);padding:56px 62px 70px;overflow:hidden}.preview-title{z-index:2;align-items:center;gap:12px;display:flex;position:absolute;top:15px;left:20px;right:60px}.preview-title h3{white-space:nowrap;text-overflow:ellipsis;min-width:0;margin:0;position:static;overflow:hidden}.preview-title span{color:#8e95a5;flex:none;font-size:13px}.preview .close{z-index:3}.gallery-image{animation:.18s ease-out image-in}.slide-arrow{z-index:2;color:#fff;background:#090b10aa;border:0;border-radius:10px;place-items:center;width:46px;height:64px;transition:background .15s,transform .15s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.slide-arrow:hover{background:#6c63ff;transform:translateY(-50%)scale(1.05)}.slide-arrow svg{width:32px;height:32px}.slide-arrow.previous{left:9px}.slide-arrow.next{right:9px}.slideshow-controls{z-index:2;justify-content:center;align-items:center;gap:14px;display:flex;position:absolute;bottom:14px;left:20px;right:20px}.slideshow-controls button{color:#f2f3f7;background:#242834;border:1px solid #454b5b;border-radius:9px;align-items:center;gap:8px;height:40px;padding:0 14px;display:flex}.slideshow-controls button:hover{background:#343947}.slideshow-controls svg{width:17px}.slideshow-controls span{color:#8e95a5;font-size:12px}.preview:fullscreen{background:#08090d;border:0;border-radius:0;width:100vw;max-width:none;height:100vh;max-height:none;padding:58px 72px 72px}.preview:fullscreen .gallery-image{max-width:100%;max-height:100%}@keyframes image-in{0%{opacity:.35;transform:scale(.985)}to{opacity:1;transform:scale(1)}}@media (width<=760px){.modal{padding:0}.preview{border:0;border-radius:0;width:100vw;height:100dvh;padding:54px 8px 74px}.slide-arrow{background:#090b1088;width:42px;height:58px}.slide-arrow.previous{left:4px}.slide-arrow.next{right:4px}.slideshow-controls span{display:none}}.user>button:not(.icon-btn){color:#aeb4c1;background:0 0;border:0;border-radius:8px;align-items:center;gap:7px;padding:9px 11px;font-size:14px;display:flex}.user>button:not(.icon-btn):hover,.user>button.nav-active{color:#fff;background:#252936}.management{gap:20px;display:grid}.page-heading h1{margin:0 0 5px;font-size:28px}.page-heading p{color:#999faf;margin:0}.management-grid{grid-template-columns:minmax(260px,350px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.panel{background:#151820;border:1px solid #2b303c;border-radius:13px;gap:15px;min-width:0;padding:22px;display:grid}.panel h2{margin:0 0 3px;font-size:18px}.panel label{color:#c5c9d2;gap:7px;font-size:14px;display:grid}.panel input:not([type=checkbox]){color:#fff;background:#0e1016;border:1px solid #343947;border-radius:9px;outline:none;width:100%;padding:11px 12px}.panel input:focus{border-color:#7770ff}.panel .check{align-items:center;gap:9px;display:flex}.panel .check input{accent-color:#6c63ff}.panel button:not(.secondary){color:#fff;background:#6c63ff;border:0;border-radius:9px;padding:10px 14px}.panel button.secondary{color:#e1e4eb;background:#242834;border:1px solid #373c49;border-radius:8px;padding:8px 10px}.notice{color:#b6efd2;background:#17372b;border:1px solid #315d4a;border-radius:8px;padding:10px 12px}.user-list{gap:0;display:grid}.user-row{border-top:1px solid #2b303c;justify-content:space-between;align-items:center;gap:12px;padding:14px 0;display:flex}.user-row:first-child{border-top:0}.user-row strong,.user-row small{display:block}.user-row small{color:#9299aa;margin-top:3px}.user-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.reset-panel,.account-panel{max-width:480px}.form-actions{gap:10px;display:flex}.form-actions button{flex:1}@media (width<=850px){.management-grid{grid-template-columns:1fr}.user-row{flex-direction:column;align-items:flex-start}.user-buttons{justify-content:flex-start}}@media (width<=600px){header{padding:0 12px}.brand>span{display:none}.user{gap:2px}.user>button:not(.icon-btn){padding:8px 6px;font-size:12px}.user>button svg{display:none}.panel{padding:17px}}