:root{--admin-bg:#f3f4f8;--admin-text:#242630;--admin-muted:#838693;--admin-line:#e7e8ee;--admin-surface:#fff}
.admin-body{background:var(--admin-bg);color:var(--admin-text);min-height:100vh}.admin-sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:#10121c;color:#fff;padding:27px 20px;z-index:50;display:flex;flex-direction:column}.admin-sidebar .brand{padding:0 8px}.admin-sidebar nav{display:grid;gap:6px;margin-top:50px}.admin-sidebar nav a,.sidebar-bottom a{display:flex;align-items:center;gap:13px;padding:12px 14px;color:#999dab;border-radius:11px;font-size:13px;font-weight:600}.admin-sidebar nav a span,.sidebar-bottom a span{width:18px;text-align:center;font-size:15px}.admin-sidebar nav a:hover,.admin-sidebar nav a.active{color:#fff;background:rgba(124,92,252,.16)}.admin-sidebar nav a.active span{color:#a993ff}.sidebar-bottom{display:grid;gap:2px;margin-top:auto;border-top:1px solid rgba(255,255,255,.08);padding-top:15px}.admin-main{margin-left:250px;min-height:100vh}.admin-topbar{height:76px;padding:0 34px;border-bottom:1px solid var(--admin-line);background:rgba(255,255,255,.85);backdrop-filter:blur(10px);display:flex;align-items:center;gap:14px;position:sticky;top:0;z-index:30}.admin-topbar>button{display:none;border:0;background:none;font-size:20px}.admin-topbar>div:nth-child(2){display:flex;flex-direction:column}.admin-topbar span{font-size:9px;letter-spacing:.1em;color:var(--admin-muted);text-transform:uppercase}.admin-topbar b{font:600 14px var(--display)}.admin-avatar{margin-left:auto;width:38px;height:38px;border-radius:12px;background:#ede9ff;color:#6748dc;display:grid;place-items:center;font-weight:800}.admin-content{padding:34px;max-width:1500px;margin:auto}.admin-heading{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:28px}.admin-heading h1{font:700 34px var(--display);letter-spacing:-.04em;margin:5px 0}.admin-heading p{margin:0;color:var(--admin-muted)}.admin-heading .back-link{font-size:12px;color:#7256e4}.admin-body .button-ghost{border-color:var(--admin-line);background:#fff;color:#4c4e58}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:20px}.metric-grid article{display:flex;gap:13px;align-items:center;padding:20px;background:var(--admin-surface);border:1px solid var(--admin-line);border-radius:17px}.metric-grid small{display:block;color:var(--admin-muted);font-size:10px}.metric-grid b{display:block;font:700 28px var(--display)}.metric-grid p{margin:0;color:var(--admin-muted);font-size:9px}.metric-icon{width:43px;height:43px;border-radius:13px;display:grid;place-items:center;font-size:18px}.violet{background:#eeeaff;color:#7453eb}.cyan{background:#e5f9fc;color:#0ba1bb}.green{background:#e8f9f1;color:#169b6b}.orange{background:#fff3e6;color:#d77c19}.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.admin-panel{background:var(--admin-surface);border:1px solid var(--admin-line);border-radius:18px}.panel-heading{padding:20px 22px;border-bottom:1px solid var(--admin-line);display:flex;justify-content:space-between;align-items:center;gap:15px}.panel-heading>div{display:flex;align-items:center;flex-wrap:wrap;gap:0 11px}.panel-heading h2{font:650 17px var(--display);margin:0}.panel-heading p{width:100%;padding-left:0;margin:3px 0 0;color:var(--admin-muted);font-size:11px}.panel-heading a{font-size:11px;color:#6f50e1;font-weight:700}.popular-list,.activity-list{padding:7px 20px}.popular-list>div,.activity-list>div{padding:12px 0;border-bottom:1px solid var(--admin-line);display:flex;align-items:center;gap:12px}.popular-list>div:last-child,.activity-list>div:last-child{border:0}.popular-thumb{width:42px;height:51px;border-radius:8px;background:var(--accent);overflow:hidden}.popular-thumb img{width:100%;height:100%;object-fit:cover}.popular-list span,.activity-list span{display:flex;flex-direction:column;min-width:0}.popular-list b,.activity-list b{font-size:12px}.popular-list small,.activity-list small{font-size:9px;color:var(--admin-muted)}.popular-list a{margin-left:auto;font-size:10px;color:#7254df}.activity-list i{width:8px;height:8px;border-radius:50%}.activity-list em{margin-left:auto;font-size:9px;font-style:normal;color:#858895}.empty-mini{padding:38px;text-align:center;color:var(--admin-muted);font-size:12px}.asset-form{display:grid;gap:18px}.form-section{overflow:hidden}.form-section>.form-grid,.form-section>label{margin:0;padding:22px}.form-number{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eeeaff;color:#6748de;font:800 10px var(--display)}.admin-body .form-grid{margin-top:0}.admin-body label{color:#4a4c56}.admin-body .form-grid input,.admin-body .form-grid textarea,.admin-body .form-grid select{background:#fafafd}.compact{grid-template-columns:repeat(3,1fr)!important}.switch{display:flex;align-items:center;gap:9px!important;font-size:11px!important}.switch input{display:none}.switch span{display:block;width:38px;height:21px;border-radius:20px;background:#cfd1d9;position:relative}.switch span:after{content:"";position:absolute;width:15px;height:15px;left:3px;top:3px;border-radius:50%;background:#fff;transition:.2s}.switch input:checked+span{background:#7354e5}.switch input:checked+span:after{left:20px}.upload-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px}.upload-box{min-height:165px;padding:20px 13px;border:1px dashed #cfd1db;border-radius:14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;cursor:pointer;transition:.2s}.upload-box:hover{border-color:#8064ec;background:#fbfaff}.upload-box>span{font-size:23px;color:#7b5de9}.upload-box b{font-size:12px;margin-top:7px}.upload-box small{font-size:9px}.upload-box input{display:none}.upload-box em{margin-top:10px;padding:5px 8px;border-radius:7px;background:#f0eef9;color:#6c52d3;font-size:9px;font-style:normal;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.inline-tip{margin:0 22px;padding:13px;border-radius:11px;background:#f4f1ff;display:flex;gap:10px;color:#5946ad;font-size:11px}.inline-tip span{color:#686973}.inline-tip a{text-decoration:underline}.short-field{display:block;width:min(440px,calc(100% - 44px));margin:18px 22px 22px!important}.short-field input{display:block;width:100%;margin-top:7px;padding:11px;border:1px solid var(--admin-line);border-radius:10px}.sticky-actions{position:sticky;bottom:15px;z-index:10;display:flex;justify-content:flex-end;gap:10px;padding:13px;border:1px solid var(--admin-line);border-radius:16px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);box-shadow:0 15px 40px rgba(40,42,60,.09)}.sticky-actions.full{grid-column:1/-1}.table-panel{overflow:hidden}.table-toolbar{padding:16px 20px;border-bottom:1px solid var(--admin-line);display:flex;justify-content:space-between;align-items:center}.table-toolbar input{width:280px;padding:9px 12px;border:1px solid var(--admin-line);border-radius:10px;background:#fafafe}.table-toolbar span{font-size:10px;color:var(--admin-muted)}.responsive-table{overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;padding:13px 20px;border-bottom:1px solid var(--admin-line);font-size:11px}th{color:var(--admin-muted);font-size:9px;text-transform:uppercase;letter-spacing:.09em;background:#fbfbfd}.table-character{display:flex;align-items:center;gap:11px}.table-character>div{width:39px;height:48px;border-radius:8px;background:var(--accent);overflow:hidden}.table-character img{width:100%;height:100%;object-fit:cover}.table-character span{display:flex;flex-direction:column}.table-character small{color:var(--admin-muted);font-size:9px}.tag,.status{display:inline-block;padding:5px 8px;border-radius:7px;background:#f2f2f6;color:#696b76;font-size:9px;font-weight:700}.status-active{background:#e7f9f1;color:#167d59}.status-off{background:#f2f2f5;color:#858691}.asset-dots{display:flex;gap:5px}.asset-dots i{width:8px;height:8px;border-radius:50%;background:#d9dae1}.asset-dots i.ready{background:#47cc94}.row-actions{display:flex;align-items:center;gap:10px}.row-actions a,.row-actions button{border:0;background:none;color:#7152dc;font-size:10px;cursor:pointer;padding:0}.row-actions button{color:#cf4560}.row-actions form{display:inline}.settings-grid{display:grid;grid-template-columns:1fr .75fr;gap:18px}.builder-layout{display:grid;grid-template-columns:1fr 340px;gap:18px}.builder-card{overflow:hidden}.builder-drop{margin:22px;min-height:240px;border:1.5px dashed #c8cad4;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;cursor:pointer;background:#fbfbfd}.builder-drop.dragging{border-color:#7c5cfc;background:#f6f3ff}.builder-drop input{display:none}.builder-drop>span{font-size:37px;color:#7759e4}.builder-drop b{margin-top:8px}.builder-drop small{color:var(--admin-muted)}.builder-drop em{font-size:9px;color:#9a9ca7;font-style:normal;margin-top:12px}.target-previews{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;padding:0 22px}.target-preview{position:relative;aspect-ratio:3/4;border-radius:9px;overflow:hidden;background:#eee}.target-preview img{width:100%;height:100%;object-fit:cover}.target-preview span{position:absolute;left:5px;top:5px;width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:#151620;color:#fff;font-size:8px}.builder-card>.button{margin:22px;width:calc(100% - 44px)}.builder-card>.button:disabled{opacity:.45;cursor:not-allowed}.builder-help{padding:25px}.builder-help h2{font:650 24px var(--display);margin:9px 0 19px}.builder-help ul{padding:0;list-style:none;display:grid;gap:16px}.builder-help li{display:flex;flex-direction:column;padding-left:22px;position:relative}.builder-help li:before{content:'✓';position:absolute;left:0;color:#2cb77f;font-weight:900}.builder-help b{font-size:12px}.builder-help span{font-size:10px;color:var(--admin-muted)}.builder-note{margin-top:25px;padding:15px;border-radius:12px;background:#f2efff}.builder-note p{font-size:10px;color:#63646f;margin:5px 0 0}.compile-modal{position:fixed;z-index:100;inset:0;background:rgba(10,11,18,.75);display:grid;place-items:center;backdrop-filter:blur(7px)}.compile-modal>div{width:min(420px,calc(100% - 40px));padding:36px;background:#fff;border-radius:20px;text-align:center}.compile-modal .compile-spinner{display:block;margin:0 auto;border-color:#dedde7;border-top-color:#7152df;width:34px;height:34px}.compile-modal h2{font:650 22px var(--display)}.compile-modal p{color:var(--admin-muted);font-size:12px}.compile-modal progress{width:100%;accent-color:#7959e6}.compile-modal>div>b{font-size:10px;color:#7152df}.login-body{min-height:100vh;background:#f4f5f8;color:var(--admin-text);display:grid;place-items:center;padding:25px}.login-shell{width:min(980px,100%);min-height:620px;display:grid;grid-template-columns:1.1fr .9fr;background:#fff;border-radius:25px;overflow:hidden;box-shadow:0 30px 80px rgba(40,42,60,.13)}.login-visual{padding:43px;background:radial-gradient(circle at 20% 80%,rgba(39,215,242,.15),transparent 32%),linear-gradient(145deg,#161827,#090a12);color:#fff;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-visual h1{font:700 43px/1.05 var(--display);letter-spacing:-.05em;max-width:460px;margin:15px 0}.login-visual p{color:#9ea1b0}.login-art{position:absolute;width:300px;height:300px;border:1px solid rgba(124,92,252,.3);border-radius:50%;right:-80px;bottom:-80px;display:grid;place-items:center}.login-art:before,.login-art:after,.login-art i{content:"";position:absolute;border:1px solid rgba(124,92,252,.2);border-radius:50%}.login-art:before{inset:35px}.login-art:after{inset:75px}.login-art i:nth-child(1){width:11px;height:11px;background:#27d7f2;top:35px;left:50px}.login-art b{font:800 36px var(--display);color:#a993ff}.login-card{padding:70px 55px;display:flex;flex-direction:column;justify-content:center}.login-card h2{font:700 31px var(--display);margin:8px 0 0}.login-card form{display:grid;gap:17px;margin-top:25px}.login-card label{font-size:11px;font-weight:700}.login-card input{display:block;width:100%;margin-top:7px;padding:13px;border:1px solid var(--admin-line);border-radius:11px;background:#fafafe}.login-card .button{width:100%;margin-top:4px}.back-link{margin-top:20px;text-align:center;color:#777986;font-size:11px}.password-field{position:relative}.password-field button{position:absolute;right:5px;top:12px;border:0;background:none}.mobile-brand{display:none}
@media(max-width:1100px){.metric-grid{grid-template-columns:repeat(2,1fr)}.upload-grid{grid-template-columns:repeat(2,1fr)}.builder-layout{grid-template-columns:1fr}.builder-help{display:none}.dashboard-grid{grid-template-columns:1fr}.compact{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:800px){.admin-sidebar{transform:translateX(-100%);transition:.25s}.admin-sidebar.open{transform:none}.admin-main{margin-left:0}.admin-topbar>button{display:block}.admin-content{padding:23px 16px}.admin-heading{align-items:start}.admin-heading h1{font-size:28px}.settings-grid{grid-template-columns:1fr}.login-shell{grid-template-columns:1fr;min-height:0}.login-visual{display:none}.login-card{padding:45px 25px}.mobile-brand{display:block;margin-bottom:25px}.target-previews{grid-template-columns:repeat(4,1fr)}}
@media(max-width:560px){.admin-heading{display:block}.admin-heading>.button{margin-top:15px}.metric-grid{grid-template-columns:1fr 1fr;gap:9px}.metric-grid article{padding:14px;display:block}.metric-icon{margin-bottom:8px}.upload-grid{grid-template-columns:1fr}.compact{grid-template-columns:1fr!important}.inline-tip{display:block}.form-section>.form-grid{grid-template-columns:1fr}.form-section .span-2{grid-column:auto}.target-previews{grid-template-columns:repeat(3,1fr)}}