@import"https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700;800&display=swap";:root{color:#f7f7f2;background:#030304;font-family:Montserrat,Arial,sans-serif;--bg: #030304;--panel: rgba(12, 12, 14, .82);--panel-strong: rgba(18, 18, 20, .94);--line: rgba(255, 255, 255, .16);--line-strong: rgba(255, 255, 255, .36);--text: #f7f7f2;--muted: rgba(247, 247, 242, .64);--soft: rgba(255, 255, 255, .08);--danger: #ff6f6f;--shadow: 0 24px 70px rgba(0, 0, 0, .48);--radius-xs: 12px;--radius: 18px;--radius-lg: 28px}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);min-height:100vh;overflow-x:hidden}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:linear-gradient(135deg,rgba(255,255,255,.16) 0%,transparent 28%),linear-gradient(225deg,rgba(255,255,255,.1) 0%,transparent 34%),linear-gradient(180deg,#020203,#09090c 44%,#17171b)}body:after{opacity:.55;filter:blur(40px);background:conic-gradient(from 210deg at 18% 22%,rgba(255,255,255,.18),transparent 34%,rgba(255,255,255,.08),transparent 72%),linear-gradient(110deg,transparent 0%,rgba(255,255,255,.1) 45%,transparent 100%)}button,input,select{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}.app-shell{min-height:100vh;display:flex;flex-direction:column;position:relative;background:linear-gradient(180deg,rgba(255,255,255,.07),transparent 240px),linear-gradient(125deg,rgba(255,255,255,.05),transparent 38%),transparent}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--line);background:#030304bd;position:sticky;top:0;z-index:5;-webkit-backdrop-filter:blur(18px) saturate(130%);backdrop-filter:blur(18px) saturate(130%);box-shadow:0 16px 60px #00000047}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand img{width:42px;height:42px;border-radius:0;object-fit:cover;filter:grayscale(1) contrast(1.08);border:1px solid rgba(255,255,255,.7);box-shadow:0 0 28px #ffffff38}.brand div{display:flex;flex-direction:column;line-height:1.1;min-width:0}.brand strong,.brand span{font-size:14px;text-transform:uppercase;letter-spacing:.08em;font-weight:800}.brand span{color:var(--muted)}.eyebrow,small,.preview span,.stat span{color:var(--muted);font-size:12px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800}.login-view{flex:1;display:grid;place-items:center;padding:24px}.login-panel{width:min(460px,100%);display:grid;gap:16px;padding:clamp(22px,5vw,30px);border:1px solid var(--line-strong);background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px) saturate(130%);backdrop-filter:blur(20px) saturate(130%);animation:floatIn .55s ease both}.login-panel img{width:76px;height:76px;border-radius:0;filter:grayscale(1) contrast(1.1);border:1px solid rgba(255,255,255,.7);box-shadow:0 0 34px #ffffff38}h1,h2,p{margin:0}h1{font-size:clamp(25px,3.4vw,48px);letter-spacing:.06em;text-wrap:balance;text-transform:uppercase;font-weight:800;overflow-wrap:anywhere;line-height:1.04}h2{font-size:16px;display:flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.06em;font-weight:800}label{display:grid;gap:7px;font-size:12px;font-weight:700;text-transform:uppercase}input,select{width:100%;border:1px solid var(--line);background:#ffffff0f;border-radius:999px;padding:12px 13px;color:var(--text);outline:none;transition:border-color .18s ease,background .18s ease,box-shadow .18s ease}input:focus,select:focus{border-color:#ffffffb8;background:#ffffff1a;box-shadow:0 0 0 3px #ffffff14}input::placeholder{color:#f7f7f26b}select option{background:#101012;color:var(--text)}.primary,.secondary,.icon-button,.upload-actions label{transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.primary,.secondary,.icon-button{border:1px solid var(--line-strong);min-height:40px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:700}.compact{min-height:34px;padding:0 12px;font-size:12px}.primary{background:#f7f7f2;color:#080809;box-shadow:0 0 24px #ffffff29}.secondary,.icon-button{background:#ffffff0f;color:var(--text)}.primary:hover,.secondary:hover,.icon-button:hover,.upload-actions label:hover{transform:translateY(-1px);border-color:#ffffffb8;box-shadow:0 10px 30px #00000057,0 0 22px #ffffff1f}.icon-button{width:40px;padding:0}.danger{border-color:#ff6f6f8c;color:var(--danger)}.error{color:var(--danger);font-size:13px}.notice{font-size:13px;color:var(--muted)}.finder{flex:1;display:grid;grid-template-rows:auto 1fr;min-height:calc(100vh - 72px)}.gallery-tabs{border-bottom:1px solid var(--line);background:#070709b8;padding:14px 24px;display:grid;gap:10px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:72px;z-index:4}.gallery-tabs>div{display:flex;gap:10px;overflow-x:auto;padding-bottom:2px;scrollbar-width:thin}.gallery-tabs button{flex:0 0 auto;display:inline-flex;align-items:center;gap:9px;border:1px solid var(--line);background:#ffffff0f;border-radius:999px;min-height:44px;padding:0 16px;white-space:nowrap;transition:background .18s ease,transform .18s ease,border-color .18s ease,box-shadow .18s ease}.gallery-tabs button:hover{transform:translateY(-1px);border-color:#ffffff75;background:#ffffff1a}.sidebar button,.row{width:100%;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;border:0;background:transparent;border-radius:var(--radius);padding:10px;text-align:left;transition:background .18s ease,transform .18s ease}.gallery-row{display:grid;grid-template-columns:1fr 40px;align-items:center;gap:6px;border-radius:var(--radius);padding:4px;background:transparent}.gallery-row>button:first-child{min-width:0;border:0;background:transparent;display:grid;grid-template-columns:1fr auto;gap:10px;text-align:left;align-items:center;padding:8px}.gallery-row span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gallery-row:hover{background:#ffffff14}.selected{background:#ffffffeb!important;color:#09090a!important;box-shadow:0 0 28px #ffffff24}.selected small{color:#09090a9e}.selected .danger{background:#09090aeb;border-color:#09090aeb;color:#fff}.browser{padding:24px;min-width:0}.browser-head{display:flex;justify-content:space-between;gap:16px;align-items:start;margin-bottom:20px}.browser-head p{color:var(--muted);margin-top:5px}.browser-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;justify-content:flex-end}.content-grid{display:grid;grid-template-columns:112px 1fr;gap:20px;align-items:start}.media-grid{display:grid;grid-template-columns:1fr;gap:10px;max-height:72vh;overflow-y:auto;padding:4px;scrollbar-width:thin}.thumb{border:1px solid var(--line);background:#ffffff0f;padding:4px;border-radius:var(--radius);display:grid;aspect-ratio:1;overflow:hidden;align-items:stretch;transition:transform .18s ease,border-color .18s ease,background .18s ease,box-shadow .18s ease}.thumb:hover{transform:translate(3px);border-color:#ffffff75;background:#ffffff1a}.thumb.active{border-color:#ffffffd1;background:#ffffff2e;box-shadow:0 0 24px #ffffff29}.thumb img{width:100%;height:100%;object-fit:cover;border-radius:calc(var(--radius) - 5px)}.thumb-video{display:grid;place-items:center;width:100%;height:100%;border-radius:calc(var(--radius) - 5px);background:#ffffff14}.thumb span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.preview{min-height:72vh;background:#000000b8;border-radius:var(--radius-lg);display:grid;grid-template-rows:1fr auto;overflow:hidden;color:#fff;border:1px solid var(--line);box-shadow:var(--shadow);position:relative}.preview img,.preview video{width:100%;height:100%;max-height:72vh;object-fit:contain;background:#0f0f0f}.preview div{padding:14px;display:flex;justify-content:space-between;gap:12px;background:#ffffff0d;border-top:1px solid var(--line)}.download-file{display:inline-flex;align-items:center;gap:7px;color:var(--muted);white-space:nowrap;border:1px solid var(--line);border-radius:999px;min-height:32px;padding:0 11px;transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.download-file:hover{color:var(--text);border-color:#ffffff9e;background:#ffffff14;transform:translateY(-1px)}.preview.empty,.empty{place-items:center;color:var(--muted);background:#ffffff08;border:1px dashed var(--line-strong)}.nav-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:2;width:54px;height:54px;border-radius:50%;border:1px solid rgba(255,255,255,.38);background:#00000070;color:#fff;display:grid;place-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .18s ease,background .18s ease,border-color .18s ease}.nav-arrow:hover{transform:translateY(-50%) scale(1.05);background:#ffffff2e;border-color:#ffffffb8}.nav-arrow.prev{left:18px}.nav-arrow.next{right:18px}.admin-layout{padding:24px;display:grid;gap:20px}.admin-head{display:flex;align-items:center;justify-content:space-between;gap:16px}.admin-layout h1{font-size:clamp(24px,2.5vw,36px)}.admin-layout h2{font-size:13px;letter-spacing:.05em}.admin-layout .eyebrow{font-size:10px}.stats-row{display:grid;grid-template-columns:repeat(4,minmax(140px,1fr));gap:12px}.stat{background:#ffffffeb;color:#080809;border-radius:var(--radius);padding:16px;display:grid;gap:10px;box-shadow:0 14px 44px #00000040}.stat span{color:#0808099e}.stat strong{font-size:24px}.admin-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.panel{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:18px;display:grid;gap:16px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px) saturate(128%);backdrop-filter:blur(18px) saturate(128%);animation:floatIn .48s ease both}.admin-side{min-height:620px;align-content:start}.media-panel{grid-column:1 / -1}.panel-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.stack{display:grid;gap:10px}.list,.user-list,.checks{display:grid;gap:8px}.scroll-list{max-height:440px;overflow:auto;padding-right:4px}.checks{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.checks label{display:flex;align-items:center;gap:8px;text-transform:none;font-weight:600}.checks input{width:auto}.upload-actions{display:flex;gap:8px;flex-wrap:wrap}.upload-actions input{display:none}.upload-row{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:12px}.upload-tile{min-height:96px;border:1px dashed var(--line-strong);border-radius:var(--radius);display:grid;place-items:center;background:#ffffff0f;font-size:14px}.upload-tile input{display:none}.media-admin{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.media-admin article,.user-list article{border:1px solid var(--line);border-radius:var(--radius);padding:10px;display:grid;gap:10px;position:relative;background:#ffffff0b;transition:transform .18s ease,border-color .18s ease,background .18s ease}.media-admin article:hover,.user-list article:hover{transform:translateY(-2px);border-color:#ffffff6b;background:#ffffff13}.media-admin img,.media-admin video{width:100%;aspect-ratio:1;object-fit:cover;background:#111;border-radius:calc(var(--radius) - 5px)}.media-admin span{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-list article{grid-template-columns:1fr auto;align-items:start}.user-list article div:first-child{display:grid;gap:4px}.user-list .checks{grid-column:1 / -1}.user-list .danger{grid-row:1;grid-column:2}@media (max-width: 900px){.content-grid,.admin-grid,.user-list article{grid-template-columns:1fr}.gallery-tabs{padding:12px 16px}.media-grid{grid-template-columns:repeat(auto-fill,minmax(72px,1fr));max-height:none;overflow-y:visible}.stats-row{grid-template-columns:repeat(2,minmax(120px,1fr))}.browser,.admin-layout{padding:16px}}@media (max-width: 560px){.topbar{padding:0 14px}.brand span{display:none}.stats-row,.upload-row{grid-template-columns:1fr}.preview{min-height:420px}.login-panel h1{font-size:clamp(22px,8vw,32px);letter-spacing:.035em}.preview div{align-items:flex-start;flex-direction:column}.download-file{white-space:normal}}@keyframes floatIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}