:root{--bg:#090a0d;--panel:#111318;--panel2:#17191f;--line:#262930;--text:#f4f4f5;--muted:#858994;--accent:#c6ff54;--danger:#ff6b72}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif;min-height:100vh}button,input{font:inherit}.hidden{display:none!important}.eyebrow{font:600 10px 'Manrope';letter-spacing:.18em;color:#707580;margin:0 0 16px}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(450px,52%) 1fr}.login-card{padding:8vh clamp(40px,9vw,150px);display:flex;flex-direction:column;justify-content:center}.brand-mark{height:44px;width:44px;border:1px solid #34383f;border-radius:13px;display:grid;place-items:center;font:700 14px Manrope;margin-bottom:50px}.login-card h1{font:500 clamp(45px,5.4vw,76px)/.98 Manrope;letter-spacing:-.055em;margin:0}.login-card h1 span{color:var(--accent)}.lede{max-width:420px;color:#898d96;font-size:16px;line-height:1.6;margin:26px 0 36px}.login-card form{max-width:420px;display:grid;gap:17px}label{display:grid;gap:8px;color:#9b9fa8;font-size:12px;font-weight:500}input{width:100%;background:#121419;border:1px solid #272a31;border-radius:10px;color:white;padding:14px 15px;outline:none}input:focus{border-color:#65723f;box-shadow:0 0 0 3px #c6ff5410}.primary{border:0;border-radius:10px;background:var(--accent);color:#11150a;min-height:49px;padding:0 17px;font-weight:600;display:flex;align-items:center;justify-content:space-between;cursor:pointer}.primary:hover{background:#d4ff7d}.primary:disabled{opacity:.55;cursor:wait}.secure-note{font-size:11px;color:#555a64;margin-top:24px;display:flex;align-items:center;gap:8px}.secure-note i,.status i{width:6px;height:6px;background:var(--accent);border-radius:50%;box-shadow:0 0 10px var(--accent)}.login-art{margin:18px;border-radius:18px;position:relative;overflow:hidden;background:radial-gradient(circle at 50% 45%,#334519 0,#151b11 30%,#0d0f0c 65%);padding:38px;display:flex;flex-direction:column;justify-content:flex-end}.login-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#fff0 49%,#ffffff0b 50%),linear-gradient(90deg,#fff0 49%,#ffffff0b 50%);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000)}.login-art p,.login-art small{position:relative;margin:0}.login-art p{font:500 25px Manrope;letter-spacing:-.04em}.login-art small{color:#7d8276;margin-top:4px}.orb{position:absolute;border:1px solid #c6ff5440;border-radius:50%}.orb.one{width:330px;height:330px;top:14%;left:15%;box-shadow:0 0 90px #c6ff5410 inset}.orb.two{width:180px;height:180px;top:28%;left:30%;background:#c6ff5408}.app-shell{min-height:100vh;display:grid;grid-template-columns:235px 1fr}.sidebar{position:fixed;width:235px;inset:0 auto 0 0;background:#0d0f12;border-right:1px solid #1d2025;padding:30px 18px 22px;display:flex;flex-direction:column}.wordmark{display:flex;align-items:center;gap:11px;padding:0 9px 35px}.wordmark>span{width:34px;height:34px;border:1px solid #34373e;border-radius:10px;display:grid;place-items:center;font:700 11px Manrope}.wordmark strong{font:600 14px Manrope}.wordmark small{display:block;color:#666b74;font-size:8px;letter-spacing:.17em;margin-top:2px}.sidebar nav{display:grid;gap:5px}.sidebar nav button,.logout{background:none;border:0;color:#777c86;border-radius:9px;padding:11px 12px;text-align:left;display:flex;align-items:center;gap:12px;cursor:pointer}.sidebar nav button:hover,.sidebar nav button.active{background:#191c21;color:#f6f6f6}.sidebar nav button span{font-size:18px;width:18px;text-align:center}.sidebar nav button b{margin-left:auto;background:#262a30;color:#9a9ea7;border-radius:20px;padding:2px 7px;font-size:10px}.sidebar-bottom{margin-top:auto}.status{border-top:1px solid #1f2227;border-bottom:1px solid #1f2227;padding:18px 10px;display:flex;align-items:center;gap:11px}.status strong,.status small{display:block;font-size:10px}.status small{color:#60656e;margin-top:3px}.logout{margin-top:11px;width:100%;justify-content:space-between}.content{grid-column:2;padding:0 clamp(25px,5vw,75px) 70px;max-width:1600px;width:100%;margin:auto}.content header{height:118px;display:flex;align-items:center;border-bottom:1px solid #202329}.content header .eyebrow{margin-bottom:6px}.content header h2{font:500 24px Manrope;margin:0;letter-spacing:-.04em}.profile{margin-left:auto;display:flex;align-items:center;gap:12px}.profile>div{text-align:right}.profile strong,.profile small{display:block;font-size:11px}.profile small{color:#666b74;text-transform:capitalize;margin-top:3px}.profile>span{width:36px;height:36px;border-radius:50%;background:#262d1d;color:var(--accent);display:grid;place-items:center;font-weight:600}.menu-btn{display:none}.page{display:none;padding-top:38px}.active-page{display:block}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}.toolbar>p{color:#777c86}.toolbar>div{display:flex;gap:9px}.search{position:relative;display:block}.search span{position:absolute;left:13px;top:10px;color:#747984}.search input{height:38px;padding:0 12px 0 36px;width:210px}.compact{min-height:38px;height:38px;gap:10px}.image-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:17px}.image-card{background:#121419;border:1px solid #202329;border-radius:12px;overflow:hidden;transition:.2s}.image-card:hover{transform:translateY(-2px);border-color:#373b43}.thumb{aspect-ratio:4/3;background:#191c21;display:flex;align-items:center;justify-content:center;overflow:hidden}.thumb img{width:100%;height:100%;object-fit:cover}.image-meta{padding:12px 13px}.image-meta strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-size:12px}.image-meta small{color:#666b74;margin-top:5px;display:block}.empty{text-align:center;padding:12vh 20px;color:#737781}.empty>span{font-size:45px;color:#a6c76a}.empty h3,.section-intro h3,.create-user h3{font:500 25px Manrope;color:white;letter-spacing:-.04em;margin:18px 0 8px}.empty p{margin-bottom:24px}.empty .primary{margin:auto}.section-intro{margin-bottom:28px}.section-intro h3{margin-top:0}.section-intro p{color:#747984;max-width:600px;line-height:1.6}.dropzone{border:1px dashed #3a3f47;border-radius:15px;min-height:330px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:#101216;cursor:pointer;transition:.2s}.dropzone.drag{border-color:var(--accent);background:#141811}.dropzone input{display:none}.upload-icon{width:54px;height:54px;border-radius:50%;background:#20251b;color:var(--accent);display:grid;place-items:center;font-size:26px}.dropzone h3{font:500 18px Manrope;color:white;margin:18px 0 7px}.dropzone p{color:#686d76;margin:0}.dropzone u{color:#b8df6d}.file-list{margin:15px 0;display:grid;gap:7px}.file-row{background:#14161b;border:1px solid #24272d;padding:11px 14px;border-radius:9px;display:flex;justify-content:space-between}.file-row small{color:#777c86}.upload-submit{margin-left:auto;min-width:230px}.users-layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:50px}.user-list{display:grid;gap:8px}.user-row{display:flex;align-items:center;border:1px solid #23262c;background:#121419;padding:13px 15px;border-radius:10px}.user-avatar{width:35px;height:35px;border-radius:50%;background:#232720;display:grid;place-items:center;color:#b6d875;margin-right:12px}.user-row strong,.user-row small{display:block;font-size:12px}.user-row small{color:#666b74;margin-top:3px}.role-pill{margin-left:auto;border:1px solid #30343b;border-radius:20px;padding:4px 9px;color:#878c95;font-size:9px;text-transform:uppercase;letter-spacing:.08em}.create-user{background:#121419;border:1px solid #25282f;border-radius:14px;padding:25px;height:max-content;display:grid;gap:17px}.create-user .eyebrow{margin:0}.create-user h3{margin:0 0 5px}.form-error{color:var(--danger);font-size:11px;min-height:14px;margin:0}.context-menu{position:fixed;z-index:10;background:#1c1f24;border:1px solid #34383f;border-radius:9px;padding:5px;box-shadow:0 14px 40px #0008}.context-menu button{display:block;width:100%;text-align:left;background:none;color:#d8d9db;border:0;padding:9px 12px;border-radius:6px;cursor:pointer}.context-menu button:hover{background:#292d33}.toast{position:fixed;z-index:20;bottom:25px;left:50%;transform:translate(-50%,20px);background:#e9eadf;color:#12130e;border-radius:9px;padding:11px 16px;opacity:0;pointer-events:none;transition:.2s;font-weight:600}.toast.show{opacity:1;transform:translate(-50%,0)}
.uploader-tag{display:inline-flex;margin-top:9px;padding:3px 7px;border-radius:20px;background:#22271d;color:#b8d978;font-size:9px;font-weight:600}.delete-user{margin-left:9px;width:28px;height:28px;border-radius:7px;border:1px solid #343840;background:transparent;color:#858a94;cursor:pointer;font-size:17px;line-height:1}.delete-user:hover{border-color:#6d373c;background:#2a181b;color:#ff8087}
@media(max-width:800px){.login-shell{grid-template-columns:1fr}.login-art{display:none}.login-card{padding:50px 25px}.sidebar{transform:translateX(-100%);z-index:5;transition:.2s}.sidebar.open{transform:none}.app-shell{display:block}.content{padding:0 20px 50px}.content header{height:95px}.menu-btn{display:block;background:none;border:0;color:white;font-size:20px;margin-right:14px}.toolbar{align-items:flex-start;gap:15px;flex-direction:column}.toolbar>div{width:100%}.search{flex:1}.search input{width:100%}.image-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.users-layout{grid-template-columns:1fr}.create-user{grid-row:1}.profile>div{display:none}}@media(max-width:480px){.image-grid{grid-template-columns:1fr}.login-card h1{font-size:45px}}