:root{color-scheme:dark;--bg:#071014;--surface:#0d191e;--surface2:#111f25;--line:#20343a;--text:#f3f8f8;--muted:#8ea2a8;--mint:#61e3cc;--mint-dark:#092a27;font-family:Inter,Manrope,system-ui,-apple-system,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}button,input{font:inherit}.hidden{display:none!important}
.login-view{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-art{position:relative;overflow:hidden;padding:55px 7vw;background:radial-gradient(circle at 25% 25%,#164f55 0,transparent 42%),linear-gradient(145deg,#08171b,#071014)}
.brand{position:relative;z-index:2;font-weight:900;letter-spacing:.18em;font-size:19px}.brand-mark{color:var(--mint);font-size:30px;vertical-align:-3px}.art-copy{position:relative;z-index:2;max-width:620px;margin-top:25vh}.eyebrow{margin:0 0 12px;color:var(--mint);font-size:11px;font-weight:800;letter-spacing:.18em}.art-copy h1{margin:0 0 22px;font-size:clamp(42px,5vw,76px);line-height:1.02;letter-spacing:-.055em}.art-copy>p:last-child{max-width:510px;color:#a9bdc2;font-size:18px;line-height:1.65}
.wave{position:absolute;width:850px;height:850px;border:1px solid #54dfc833;border-radius:44%;right:-370px;bottom:-560px;transform:rotate(22deg)}.wave-two{right:-270px;bottom:-610px;border-color:#54dfc81c;transform:rotate(42deg)}
.login-panel{display:grid;place-items:center;padding:32px;background:#0a1317}.login-card{width:min(430px,100%)}.mobile-brand{display:none}.login-card h2{font-size:38px;margin:0 0 10px;letter-spacing:-.035em}.muted{color:var(--muted);line-height:1.55;margin-bottom:34px}label{display:block;margin:19px 0 8px;color:#c8d5d8;font-size:13px;font-weight:650}
input{width:100%;border:1px solid #294047;border-radius:12px;background:#0c181d;padding:15px 16px;color:white;outline:0}input:focus{border-color:var(--mint);box-shadow:0 0 0 3px #61e3cc1a}.password-wrap{position:relative}.password-wrap input{padding-right:94px}.reveal{position:absolute;right:8px;top:7px;border:0;background:transparent;color:var(--mint);padding:9px;cursor:pointer;font-size:12px}
.primary{border:0;border-radius:12px;background:var(--mint);color:#06221e;font-weight:850;padding:15px 20px;cursor:pointer}.login-card>.primary{width:100%;margin-top:28px}.primary:disabled{opacity:.55;cursor:wait}.form-message{height:22px;color:#ff9b9b;text-align:center;font-size:13px}
.app-view{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;display:flex;flex-direction:column;border-right:1px solid var(--line);padding:28px 18px;background:#091318}.sidebar .brand{padding:0 12px 32px}.sidebar nav{display:grid;gap:5px}.nav-item{border:0;border-radius:10px;background:transparent;color:#8fa2a7;text-align:left;padding:13px 15px;cursor:pointer}.nav-item span{display:inline-block;width:28px}.nav-item:hover,.nav-item.active{background:#14252a;color:white}.nav-item.active{color:var(--mint)}.sidebar-footer{margin-top:auto;border-top:1px solid var(--line);padding:22px 12px 4px;color:var(--muted);font-size:12px}.status-dot{display:inline-block;width:8px;height:8px;margin-right:8px;border-radius:50%;background:#61e3a4;box-shadow:0 0 10px #61e3a4}
.dashboard{grid-column:2;padding:34px 42px 50px;max-width:1600px;width:100%;margin:auto}.dashboard header{display:flex;align-items:center;justify-content:space-between;margin-bottom:32px}.dashboard header h1{font-size:28px;margin:0;letter-spacing:-.03em}.profile{display:flex;align-items:center;gap:10px}.profile small{display:block;color:var(--muted);margin-top:3px}.avatar{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--mint),#2a8e84);color:#06221e;font-weight:900}.logout{margin-left:10px;border:1px solid var(--line);background:transparent;color:var(--muted);border-radius:9px;padding:9px 12px;cursor:pointer}.menu-button{display:none}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.metrics article{display:flex;gap:15px;align-items:center;min-width:0;padding:20px;border:1px solid var(--line);border-radius:15px;background:var(--surface)}.metric-icon{flex:0 0 42px;height:42px;display:grid;place-items:center;border-radius:11px;font-weight:900}.mint{background:#61e3cc1c;color:var(--mint)}.violet{background:#ad79ff1a;color:#b88cff}.blue{background:#65aaff1a;color:#74b2ff}.orange{background:#ff9b5b1a;color:#ff9b5b}.metrics span,.metrics small{display:block;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.metrics span{font-size:12px}.metrics strong{display:block;margin:4px 0;font-size:24px}.metrics small{font-size:10px}
.dashboard-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:18px;margin-top:18px}.panel{position:relative;overflow:hidden;min-height:320px;border:1px solid var(--line);border-radius:17px;background:var(--surface);padding:28px}.panel h2{margin:0 0 12px;font-size:24px}.next-step{background:radial-gradient(circle at 90% 100%,#18554f,transparent 45%),var(--surface)}.next-step>p:not(.eyebrow){max-width:500px;color:var(--muted);line-height:1.65}.next-step .primary{margin-top:20px}.disc{position:absolute;right:-48px;bottom:-75px;width:235px;height:235px;display:grid;place-items:center;border:35px solid #14282c;border-radius:50%;background:#091417;color:var(--mint);font-size:40px;box-shadow:0 0 0 1px #45635d}
.panel-title{display:flex;justify-content:space-between}.live{color:#6be8a4;font-size:10px;font-weight:800}.activity ul{list-style:none;padding:0;margin:24px 0 0}.activity li{display:flex;gap:12px;padding:15px 0;border-top:1px solid var(--line)}.activity li:first-child{border-top:0}.event-icon{flex:0 0 30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#61e3cc16;color:var(--mint)}.activity strong,.activity small{display:block}.activity small{color:var(--muted);margin-top:5px}
@media(max-width:1050px){.metrics{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.login-art{padding:45px}.art-copy h1{font-size:52px}}
@media(max-width:760px){.login-view{grid-template-columns:1fr}.login-art{display:none}.login-panel{min-height:100vh;padding:24px}.mobile-brand{display:block;margin-bottom:70px;font-weight:900;letter-spacing:.18em}.mobile-brand span{color:var(--mint)}.app-view{display:block}.sidebar{z-index:10;transform:translateX(-100%);transition:.2s}.sidebar.open{transform:translateX(0)}.dashboard{padding:25px 18px}.menu-button{display:block;border:0;background:transparent;color:white;font-size:22px}.dashboard header>div:first-of-type{flex:1;margin-left:12px}.dashboard header h1{font-size:20px}.profile>div:not(.avatar),.logout{display:none}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metrics article{padding:15px;align-items:flex-start}.metric-icon{display:none}.dashboard-grid{grid-template-columns:1fr}.panel{padding:22px}.disc{opacity:.45}}
@media(max-width:430px){.metrics{grid-template-columns:1fr}.login-card h2{font-size:32px}}

/* Рабочая панель повторяет утверждённый графитово-красный макет. */
.app-view{--red:#ff4d4f;--red-soft:#ff4d4f18;--panel:#12171b;--panel2:#151b20;background:#080c0f;grid-template-columns:212px 1fr}
.app-view .sidebar{width:212px;padding:25px 12px 18px;background:#080c0f;border-color:#20252a}
.wordmark{padding:5px 13px 33px;color:#ff5b5e;font-size:22px;font-weight:850;letter-spacing:.25em}
.app-view .sidebar nav{gap:6px}.app-view .nav-item{padding:14px;border-radius:10px;color:#a5aaaf}
.app-view .nav-item span{width:31px;font-size:18px}.app-view .nav-item:hover,.app-view .nav-item.active{background:linear-gradient(90deg,#401d1e,#382021);color:#ff5b5e}
.collapse-button{margin-top:auto;width:100%;border:0;background:transparent;color:#899096;text-align:left;padding:12px;font-size:28px;cursor:pointer}.collapse-button small{margin-left:14px;font-size:12px}
.workspace{grid-column:2;min-width:0}.topbar{height:72px;display:flex;align-items:center;gap:32px;border-bottom:1px solid #20252a;padding:0 32px;background:#090d10}
.search{width:min(455px,42vw);padding:11px 15px;border:1px solid #282e33;border-radius:8px;background:#14191d;color:#7f858a;font-size:12px}.search span{float:right;font-size:22px;line-height:13px}
.top-status{margin-left:auto;color:#aeb4b8;font-size:12px}.app-view .status-dot{background:#56d883;box-shadow:none}.app-view .profile{padding-left:23px;border-left:1px solid #242a2e}.app-view .avatar{border-radius:50%;background:#3a2a26;color:#fff}.app-view .logout{border:0;padding:5px;color:#7f858a}
.app-view .dashboard{grid-column:auto;max-width:none;margin:0;padding:21px 28px 45px}.page-header{display:flex;align-items:center;margin-bottom:14px}.page-header h1{margin:0;font-size:29px}.page-header p{margin:4px 0 0;color:#91979c;font-size:13px}.upload-button{margin-left:auto;border:0;border-radius:8px;background:#ff4d4f;color:white;padding:13px 20px;font-weight:750;cursor:pointer}
.app-view .metrics{grid-template-columns:repeat(4,1fr);gap:18px}.app-view .metrics article{min-height:104px;padding:18px 20px;background:linear-gradient(135deg,#151b20,#11161a);border-color:#252b30;border-radius:12px}
.app-view .metric-icon{width:50px;height:50px;flex-basis:50px;border:1px solid #8d3031;border-radius:50%;background:#3b1d1e;color:#ff5557;font-size:21px}.app-view .metrics strong{display:inline;margin-right:7px;font-size:26px}.app-view .metrics span{display:inline;color:#c4c8ca;font-size:12px}.app-view .metrics small{margin-top:8px;color:#92989d}
.overview-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:14px;margin-top:14px}.app-view .panel{min-height:0;padding:17px;border-color:#252b30;border-radius:12px;background:linear-gradient(135deg,#151b20,#11161a)}
.app-view .panel h2{font-size:15px;margin:0}.chart-panel{min-height:285px!important}.panel-title{align-items:center}.panel-title button{border:1px solid #30363b;border-radius:6px;background:#1b2024;color:#9ba1a5;padding:7px 12px;font-size:11px}
.empty-chart{position:relative;height:220px;margin-top:15px;overflow:hidden}.chart-lines{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-around}.chart-lines i{display:block;border-top:1px solid #262c30}.flat-line{position:absolute;left:22px;right:12px;bottom:38px;border-top:2px solid #ff4d4f;box-shadow:0 10px 30px #ff4d4f44}.empty-chart>span{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);color:#747b80;font-size:12px;text-align:center}
.chart-bars{position:absolute;inset:10px 8px 24px 20px;display:grid;grid-template-columns:repeat(30,1fr);align-items:end;gap:3px}.chart-bars i{border-radius:3px 3px 1px 1px;background:linear-gradient(#ff6b6d,#d93238);box-shadow:0 0 8px #ff4d4f33;transition:.2s}.chart-bars i:hover{background:#ff7779}.user-main{grid-template-columns:minmax(180px,1fr) 100px 115px 230px}.delete-user{background:#35191b!important;color:#ff8587!important}
.storage-panel{min-height:285px!important}.storage-content{height:220px;display:flex;align-items:center;gap:36px}.donut{width:172px;height:172px;flex:0 0 172px;display:grid;place-content:center;text-align:center;border:26px solid #292e32;border-radius:50%;box-shadow:inset 0 0 0 1px #333}.donut b{font-size:20px}.donut small{color:#899095}.legend{flex:1}.legend p{display:flex;align-items:center;gap:8px;color:#969ca0;font-size:11px}.legend p b{margin-left:auto;color:#b6bbbe}.legend i{width:10px;height:10px;border-radius:50%}.legend .red{background:#ff4d4f}.legend .dark-red{background:#7b3435}.legend .gray{background:#62676b}.legend>small{display:block;margin-top:27px;color:#969ca0}.storage-bar{height:7px;margin-top:10px;border-radius:5px;background:#2b3034;overflow:hidden}.storage-bar>i{display:block;width:0;height:100%;border-radius:5px;background:#ff4d4f;transition:.3s}
.storage-details-card{margin-top:18px}.large-storage-bar{height:14px;margin:22px 0;border-radius:9px;background:#292e32;overflow:hidden}.large-storage-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,#ff4d4f,#ff7375);border-radius:9px;transition:.3s}.storage-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.storage-detail-grid div,.settings-note{padding:16px;background:#101519;border:1px solid #252b30;border-radius:10px}.storage-detail-grid small,.storage-detail-grid strong{display:block}.storage-detail-grid small{color:#8d9499;margin-bottom:7px}.storage-detail-grid strong{font-size:19px}.settings-card{max-width:720px}.settings-card form{display:grid;gap:17px}.settings-card label{display:grid;gap:7px;color:#b9bec1;font-size:13px}.settings-card input,.settings-card select{width:100%;padding:13px;border:1px solid #343a3f;border-radius:9px;background:#0d1215;color:#fff}.settings-card label small{color:#747c81}.settings-note{display:flex;justify-content:space-between;gap:14px}.settings-note span{color:#8d9499}
.uploads-panel{min-height:300px!important}.empty-state{height:245px;display:grid;place-content:center;text-align:center;color:#7f868b}.empty-state>span{color:#ff5557;font-size:32px}.empty-state strong{margin:11px 0 6px;color:#c9cdcf}.empty-state small{font-size:11px}.text-button{border:0;background:transparent;color:#ff5557;margin-top:20px;cursor:pointer}.activity-panel,.system-panel{min-height:300px!important}.activity-panel ul,.system-panel ul{list-style:none;margin:12px 0 0;padding:0}
.activity-panel li,.system-panel li{display:flex;align-items:center;gap:10px;border-top:1px solid #272d31;padding:13px 0}.activity-panel li:first-child,.system-panel li:first-child{border-top:0}.app-view .event-icon,.system-panel li>span{width:32px;height:32px;flex:0 0 32px;display:grid;place-items:center;border-radius:50%;background:#422123;color:#ff5759}.activity-panel strong,.activity-panel small,.system-panel strong,.system-panel small{display:block}.activity-panel strong,.system-panel strong{font-size:12px}.activity-panel small,.system-panel small{margin-top:4px;color:#858c91;font-size:10px}.activity-panel time{margin-left:auto;color:#858c91;font-size:10px}
.system-panel li>span{border-radius:7px;background:#20262b;color:#aeb4b8}.system-panel li b{margin-left:auto;color:#58d786;font-size:10px}.menu-button{margin-right:10px}
@media(min-width:1180px){.overview-grid{grid-template-columns:1.2fr .8fr}.uploads-panel{grid-column:1}.activity-panel{grid-column:2}.system-panel{grid-column:2}.uploads-panel{grid-row:2/span 2}.activity-panel,.system-panel{min-height:143px!important}.activity-panel li{padding:10px 0}.system-panel{grid-column:1/3}.system-panel ul{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.system-panel li{border:0;padding:13px;background:#101519;border-radius:8px}}
@media(max-width:900px){.topbar .search{display:none}.app-view .metrics{grid-template-columns:repeat(2,1fr)}.overview-grid{grid-template-columns:1fr}.workspace{grid-column:1}.app-view .sidebar{z-index:20;transform:translateX(-100%);transition:.2s}.app-view .sidebar.open{transform:translateX(0)}.app-view .menu-button{display:block}.topbar{padding:0 18px}.top-status{margin-left:0}.topbar .profile{margin-left:auto}.app-view .dashboard{padding:20px 18px}}
@media(max-width:560px){.app-view .metrics{grid-template-columns:1fr}.upload-button span{display:none}.top-status{display:none}.storage-content{gap:18px}.donut{width:130px;height:130px;flex-basis:130px;border-width:20px}.app-view .profile>div:not(.avatar){display:none}}

.page{animation:page-in .18s ease-out}@keyframes page-in{from{opacity:.3;transform:translateY(4px)}}
.catalog-card{padding:0!important;min-height:470px!important}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid #292e32}.catalog-toolbar b{font-size:14px}.count-badge{margin-left:6px;padding:3px 8px;border-radius:10px;background:#2a2f33;color:#a8adb0;font-size:10px}
.catalog-toolbar input{width:300px;border-color:#30363a;background:#0d1114;padding:10px 13px;font-size:11px}.table-wrap{position:relative;overflow-x:auto}table{width:100%;border-collapse:collapse;min-width:790px}th,td{padding:14px 18px;border-bottom:1px solid #242a2e;text-align:left}th{color:#858c91;font-size:10px;font-weight:600}td{color:#b9bec1;font-size:12px}td:first-child{color:#f0f2f3;font-weight:700}.track-subtitle{display:block;margin-top:4px;color:#72797e;font-size:9px;font-weight:400}.status-pill{display:inline-block;padding:5px 8px;border:1px solid;border-radius:5px;font-size:9px}.status-ready{border-color:#285338;background:#14261b;color:#65ce83}.status-processing{border-color:#665124;background:#2b2517;color:#e4af49}.status-failed{border-color:#683334;background:#311c1d;color:#f27373}.empty-catalog{height:360px;display:grid;place-content:center;text-align:center;color:#777e83}.empty-catalog span{font-size:35px;color:#ff5557}.empty-catalog b{margin:11px 0 5px;color:#bfc3c5}.empty-catalog small{font-size:11px}
.upload-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:14px}.drop-zone{min-height:300px;display:grid;place-content:center;text-align:center;border:1px dashed #b24748;border-radius:12px;background:radial-gradient(circle at 50% 50%,#211b1c,#12171b 65%);transition:.2s}.drop-zone.dragging{border-color:#ff5557;background:#271b1c}.upload-cloud{color:#ff5557;font-size:52px}.drop-zone h2{margin:8px 0 2px;font-size:17px}.drop-zone p{margin:4px 0 18px;color:#899095;font-size:12px}.drop-zone .upload-button{justify-self:center}.drop-zone>small{margin-top:16px;color:#777e83;font-size:10px}
.upload-options{min-height:300px!important}.upload-options ul{list-style:none;margin:12px 0 0;padding:0}.upload-options li{display:flex;align-items:center;gap:11px;padding:16px 0;border-top:1px solid #292e32}.upload-options li>span{width:35px;height:35px;display:grid;place-items:center;border:1px solid #343a3f;border-radius:7px;color:#bcc1c4}.upload-options b,.upload-options small{display:block}.upload-options b{font-size:12px}.upload-options small{margin-top:4px;color:#7f868b;font-size:9px}.upload-options i{margin-left:auto;color:#ff5b5d;font-size:10px;font-style:normal}
.upload-queue{margin-top:14px;min-height:180px!important}.queue-empty{display:grid;place-items:center;height:120px;color:#747b80;font-size:11px}.queue-item{display:grid;grid-template-columns:minmax(180px,1fr) 100px 1fr 120px;gap:16px;align-items:center;padding:13px 0;border-top:1px solid #292e32;font-size:11px}.queue-item:first-child{border-top:0}.queue-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#d4d7d9}.queue-size{color:#7f868b}.progress{height:6px;border-radius:4px;background:#2b3034;overflow:hidden}.progress i{display:block;height:100%;width:0;background:#ff4d4f;transition:.2s}.queue-status{color:#9aa0a4}.queue-status.ready{color:#59cd7b}.queue-status.failed{color:#f27373}
.screenshot-import{margin-top:14px}.screenshot-import .panel-title p{margin:5px 0 0;color:#858c91;font-size:11px}.screenshot-actions{display:flex;align-items:center;gap:16px;margin:18px 0}.screenshot-actions input{flex:1;padding:10px;border:1px solid #343a3f;border-radius:8px;background:#0d1215;color:#bfc4c7}.recognized-tracks{display:grid;gap:14px}.recognized-row{display:grid;grid-template-columns:minmax(180px,1fr) minmax(180px,1fr) minmax(210px,.9fr) 125px;column-gap:16px;row-gap:9px;align-items:center;padding:16px;border:1px solid #293138;border-radius:11px;background:#10161a}.recognized-row input[type=text],.recognized-row input[type=file]{box-sizing:border-box;min-width:0;width:100%;height:44px;padding:10px 12px;border:1px solid #343f46;border-radius:8px;background:#0a1216;color:#fff}.recognized-row button{box-sizing:border-box;width:125px;height:44px;margin:0;padding:0 14px}.recognized-status{grid-column:1/-1;color:#8d9499;font-size:10px}.recognized-status.ready{color:#59cd7b}.recognized-status.failed{color:#f27373}@media(max-width:1100px){.recognized-row{grid-template-columns:1fr 1fr}.recognized-row button{width:100%}.recognized-status{grid-column:1/-1}}@media(max-width:700px){.screenshot-actions{align-items:stretch;flex-direction:column}.recognized-row{grid-template-columns:1fr}.recognized-status{grid-column:auto}}
@media(max-width:900px){.upload-layout{grid-template-columns:1fr}.catalog-toolbar{align-items:stretch;gap:12px;flex-direction:column}.catalog-toolbar input{width:100%}.queue-item{grid-template-columns:1fr 70px}.queue-item .progress{grid-column:1/3}.queue-status{text-align:right}}
.play-track{width:30px;height:30px;border:1px solid #7a3435;border-radius:50%;background:#321b1c;color:#ff5557;cursor:pointer}.mini-player{position:fixed;z-index:30;left:230px;right:20px;bottom:18px;display:grid;grid-template-columns:38px minmax(150px,260px) 42px 1fr 30px;align-items:center;gap:14px;padding:12px 16px;border:1px solid #393f43;border-radius:12px;background:#151b20f2;box-shadow:0 14px 45px #0009;backdrop-filter:blur(18px)}.mini-player button{border:0;background:transparent;color:#fff;cursor:pointer}.mini-player>button:first-child{width:36px;height:36px;border-radius:50%;background:#ff4d4f;font-weight:900}.mini-player strong,.mini-player small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mini-player small{margin-top:3px;color:#8c9398;font-size:10px}.mini-player>span{color:#92999d;font-size:10px}.mini-player input{height:4px;padding:0;border:0;accent-color:#ff4d4f}
@media(max-width:900px){.mini-player{left:14px;right:14px;grid-template-columns:38px 1fr 30px}.mini-player>span,.mini-player input{display:none}}
.recent-list{margin-top:12px}.recent-row{display:grid;grid-template-columns:34px minmax(150px,1fr) 85px 110px;gap:11px;align-items:center;padding:11px 0;border-top:1px solid #292e32}.recent-row:first-child{border-top:0}.recent-icon{width:32px;height:32px;display:grid;place-items:center;border-radius:6px;background:#2b1b1c;color:#ff5557}.recent-row strong,.recent-row small{display:block}.recent-row strong{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-row small{margin-top:4px;color:#7e858a;font-size:9px}.recent-size{color:#8a9196;font-size:10px}.recent-status{justify-self:end}.uploads-panel .empty-state{height:220px}
@media(max-width:560px){.recent-row{grid-template-columns:32px 1fr 90px}.recent-size{display:none}}
.users-layout{display:grid;grid-template-columns:370px 1fr;gap:14px}.invite-card,.invitations-card{min-height:470px!important}.invite-card>p{color:#858c91;font-size:11px;line-height:1.5}.invite-card label{margin-top:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.invite-card .upload-button{width:100%;margin-top:20px}.invite-result{margin-top:18px;padding-top:16px;border-top:1px solid #2b3034}.invite-result>small{display:block;margin-bottom:7px;color:#61d682}.invite-result>div{display:flex}.invite-result input{min-width:0;border-radius:8px 0 0 8px;font-size:10px}.invite-result button{border:0;border-radius:0 8px 8px 0;background:#ff4d4f;color:#fff;padding:0 12px;cursor:pointer}.invitation-list{margin-top:13px}.invitation-row{display:grid;grid-template-columns:minmax(160px,1fr) 95px 90px 80px;gap:10px;align-items:center;padding:14px 0;border-top:1px solid #292e32}.invitation-row:first-child{border-top:0}.invitation-row strong,.invitation-row small{display:block}.invitation-row strong{font-size:12px}.invitation-row small{margin-top:4px;color:#7f868b;font-size:9px}.invitation-row time{color:#8a9195;font-size:10px}.invite-status{font-size:9px}.invite-status.active{color:#e5af4e}.invite-status.accepted{color:#61d682}.invite-status.revoked,.invite-status.expired{color:#888f94}.revoke-invite{border:1px solid #493032;border-radius:6px;background:transparent;color:#dd7779;padding:6px;cursor:pointer;font-size:9px}
@media(max-width:900px){.users-layout{grid-template-columns:1fr}.invitation-row{grid-template-columns:1fr 90px 70px}.invitation-row time{display:none}}
.user-list-card{margin-bottom:14px;min-height:180px!important}.user-list{margin-top:12px}.user-row{border-top:1px solid #292e32}.user-row:first-child{border-top:0}.user-main{display:grid;grid-template-columns:minmax(180px,1fr) 100px 115px 140px;gap:12px;align-items:center;padding:13px 0}.user-identity{display:flex;align-items:center;gap:11px;min-width:0}.user-avatar{width:34px;height:34px;flex:0 0 34px;display:grid;place-items:center;border-radius:50%;background:#3a2021;color:#ff6062;font-weight:800}.user-identity strong,.user-identity small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-identity strong{font-size:12px}.user-identity small{margin-top:4px;color:#7f868b;font-size:9px}.user-role,.user-devices{color:#969da1;font-size:10px}.user-actions{display:flex;justify-content:flex-end;gap:6px}.user-actions button,.device-row button{border:1px solid #3b4145;border-radius:6px;background:transparent;color:#a9afb2;padding:6px 8px;cursor:pointer;font-size:9px}.user-actions .danger,.device-row .danger{border-color:#563133;color:#e07779}.user-status{font-size:9px}.user-status.active{color:#60d583}.user-status.blocked{color:#e27779}.device-list{margin:0 0 12px 45px;padding:7px 12px;border-radius:8px;background:#0d1215}.device-row{display:grid;grid-template-columns:1fr 95px 80px;gap:10px;align-items:center;padding:8px 0;border-top:1px solid #252b2f}.device-row:first-child{border-top:0}.device-row strong,.device-row small{display:block}.device-row strong{font-size:10px}.device-row small{margin-top:3px;color:#747b80;font-size:8px}.device-row time{color:#838a8f;font-size:9px}
.request-list{margin-top:12px}.request-list-card{min-height:420px!important}.music-request-row{display:grid;grid-template-columns:75px minmax(220px,1.5fr) minmax(150px,1fr) 90px 125px;gap:14px;align-items:center;padding:15px 0;border-top:1px solid #292e32}.music-request-row:first-child{border-top:0}.request-kind{width:max-content;padding:5px 8px;border-radius:6px;background:#3a2021;color:#ff686a;font-size:9px;font-weight:750}.request-music strong,.request-music small,.request-user strong,.request-user small{display:block}.request-music strong,.request-user strong{font-size:12px}.request-music small,.request-user small{margin-top:4px;color:#81888c;font-size:9px}.request-music p{margin:6px 0 0;color:#a7adb0;font-size:10px}.music-request-row time{color:#8a9195;font-size:10px}.music-request-row select{padding:8px;border:1px solid #343a3e;border-radius:7px;background:#111619;color:#c4c8ca;font-size:10px}
@media(max-width:700px){.user-main{grid-template-columns:1fr 100px}.user-role,.user-devices{display:none}.device-row{grid-template-columns:1fr 80px}.device-row time{display:none}}
.catalog-track{display:flex;align-items:center;gap:12px}.catalog-cover{width:46px;height:46px;border-radius:9px;background:#261417;color:#ff5557;display:grid;place-items:center;overflow:hidden;flex:none}.catalog-cover img{width:100%;height:100%;object-fit:cover}.catalog-track>div{display:flex;flex-direction:column;align-items:flex-start}.cover-upload{margin-top:3px;padding:0;border:0;background:none;color:#ff5557;font:inherit;font-size:11px;cursor:pointer}
.upload-actions{display:flex;gap:10px;justify-content:center}.folder-button{padding:11px 16px;border:1px solid #5b6267;border-radius:8px;background:#171c20;color:#d8dcde;cursor:pointer}.album-upload-header{display:flex;justify-content:space-between;align-items:center;padding:12px 14px;margin-bottom:6px;border-radius:9px;background:#241719;color:#e9ebec}.album-upload-header small{color:#9ba1a5}.album-upload-header b{color:#ff6668}
.track-actions{display:flex;gap:5px}.track-actions button{border:1px solid #343a3f;border-radius:6px;background:#171c20;color:#b8bdc0;padding:6px 8px;cursor:pointer}.track-actions .delete-track{color:#ef7779;border-color:#593234}.track-editor{width:min(480px,calc(100% - 32px));padding:0;border:1px solid #353b40;border-radius:14px;background:#12171b;color:#eef0f1}.track-editor::backdrop{background:#050709cc}.track-editor form{padding:22px}.track-editor header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:18px}.track-editor h2{margin:0;font-size:20px}.track-editor header p{margin:5px 0;color:#858c91;font-size:11px}.track-editor header button{border:0;background:none;color:#9fa5a9;font-size:25px;cursor:pointer}.track-editor input{width:100%;box-sizing:border-box;margin:6px 0;padding:12px;border:1px solid #343a3f;border-radius:8px;background:#0d1114;color:#eef0f1}.editor-numbers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.track-editor footer{display:flex;justify-content:flex-end;gap:10px;margin-top:16px}.track-editor footer>button:first-child{border:1px solid #3a4146;border-radius:8px;background:none;color:#b8bdc0;padding:10px 16px}
.artist-group td{padding:20px 18px 12px;border-bottom:0;background:#0c1013}.artist-group div{display:flex;align-items:center;gap:10px}.artist-group-icon{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;background:#4b171b;color:#ff6265;font-size:18px}.artist-group strong{font-size:17px;color:#f1f2f3}.artist-group small{margin-left:auto;color:#81888d;font-size:10px}.album-group td{padding-top:10px;padding-bottom:10px;background:#11161a;border-bottom:1px solid #252b2f}.album-group div{display:flex;align-items:center;gap:10px}.album-group-cover{width:34px;height:34px;border-radius:7px;display:grid;place-items:center;overflow:hidden;background:#2b191b;color:#ff6265}.album-group-cover img{width:100%;height:100%;object-fit:cover}.album-group strong{color:#dce0e2;font-size:13px}.album-group small{color:#777f84;font-size:10px}.track-row td:first-child{padding-left:30px}.track-row{background:#151a1e}.track-row:hover{background:#192025}
.artist-group,.album-group{cursor:pointer}.group-toggle{margin-left:4px;border:0;background:none;color:#979ea2;font-size:18px;cursor:pointer}.group-hidden{display:none}.artist-group.collapsed td,.album-group.collapsed td{border-bottom:1px solid #252b2f}.album-group small{margin-left:auto}
.group-edit{border:1px solid #3b4247;border-radius:6px;background:#171c20;color:#aeb4b7;padding:6px 9px;font-size:10px;cursor:pointer}.artist-group .group-edit{margin-left:0}.hidden.album-year-field{display:none}
.artist-profile-field.hidden{display:none}.track-editor textarea{width:100%;box-sizing:border-box;resize:vertical;border:1px solid #343a3f;border-radius:8px;background:#0d1114;color:#eef0f1;padding:12px;font:inherit}.artist-photo-field{display:grid;gap:6px;margin-top:7px;color:#aeb5b9;font-size:11px}.artist-photo-field input{margin:0}
.metadata-lookup{width:100%;border:1px solid #4b545a;border-radius:8px;background:#171d21;color:#e5e8e9;padding:11px;cursor:pointer}.metadata-lookup:disabled{opacity:.55}.metadata-candidates{display:grid;gap:9px;max-height:300px;overflow:auto;padding-right:3px}.metadata-candidate{display:grid;grid-template-columns:62px 1fr auto;gap:11px;align-items:center;padding:10px;border:1px solid #30383d;border-radius:10px;background:#0d1215}.metadata-candidate img,.metadata-photo-placeholder{width:62px;height:62px;border-radius:9px;object-fit:cover;background:#24191b;display:grid;place-items:center;color:#ff5557}.metadata-candidate strong,.metadata-candidate small{display:block}.metadata-candidate small{margin-top:4px;color:#8f989d;font-size:11px}.metadata-candidate button{border:0;border-radius:7px;background:#ff5058;color:white;padding:8px 10px;cursor:pointer}.metadata-source{font-size:10px;color:#7f898e}.metadata-source a{color:#ff6870}
.user-main{grid-template-columns:minmax(180px,1fr) 100px 115px 230px}.delete-user{background:#35191b!important;color:#ff8587!important}