@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#070b13;--panel:#0d1420;--panel2:#111b29;--line:rgba(255,255,255,.075);--text:#eef6f7;--muted:#7d8b9d;--cyan:#39d0c0;--cyan2:#146e70;--lime:#a9e56d;--red:#ff6475;--amber:#f4be63;--purple:#9477ff;--shadow:0 24px 70px rgba(0,0,0,.36)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;min-height:100vh;overflow-x:hidden}button,input{font:inherit}.hidden{display:none!important}.ambient{position:fixed;border-radius:50%;filter:blur(120px);opacity:.13;pointer-events:none}.ambient.one{width:560px;height:560px;background:#00e6cb;left:-280px;top:-220px}.ambient.two{width:500px;height:500px;background:#6450ff;right:-230px;bottom:-240px}.eyebrow{font-size:10px;letter-spacing:.22em;color:var(--cyan);font-weight:700;margin:0 0 10px}.muted{color:var(--muted)}
.login-shell{min-height:100vh;display:grid;place-items:center;padding:24px;background:radial-gradient(circle at 50% 15%,rgba(57,208,192,.08),transparent 34%)}.login-card{position:relative;width:min(470px,100%);padding:52px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,27,41,.94),rgba(8,13,23,.96));box-shadow:var(--shadow);border-radius:28px}.brand-mark{width:52px;height:52px;display:grid;place-items:center;margin-bottom:28px;border-radius:16px;background:linear-gradient(135deg,var(--cyan),#217c8c);color:#041011;font:700 18px 'Space Grotesk';box-shadow:0 10px 35px rgba(57,208,192,.22)}h1{font:600 42px/1.08 'Space Grotesk';letter-spacing:-.045em;margin:0 0 18px}h1 span{color:var(--cyan)}label{display:block;color:#aab7c6;font-size:12px;font-weight:600;margin:28px 0 9px}.secret-row{display:flex;border:1px solid var(--line);border-radius:12px;background:#080d16;overflow:hidden}.secret-row input{min-width:0;flex:1;border:0;outline:0;color:white;background:transparent;padding:15px}.secret-row button{border:0;color:var(--cyan);background:transparent;padding:0 16px;cursor:pointer}.primary{border:0;border-radius:12px;background:var(--cyan);color:#031211;padding:14px 18px;font-weight:700;cursor:pointer}.primary:hover{filter:brightness(1.08)}.wide{width:100%;margin-top:14px;display:flex;justify-content:space-between}.error{color:var(--red);font-size:13px;min-height:18px}
.app{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;padding:26px 18px;background:rgba(8,13,22,.92);border-right:1px solid var(--line);backdrop-filter:blur(20px);z-index:5}.logo{display:flex;align-items:center;gap:12px;padding:0 10px 28px}.logo>span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;color:#041011;background:var(--cyan);font:700 13px 'Space Grotesk'}.logo b{font:600 16px 'Space Grotesk'}.logo small{display:block;color:#526174;font-size:8px;letter-spacing:.18em;margin-top:2px}nav{display:flex;flex-direction:column;gap:4px}nav button{display:flex;align-items:center;gap:11px;width:100%;padding:11px 12px;border:0;border-radius:10px;background:transparent;color:#718094;font-size:13px;text-align:left;cursor:pointer;transition:.2s}nav button i{font-style:normal;width:18px;text-align:center;font-size:16px}nav button em{font-style:normal;margin-left:auto;background:#172332;padding:2px 7px;border-radius:10px;font-size:10px}nav button:hover{color:#dbe5ea;background:rgba(255,255,255,.035)}nav button.active{color:#dffdf9;background:linear-gradient(90deg,rgba(57,208,192,.16),rgba(57,208,192,.03));box-shadow:inset 2px 0 var(--cyan)}.nav-title{font-size:8px;letter-spacing:.18em;color:#3f4c5c;padding:20px 12px 7px}.framework{position:absolute;bottom:24px;left:24px;right:24px;display:flex;align-items:center;gap:10px;padding:12px;border:1px solid var(--line);background:#0c1420;border-radius:12px}.pulse{width:7px;height:7px;display:inline-block;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px rgba(169,229,109,.09)}.framework small{display:block;color:#526174;font-size:8px;letter-spacing:.15em}.framework b{font-size:12px;text-transform:uppercase}
main{grid-column:2;padding:0 38px 50px;min-width:0}header{height:112px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);margin-bottom:30px}h2{font:600 25px 'Space Grotesk';margin:0;letter-spacing:-.03em}.header-actions{display:flex;align-items:center;gap:12px}.server-live{font-size:11px;color:#aebbc7;padding:10px 14px;border:1px solid var(--line);border-radius:10px}.server-live .pulse{margin-right:8px}.icon-button,.avatar{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line);background:var(--panel);color:#aab8c6;border-radius:11px;cursor:pointer}.avatar{border-color:rgba(57,208,192,.35);color:var(--cyan);font-weight:700}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:18px}.stat,.card{border:1px solid var(--line);background:linear-gradient(145deg,rgba(17,27,41,.86),rgba(10,16,27,.92));border-radius:16px;box-shadow:0 15px 45px rgba(0,0,0,.12)}.stat{padding:20px}.stat-top{display:flex;justify-content:space-between;color:#6f7f91;font-size:11px}.stat-icon{font-size:18px;color:var(--cyan)}.stat strong{display:block;font:600 30px 'Space Grotesk';margin:18px 0 4px}.stat small{color:#637286}.up{color:var(--lime)!important}.dashboard-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.card{padding:20px}.card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card h3{font:600 15px 'Space Grotesk';margin:0}.card-head small{color:#657486}.online-list{display:flex;flex-direction:column}.online-row{display:grid;grid-template-columns:38px 1fr 120px 55px;align-items:center;gap:10px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.045)}.online-row:last-child{border:0}.mini-avatar{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:linear-gradient(135deg,#1a7f80,#17314b);color:#bafff7;font-weight:700;font-size:12px}.online-row b{font-size:12px}.online-row small{display:block;color:#667589;font-size:10px;margin-top:3px}.ping{color:var(--lime);font-size:10px}.activity-chart{height:190px;display:flex;align-items:end;gap:8px;padding-top:20px}.bar{flex:1;border-radius:5px 5px 2px 2px;background:linear-gradient(var(--cyan),rgba(57,208,192,.08));min-height:10%;opacity:.8}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick{padding:16px;text-align:left;border:1px solid var(--line);border-radius:12px;background:#101a28;color:#c7d3dc;cursor:pointer}.quick span{display:block;font-size:20px;color:var(--cyan);margin-bottom:12px}.quick small{display:block;color:#5f6e80;margin-top:4px}
.toolbar{display:flex;gap:10px;margin-bottom:16px}.search{flex:1;max-width:420px;border:1px solid var(--line);background:#0c1420;color:white;border-radius:11px;padding:11px 14px;outline:none}.search:focus{border-color:rgba(57,208,192,.5)}.ghost{border:1px solid var(--line);background:#101925;color:#aab8c4;border-radius:10px;padding:10px 14px;cursor:pointer}.table-card{border:1px solid var(--line);border-radius:16px;background:rgba(12,19,31,.86);overflow:hidden}.table{width:100%;border-collapse:collapse}.table th{text-align:left;padding:13px 16px;color:#526174;background:rgba(255,255,255,.018);font-size:9px;letter-spacing:.12em}.table td{padding:13px 16px;border-top:1px solid rgba(255,255,255,.045);font-size:12px;color:#aebbc7}.identity{display:flex;align-items:center;gap:10px}.identity b{color:#eaf2f4}.status{display:inline-flex;align-items:center;gap:6px;color:var(--lime);font-size:10px}.status:before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%}.row-actions{display:flex;gap:6px}.action{border:1px solid var(--line);background:#131e2c;color:#8998a9;border-radius:8px;padding:6px 9px;font-size:10px;cursor:pointer}.action:hover{color:var(--cyan);border-color:rgba(57,208,192,.3)}.action.danger:hover{color:var(--red);border-color:rgba(255,100,117,.3)}
.resource-grid,.catalog{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:12px}.resource,.catalog-item{padding:16px;border:1px solid var(--line);background:#0e1723;border-radius:13px}.resource-top{display:flex;align-items:center;justify-content:space-between}.resource b,.catalog-item b{font-size:12px}.state{font-size:9px;padding:4px 7px;border-radius:8px;background:rgba(169,229,109,.09);color:var(--lime)}.state.stopped{background:rgba(255,100,117,.08);color:var(--red)}.resource-actions{display:flex;gap:5px;margin-top:17px}.resource-actions button{flex:1;border:0;border-radius:7px;background:#172333;color:#77879a;padding:7px;font-size:9px;cursor:pointer}.resource-actions button:hover{color:white;background:#213149}.catalog-item small{display:block;color:#657486;margin-top:5px}.catalog-icon{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(148,119,255,.1);color:var(--purple);margin-bottom:14px}.map-shell{position:relative;height:620px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background-color:#09121a;background-image:linear-gradient(rgba(57,208,192,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(57,208,192,.035) 1px,transparent 1px);background-size:34px 34px}.map-shell:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at center,transparent 25%,rgba(5,9,15,.8));pointer-events:none}.map-road{position:absolute;height:2px;background:rgba(57,208,192,.1);width:120%;transform:rotate(-24deg);top:45%;left:-10%}.marker{position:absolute;z-index:2;width:30px;height:30px;border:2px solid var(--cyan);border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#0b2830;display:grid;place-items:center;cursor:pointer;box-shadow:0 0 25px rgba(57,208,192,.28)}.marker span{transform:rotate(45deg);font-size:9px}.map-legend{position:absolute;z-index:3;top:18px;right:18px;width:230px}.console{background:#05090f;border:1px solid var(--line);border-radius:15px;padding:20px;font:12px/1.8 Consolas,monospace;color:#7ed7cb;min-height:430px}.console-input{display:flex;margin-top:12px}.console-input input{flex:1;border:1px solid var(--line);background:#080e17;color:white;padding:13px;border-radius:10px 0 0 10px;outline:0}.console-input button{border-radius:0 10px 10px 0}.empty{text-align:center;color:#607083;padding:60px}.modal{position:fixed;inset:0;z-index:20;background:rgba(2,5,9,.78);display:grid;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal-card{position:relative;width:min(540px,100%);border:1px solid var(--line);border-radius:18px;padding:26px;background:#0d1622;box-shadow:var(--shadow)}.close{position:absolute;right:15px;top:12px;border:0;background:transparent;color:#708093;font-size:24px;cursor:pointer}.modal h3{font:600 20px 'Space Grotesk';margin:0 0 8px}.modal-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:20px}.modal-grid button{padding:14px;border:1px solid var(--line);border-radius:10px;background:#131e2c;color:#aebbc8;cursor:pointer}.modal-grid button:hover{border-color:rgba(57,208,192,.3);color:var(--cyan)}.modal-grid .danger:hover{color:var(--red);border-color:rgba(255,100,117,.3)}.modal input,.modal textarea{width:100%;border:1px solid var(--line);background:#080e17;color:white;border-radius:10px;padding:12px;margin-top:12px}.toasts{position:fixed;z-index:30;right:22px;bottom:22px;display:flex;flex-direction:column;gap:8px}.toast{padding:13px 16px;border:1px solid var(--line);border-left:3px solid var(--cyan);background:#101a26;border-radius:10px;box-shadow:var(--shadow);font-size:12px}.toast.bad{border-left-color:var(--red)}
@media(max-width:1000px){.stats{grid-template-columns:1fr 1fr}.dashboard-grid{grid-template-columns:1fr}.app{grid-template-columns:82px 1fr}.sidebar{width:82px;padding:24px 12px}.logo div,nav button:not(.active) em,.nav-title,.framework div{display:none}.logo{padding:0 10px 25px}.logo>span{min-width:38px}nav button{justify-content:center;padding:12px}nav button i{font-size:18px}nav button{font-size:0}.framework{left:24px;right:auto;padding:12px}.framework .pulse{margin:0}main{grid-column:2;padding:0 20px 40px}}
@media(max-width:680px){header{height:90px}.server-live{display:none}.stats{grid-template-columns:1fr 1fr}.stat{padding:15px}.stat strong{font-size:24px}.online-row{grid-template-columns:35px 1fr 50px}.online-row>:nth-child(3){display:none}.table-card{overflow:auto}.table{min-width:720px}.resource-grid,.catalog{grid-template-columns:1fr}.login-card{padding:30px}h1{font-size:34px}}

/* Live map */
.map-shell{position:relative;height:620px;border:1px solid var(--line);border-radius:18px;overflow:hidden;background:radial-gradient(circle at 45% 54%,#122936 0,#0a1924 42%,#071019 76%)}
.map-shell:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 45% 50%,transparent 35%,rgba(3,7,12,.72));pointer-events:none;z-index:1}
.map-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(57,208,192,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(57,208,192,.045) 1px,transparent 1px);background-size:42px 42px}
.map-coast{position:absolute;border:1px solid rgba(57,208,192,.12);background:rgba(57,208,192,.025);filter:drop-shadow(0 0 30px rgba(57,208,192,.05))}
.coast-a{left:8%;top:13%;width:68%;height:74%;border-radius:41% 59% 46% 54%/58% 38% 62% 42%;transform:rotate(-8deg)}
.coast-b{right:10%;top:7%;width:24%;height:39%;border-radius:55% 45% 62% 38%;transform:rotate(13deg)}
.map-routes{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.55}
.map-routes path{fill:none;stroke:rgba(121,174,184,.25);stroke-width:2;stroke-dasharray:6 4}
.marker{position:absolute;z-index:3;width:32px;height:32px;margin:-16px 0 0 -16px;border:2px solid var(--cyan);border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:#0b2830;display:grid;place-items:center;color:#dffffb;cursor:pointer;box-shadow:0 0 0 5px rgba(57,208,192,.08),0 0 25px rgba(57,208,192,.28);animation:markerPulse 2.2s infinite}
.marker span{transform:rotate(45deg);font-size:9px;font-weight:700}
.marker.driving{border-color:var(--amber);box-shadow:0 0 0 5px rgba(244,190,99,.08),0 0 25px rgba(244,190,99,.25)}
@keyframes markerPulse{50%{box-shadow:0 0 0 9px transparent,0 0 30px rgba(57,208,192,.22)}}
.map-legend{position:absolute;z-index:4;top:18px;right:18px;width:280px;max-height:520px;padding:16px;background:rgba(8,15,24,.91);backdrop-filter:blur(14px)}
.map-roster{display:flex;flex-direction:column;gap:4px;max-height:440px;overflow:auto}
.map-player{display:grid;grid-template-columns:34px 1fr auto;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:9px;background:transparent;color:#dbe6e9;text-align:left;cursor:pointer}
.map-player:hover{background:rgba(255,255,255,.04)}
.map-player b{display:block;font-size:11px}.map-player small{display:block;max-width:145px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#66788b;font-size:9px;margin-top:2px}.map-player em{font-style:normal;color:var(--lime);font-size:7px;letter-spacing:.1em}
.map-player.offline{opacity:.48}.map-player.offline em{color:var(--amber)}
.map-status{position:absolute;z-index:4;left:18px;bottom:18px;padding:10px 13px;border:1px solid var(--line);border-radius:10px;background:rgba(8,15,24,.88);color:#94a4b4;font-size:10px}.map-status .pulse{margin-right:8px}
.map-empty{position:absolute;z-index:3;left:50%;top:50%;transform:translate(-50%,-50%);padding:14px 18px;border:1px solid var(--line);border-radius:10px;background:rgba(8,15,24,.8);color:#718296;font-size:11px}
@media(max-width:760px){.map-shell{height:560px}.map-legend{left:12px;right:12px;top:auto;bottom:54px;width:auto;max-height:210px}.map-roster{max-height:135px}}

/* Atlas tile Live Map */
.map-shell{height:680px;background:#081017;border-radius:8px;isolation:isolate;cursor:default}
.map-shell:after,.map-grid,.map-coast,.map-routes{display:none!important}
.tile-map{position:absolute;inset:0;z-index:1;overflow:hidden;background:#071018;cursor:grab;user-select:none}
.tile-map.dragging{cursor:grabbing}
.tile-layer,.marker-layer{position:absolute;inset:0}
.map-tile{position:absolute;width:256px;height:256px;max-width:none;image-rendering:auto;user-select:none;pointer-events:none}
.marker-layer{z-index:3;pointer-events:none}
.atlas-marker{position:absolute;z-index:4;display:grid;place-items:center;border:0;background:transparent;transform:translate(-50%,-100%);cursor:pointer;pointer-events:auto}
.atlas-marker img{width:22px;height:28px;filter:drop-shadow(0 4px 9px rgba(0,0,0,.65))}
.atlas-marker.vehicle img{width:26px;height:33px}
.atlas-marker span{position:absolute;top:-18px;min-width:20px;padding:2px 5px;border-radius:6px;background:rgba(5,11,16,.85);color:#fff;font-size:9px;font-weight:700;white-space:nowrap;border:1px solid rgba(255,255,255,.15)}
.map-toolbar{position:absolute;z-index:5;left:22px;right:318px;top:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:start;gap:18px;pointer-events:none}
.map-toolbar h3{font:600 22px 'Space Grotesk';margin:0;color:#e7f3f1}
.map-toolbar .eyebrow{margin:0 0 2px;color:#d7f5e5;letter-spacing:0;text-transform:none;font-size:12px}
.map-search{height:42px;border:1px solid rgba(255,255,255,.08);border-radius:8px;background:rgba(7,15,22,.48);color:#dce9ea;padding:0 14px;outline:0;pointer-events:auto;backdrop-filter:blur(10px)}
.map-search:focus{border-color:rgba(57,208,192,.45)}
.map-tools{display:flex;gap:8px;pointer-events:auto}
.map-tools .icon-button{background:rgba(7,15,22,.66);backdrop-filter:blur(10px)}
.map-tools .icon-button.active{color:#05100f;background:var(--cyan);border-color:var(--cyan)}
.map-legend{top:76px;right:16px;bottom:72px;width:286px;max-height:none;padding:0;border-radius:8px;background:rgba(10,20,26,.76);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);overflow:hidden}
.map-tabs{display:grid;grid-template-columns:1fr 1fr 1.2fr;border-bottom:1px solid rgba(255,255,255,.08)}
.map-tabs button{height:46px;border:0;background:transparent;color:#8da1a6;font-size:10px;font-weight:700;cursor:pointer}
.map-tabs button.active{color:#31e589;box-shadow:inset 0 -2px #31e589}
.map-roster{max-height:calc(100% - 102px);padding:10px;overflow:auto}
.map-player{border-radius:8px;background:rgba(255,255,255,.035);margin-bottom:7px}
.map-player:hover{background:rgba(57,208,192,.08)}
.map-player em{color:#675cff}
.map-blip-button{position:absolute;left:0;right:0;bottom:0;margin:0;height:56px;border-radius:0;background:#28dd73}
.map-status{z-index:5;left:18px;bottom:18px;background:rgba(7,15,22,.72);backdrop-filter:blur(10px)}
.map-empty{z-index:4;background:rgba(7,15,22,.72);backdrop-filter:blur(10px)}
@media(max-width:760px){.map-toolbar{right:12px;grid-template-columns:1fr;gap:8px}.map-legend{left:12px;right:12px;bottom:62px;width:auto;max-height:230px}.map-roster{max-height:128px}.map-blip-button{display:none}}

/* Players inspect */
.players-shell{min-height:620px}
.players-head{display:flex;align-items:center;gap:28px;margin-bottom:20px}
.players-head h3{font:600 26px 'Space Grotesk';margin:0;min-width:150px}
.players-search{height:48px;max-width:520px;flex:1;border:1px solid rgba(255,255,255,.06);border-radius:10px;background:rgba(42,24,55,.35);color:#eef6f7;padding:0 18px;outline:0}
.player-filters{display:flex;gap:10px;margin-bottom:18px;overflow:auto}
.player-filters button{height:34px;min-width:58px;border:0;border-radius:8px;background:rgba(255,255,255,.045);color:#8e7b9d;font-size:11px;font-weight:700;cursor:pointer}
.player-filters button.active{background:#7f62c9;color:white}
.players-layout{display:grid;grid-template-columns:minmax(0,1fr) 190px;gap:20px}
.player-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px;align-content:start}
.player-card{position:relative;min-height:190px;padding:18px 16px 12px;border:1px solid rgba(255,255,255,.055);border-radius:8px;background:linear-gradient(150deg,rgba(39,20,48,.72),rgba(13,12,24,.92));box-shadow:0 20px 45px rgba(0,0,0,.18)}
.player-dot{position:absolute;right:12px;top:12px;width:6px;height:6px;border-radius:50%;background:#ff564c}
.player-dot.online{background:#79ec5f}
.player-avatar,.big-avatar{display:grid;place-items:center;border-radius:50%;background:linear-gradient(135deg,#3b314c,#9b8fb1);border:2px solid #9b32e0;color:white;font-weight:800}
.player-avatar{width:52px;height:52px;margin-bottom:10px}
.player-card-title{position:absolute;left:78px;top:22px}
.player-card-title b{display:block;font-size:12px;color:#fff}
.player-card-title small{display:block;color:#766786;font-size:9px;margin-top:2px}
.player-meta{display:flex;align-items:center;gap:9px;color:#a99cb3;font-size:10px;margin-top:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.player-meta span{width:14px;color:#d3c9da}
.inspect-link{position:absolute;left:0;right:0;bottom:0;height:34px;border:0;border-top:1px solid rgba(255,255,255,.045);background:transparent;color:#cfc3d7;font-size:10px;cursor:pointer}
.inspect-link:hover{color:white;background:rgba(154,73,255,.1)}
.deleted-card{min-height:460px;border-radius:8px;background:linear-gradient(rgba(90,36,55,.32),rgba(20,14,21,.5)),url('/map/styleAtlas/3/3/4.jpg') center/cover;border:1px solid rgba(255,255,255,.06);display:grid;place-items:center;text-align:center;align-content:center;gap:26px}
.deleted-card h3{font-size:24px;line-height:1.1;margin:0;color:#f1dfe7;text-shadow:0 2px 20px rgba(0,0,0,.8)}
.deleted-card button{border:0;border-top:1px solid rgba(255,255,255,.35);background:transparent;color:#f5e8ef;padding:12px 24px;cursor:pointer}
.inspect-shell{display:grid;grid-template-columns:82px minmax(0,1fr) 340px;gap:20px;min-height:650px}
.inspect-back{position:absolute;left:20px;bottom:28px;z-index:2;width:34px;height:34px;border:0;background:transparent;color:#b7a9c2;font-size:30px;cursor:pointer}
.inspect-profile{position:relative;border-radius:10px;background:linear-gradient(180deg,rgba(31,17,45,.9),rgba(7,8,14,.94));padding:22px 10px;text-align:center;border:1px solid rgba(255,255,255,.05)}
.big-avatar{width:62px;height:62px;margin:0 auto 10px}
.inspect-profile b{display:block;font-size:12px}.inspect-profile small{display:block;color:#8f809b;font-size:10px;margin-top:8px}.inspect-profile .status{justify-content:center;margin-top:4px}
.inspect-profile nav{position:absolute;left:0;right:0;top:150px;display:grid;gap:16px;justify-items:center}
.inspect-profile nav button{width:38px;height:38px;border:0;border-radius:50%;background:transparent;color:#685875;cursor:pointer}
.inspect-profile nav button.active{background:#942bf0;color:white;box-shadow:0 0 22px rgba(148,43,240,.6)}
.inspect-main{border-radius:10px;background:linear-gradient(145deg,rgba(40,20,48,.72),rgba(10,10,18,.94));border:1px solid rgba(255,255,255,.055);padding:24px}
.inspect-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.inspect-title h3{margin:0;font-size:19px}.vip-button{border:0;border-radius:8px;background:rgba(0,0,0,.32);color:#ffd95d;padding:10px 16px;font-weight:700;cursor:pointer}
.info-grid{display:grid;grid-template-columns:1fr 1.25fr;gap:18px}.info-card{border-radius:8px;background:linear-gradient(145deg,rgba(85,31,100,.62),rgba(16,13,25,.9));border:1px solid rgba(255,255,255,.055);padding:18px}.info-card h4{font-size:18px;margin:0 0 16px}.info-card h4 small{float:right;color:#8f809b;font-size:10px;font-weight:500}.license-card{background:linear-gradient(150deg,rgba(104,39,115,.78),rgba(102,96,42,.45))}.character-card{position:relative;min-height:390px;background:linear-gradient(150deg,rgba(69,31,84,.72),rgba(11,10,19,.94))}.job-card{grid-column:1}
.detail-field{display:block;margin-bottom:12px}.detail-field span{display:block;color:#9c8faa;font-size:10px;margin-bottom:6px}.detail-field b,.detail-field input{display:block;width:100%;min-height:38px;border:1px solid rgba(255,255,255,.055);border-radius:7px;background:rgba(7,7,14,.42);color:#f5eef8;padding:11px 12px;font-size:12px}.detail-field input{outline:0}.detail-field input:focus{border-color:#a44bff;box-shadow:0 0 0 3px rgba(164,75,255,.12)}
.save-character{margin-top:8px;width:100%;justify-content:center}
.actions-panel{border-radius:10px;background:linear-gradient(145deg,rgba(86,34,58,.72),rgba(9,16,22,.94));border:1px solid rgba(255,255,255,.06);padding:24px}.actions-panel h3{margin:0 0 28px}.actions-panel h4{font-size:16px;margin:18px 0 14px}.action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.action-tile{height:92px;border:0;border-radius:8px;color:white;font-size:10px;font-weight:800;display:grid;place-items:center;align-content:center;gap:8px;cursor:pointer}.action-tile span{font-size:25px}.action-tile.green{background:#5aa426}.action-tile.rose{background:#d96f68}.action-tile.red{background:#e53030}.action-tile.blue{background:#4da0b5}.action-tile.purple{background:#8d10eb}.action-tile.gold{background:#b69a55}.action-tile.orange{background:#e87555}.action-tile.amber{background:#eaa24c}.action-tile.teal{background:#28ad98}.action-tile.deepred{background:#c90000}.action-tile.dark{background:#273034}.action-tile:hover{filter:brightness(1.08)}
@media(max-width:1150px){.inspect-shell{grid-template-columns:72px 1fr}.actions-panel{grid-column:2}.players-layout{grid-template-columns:1fr}.deleted-card{display:none}}
@media(max-width:760px){.inspect-shell{grid-template-columns:1fr}.inspect-profile{display:none}.inspect-main,.actions-panel{grid-column:1}.info-grid{grid-template-columns:1fr}.job-card{grid-column:auto}.players-head{display:block}.players-search{width:100%;margin-top:12px}}

/* Premium player command view */
.inspect-shell{position:relative;grid-template-columns:118px minmax(0,1fr) 318px;gap:16px;min-height:690px;padding:14px;border:1px solid rgba(255,255,255,.055);border-radius:10px;background:linear-gradient(135deg,rgba(17,10,25,.88),rgba(9,11,18,.96));box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 28px 80px rgba(0,0,0,.28)}
.inspect-back{left:22px;bottom:20px;width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.045);font-size:28px;color:#f0e8f6}
.inspect-profile{border-radius:8px;background:linear-gradient(180deg,rgba(72,28,95,.62),rgba(10,12,20,.98));padding:20px 12px;border-color:rgba(190,114,255,.14);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.big-avatar{width:72px;height:72px;border:3px solid #b84cff;background:radial-gradient(circle at 35% 25%,#eee,#848096 55%,#372a4a);box-shadow:0 0 34px rgba(184,76,255,.28)}
.inspect-profile b{font-size:13px;margin-top:10px}.inspect-profile small{font-size:10px;color:#a694b4}.inspect-profile .status{display:inline-flex;margin-top:8px;padding:4px 8px;border-radius:999px;background:rgba(63,230,137,.1)}
.profile-stat{margin-top:14px;padding:10px 8px;border-radius:8px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.055)}.profile-stat span{display:block;color:#8d7f99;font-size:9px}.profile-stat strong{display:block;margin-top:3px;font-size:12px;color:#fff}
.inspect-profile nav{top:auto;bottom:84px;gap:12px}.inspect-profile nav button{border-radius:10px;background:rgba(255,255,255,.035)}.inspect-profile nav button.active{background:linear-gradient(135deg,#a936ff,#6b40ff)}
.inspect-main{border-radius:8px;padding:0;background:transparent;border:0}
.inspect-hero{display:flex;align-items:center;justify-content:space-between;min-height:128px;margin-bottom:14px;padding:22px;border-radius:8px;background:linear-gradient(135deg,rgba(118,39,137,.48),rgba(13,15,24,.86)),radial-gradient(circle at 80% 15%,rgba(57,208,192,.18),transparent 28%);border:1px solid rgba(255,255,255,.07)}
.inspect-hero h3{margin:0;font-size:28px;letter-spacing:0}.inspect-hero span{display:block;color:#a99bb2;font-size:12px;margin-top:7px}.inspect-hero .eyebrow{letter-spacing:.18em;color:#39d0c0}
.vip-button{border-radius:8px;background:linear-gradient(135deg,#2b2033,#151219);border:1px solid rgba(255,216,90,.22);color:#ffd95d;box-shadow:0 10px 26px rgba(0,0,0,.2)}
.info-grid{grid-template-columns:.95fr 1.35fr;gap:14px}.info-card{border-radius:8px;padding:18px;background:rgba(15,14,24,.82);border-color:rgba(255,255,255,.06);box-shadow:0 18px 45px rgba(0,0,0,.14)}.info-card h4{font-size:17px;color:#f5eff8}.license-card{background:linear-gradient(145deg,rgba(99,44,108,.75),rgba(24,33,45,.78))}.character-card{min-height:auto;background:linear-gradient(145deg,rgba(53,30,72,.9),rgba(12,12,20,.96));grid-row:span 2}.job-card{background:linear-gradient(145deg,rgba(32,23,53,.88),rgba(14,17,25,.94))}
.form-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.detail-field{margin-bottom:13px}.detail-field span{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#9e90aa}.detail-field b,.detail-field input{min-height:42px;border-radius:8px;background:rgba(4,6,11,.5);border-color:rgba(255,255,255,.07);font-size:12px}.detail-field input{transition:border-color .16s,box-shadow .16s,background .16s}.detail-field input:focus{background:rgba(12,9,20,.84);border-color:#c15cff;box-shadow:0 0 0 3px rgba(193,92,255,.14)}
.save-character{height:44px;border-radius:8px;background:linear-gradient(135deg,#37d8bd,#7fd760);color:#061312}
.actions-panel{border-radius:8px;background:linear-gradient(165deg,rgba(89,37,58,.78),rgba(12,18,24,.96));padding:18px;border-color:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.actions-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.actions-head h3{margin:0;font-size:18px}.actions-head span{font-size:9px;color:#38e886;background:rgba(56,232,134,.1);padding:5px 8px;border-radius:999px}
.actions-panel h4{font-size:13px;color:#e9dfe9;margin:16px 0 10px}.action-grid{gap:9px}.action-tile{height:84px;border-radius:8px;font-size:9px;box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 14px 24px rgba(0,0,0,.18);transition:transform .16s,filter .16s}.action-tile span{font-size:24px}.action-tile:hover{transform:translateY(-2px);filter:brightness(1.1)}
@media(max-width:1150px){.inspect-shell{grid-template-columns:96px 1fr}.actions-panel{grid-column:2}.inspect-hero{min-height:110px}.info-grid{grid-template-columns:1fr}}
@media(max-width:760px){.inspect-shell{display:block;padding:10px}.inspect-main{margin-bottom:12px}.inspect-hero{display:block}.vip-button{margin-top:14px}.form-pair{grid-template-columns:1fr}.actions-panel{margin-top:12px}}

/* ScriptX midnight-cyan player palette */
.players-search{background:rgba(9,25,39,.72);border-color:rgba(75,213,255,.12)}
.players-search:focus{border-color:#32c9e8;box-shadow:0 0 0 3px rgba(50,201,232,.1)}
.player-filters button{background:rgba(17,39,54,.78);color:#7893a5}
.player-filters button:hover{color:#dffbff;background:rgba(35,91,111,.62)}
.player-filters button.active{background:linear-gradient(135deg,#16b8d4,#2878dc);color:#fff;box-shadow:0 8px 22px rgba(22,184,212,.2)}
.player-card{background:linear-gradient(150deg,rgba(17,42,57,.86),rgba(7,16,27,.96));border-color:rgba(69,196,225,.1)}
.player-card:hover{border-color:rgba(59,211,239,.28);box-shadow:0 22px 48px rgba(0,0,0,.28),0 0 24px rgba(26,174,210,.07)}
.player-avatar,.big-avatar{background:radial-gradient(circle at 35% 25%,#e9fcff,#5c8798 54%,#102c3c);border-color:#32d2e8}
.player-card-title small,.player-meta{color:#7f9aaa}.player-meta span{color:#71d7e7}
.inspect-link{color:#8ed8e5;border-top-color:rgba(77,202,226,.09)}
.inspect-link:hover{color:#fff;background:rgba(27,194,220,.12)}

.inspect-shell{background:linear-gradient(135deg,rgba(7,25,38,.96),rgba(5,11,20,.98));border-color:rgba(67,210,235,.1);box-shadow:inset 0 1px 0 rgba(122,231,249,.05),0 28px 80px rgba(0,5,12,.42)}
.inspect-back{background:rgba(38,109,132,.18);color:#b9f6ff;border:1px solid rgba(72,211,234,.1)}
.inspect-back:hover{background:rgba(38,181,207,.24);color:#fff}
.inspect-profile{background:linear-gradient(180deg,rgba(12,69,85,.88),rgba(5,17,29,.98));border-color:rgba(60,221,238,.16)}
.big-avatar{border-color:#37d5ea;box-shadow:0 0 34px rgba(55,213,234,.22)}
.inspect-profile small{color:#7fa5b4}.inspect-profile .status{background:rgba(42,218,143,.1)}
.profile-stat{background:rgba(18,58,74,.48);border-color:rgba(76,203,224,.1)}
.profile-stat span{color:#7296a4}
.inspect-profile nav button{background:rgba(36,91,109,.22);color:#7193a1}
.inspect-profile nav button:hover{color:#dffbff;background:rgba(36,134,158,.3)}
.inspect-profile nav button.active{background:linear-gradient(135deg,#1bd0d5,#247cdc);color:#fff;box-shadow:0 10px 28px rgba(24,186,213,.3)}
.inspect-hero{background:linear-gradient(135deg,rgba(13,91,111,.62),rgba(7,20,33,.92)),radial-gradient(circle at 82% 10%,rgba(255,180,65,.18),transparent 30%);border-color:rgba(76,215,235,.12)}
.inspect-hero span{color:#83a6b4}.inspect-hero .eyebrow{color:#52e5ec}
.vip-button{background:linear-gradient(135deg,rgba(76,54,19,.86),rgba(25,25,23,.94));border-color:rgba(255,188,68,.3);color:#ffc45d;box-shadow:0 10px 28px rgba(0,0,0,.24)}
.vip-button:hover{border-color:rgba(255,196,88,.55);filter:brightness(1.08)}
.info-card{background:rgba(7,20,31,.9);border-color:rgba(65,192,216,.09)}
.info-card h4{color:#eafcff}.info-card h4 small{color:#6e94a3}
.license-card{background:linear-gradient(145deg,rgba(15,83,101,.8),rgba(12,34,49,.9))}
.character-card{background:linear-gradient(145deg,rgba(11,57,76,.92),rgba(5,16,27,.98))}
.job-card{background:linear-gradient(145deg,rgba(12,45,61,.92),rgba(7,20,31,.96))}
.detail-field span{color:#7196a5}
.detail-field b,.detail-field input{background:rgba(2,13,23,.7);border-color:rgba(93,200,219,.1);color:#e9fbff}
.detail-field input:hover{border-color:rgba(69,202,225,.24)}
.detail-field input:focus{background:rgba(5,27,40,.94);border-color:#38cfe5;box-shadow:0 0 0 3px rgba(56,207,229,.13)}
.save-character{background:linear-gradient(135deg,#22d2bf,#35a7e7);color:#03171c;box-shadow:0 12px 28px rgba(25,188,205,.2)}
.save-character:hover{filter:brightness(1.08)}
.actions-panel{background:linear-gradient(165deg,rgba(12,47,62,.95),rgba(5,17,27,.98));border-color:rgba(62,201,225,.12)}
.actions-head span{color:#4ce6a1;background:rgba(35,216,143,.1)}
.actions-panel h4{color:#cde8ed}
.action-tile.green{background:linear-gradient(145deg,#249c68,#166848)}
.action-tile.rose{background:linear-gradient(145deg,#e36f7e,#a74455)}
.action-tile.red{background:linear-gradient(145deg,#e85050,#a62231)}
.action-tile.blue{background:linear-gradient(145deg,#38a9cc,#226a91)}
.action-tile.purple{background:linear-gradient(145deg,#6876e8,#4147aa)}
.action-tile.gold{background:linear-gradient(145deg,#c7a54e,#8d6b28)}
.action-tile.orange{background:linear-gradient(145deg,#e58455,#b45034)}
.action-tile.amber{background:linear-gradient(145deg,#dda341,#a56421)}
.action-tile.teal{background:linear-gradient(145deg,#25aa9d,#146a69)}
.action-tile.deepred{background:linear-gradient(145deg,#c93345,#821725)}
.action-tile.dark{background:linear-gradient(145deg,#344e5b,#1b2b35)}

/* ScriptX Command Center */
:root{--bg:#030810;--panel:#081522;--panel2:#0d1c2b;--line:rgba(112,213,234,.1);--text:#eefcff;--muted:#718b9c;--cyan:#30d5e5;--cyan2:#117c9c;--lime:#40df9a;--red:#f05a68;--amber:#f4b94f;--purple:#7877f5;--shadow:0 24px 70px rgba(0,0,0,.42)}
body{font-family:Inter,'Segoe UI',Arial,sans-serif;background:radial-gradient(circle at 16% 6%,rgba(17,130,155,.18),transparent 27%),radial-gradient(circle at 88% 88%,rgba(72,72,177,.14),transparent 30%),linear-gradient(145deg,#02070d 0%,#07121d 46%,#030810 100%);background-attachment:fixed}
body:before{content:'';position:fixed;inset:0;pointer-events:none;opacity:.14;background-image:linear-gradient(rgba(94,205,227,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(94,205,227,.035) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 80%)}
.ambient{opacity:.1;animation:ambientDrift 12s ease-in-out infinite alternate}.ambient.one{background:#12d8df}.ambient.two{background:#4e63ff;animation-delay:-5s}
@keyframes ambientDrift{to{transform:translate3d(36px,-24px,0) scale(1.08)}}
.app{grid-template-columns:244px minmax(0,1fr)}
.sidebar{width:244px;padding:22px 14px;background:linear-gradient(180deg,rgba(6,17,28,.96),rgba(3,10,18,.98));border-right-color:rgba(93,211,234,.1);box-shadow:18px 0 60px rgba(0,0,0,.18)}
.sidebar:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 30% 0,rgba(43,213,229,.1),transparent 25%)}
.logo{position:relative;padding:0 10px 24px;border-bottom:1px solid rgba(108,210,231,.07);margin-bottom:14px}
.logo>span{position:relative;border-radius:11px;background:linear-gradient(145deg,#42e4e8,#167ba4);box-shadow:0 0 0 5px rgba(44,210,225,.06),0 12px 30px rgba(26,186,208,.22)}
.logo>span:after{content:'';position:absolute;inset:1px;border-radius:10px;border:1px solid rgba(255,255,255,.26)}
.logo b{font-size:17px;letter-spacing:-.02em}.logo small{color:#4f7183}
#nav{position:relative;max-height:calc(100vh - 172px);overflow-y:auto;padding-right:3px;scrollbar-width:none}#nav::-webkit-scrollbar{display:none}
nav button{min-height:42px;border-radius:9px;color:#668092;font-weight:550;transition:color .18s,background .18s,transform .18s}
nav button i{width:29px;height:29px;display:grid;place-items:center;border-radius:8px;background:rgba(74,144,163,.055);transition:.18s}
nav button i svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
nav button:first-child i svg,nav button[data-page="resources"] i svg{fill:currentColor;stroke:none}
nav button:hover{transform:translateX(2px);background:rgba(54,148,172,.08);color:#c8f4fa}
nav button.active{color:#dcfcff;background:linear-gradient(90deg,rgba(35,196,220,.2),rgba(31,113,151,.045));box-shadow:inset 2px 0 #32d4e3,0 8px 24px rgba(0,0,0,.08)}
nav button.active i{color:#45e4ed;background:rgba(48,210,227,.13);box-shadow:0 0 18px rgba(48,210,227,.08)}
nav button em{color:#63dce7;background:rgba(43,202,218,.1)}
.nav-title{color:#385567;padding-top:17px}.framework{left:18px;right:18px;bottom:16px;background:linear-gradient(135deg,rgba(17,45,59,.9),rgba(7,20,31,.96));border-color:rgba(75,208,229,.11);box-shadow:0 14px 35px rgba(0,0,0,.2)}
main{grid-column:2;padding:0 30px 44px;max-width:1760px;width:100%;margin:0 auto}
header{height:96px;margin-bottom:24px;border-bottom-color:rgba(84,190,214,.08)}
header:after{content:'';position:absolute;left:244px;right:0;top:95px;height:1px;background:linear-gradient(90deg,rgba(49,210,226,.25),transparent 45%);pointer-events:none}
h2{font-size:27px;color:#effdff}.eyebrow{color:#3ed7e5}
.header-actions{gap:10px}.server-live{background:rgba(11,38,49,.62);border-color:rgba(63,215,211,.13);color:#a5c4ca}.icon-button,.avatar{background:rgba(10,29,43,.86);border-color:rgba(90,205,225,.11)}
.icon-button:hover{color:#fff;border-color:rgba(63,218,235,.35);background:rgba(16,65,79,.72)}
.admin-meta{text-align:right;margin-left:7px}.admin-meta span,.admin-meta small{display:block}.admin-meta span{font-size:11px;font-weight:700;color:#e6f9fb}.admin-meta small{margin-top:3px;font-size:8px;letter-spacing:.14em;color:#43cddd}
.avatar{width:42px;height:42px;border-radius:50%;font-size:10px;background:radial-gradient(circle at 35% 30%,#2b899a,#102c3c 62%,#08121d);box-shadow:0 0 0 3px rgba(52,212,228,.08)}
#content{animation:pageEnter .28s ease both}@keyframes pageEnter{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}
.card,.stat,.table-card,.resource,.catalog-item{border-color:rgba(90,202,223,.09);background:linear-gradient(145deg,rgba(12,31,45,.9),rgba(5,15,25,.96));box-shadow:0 18px 50px rgba(0,0,0,.15)}
.resource,.catalog-item,.stat{transition:transform .18s,border-color .18s,box-shadow .18s}.resource:hover,.catalog-item:hover,.stat:hover{transform:translateY(-3px);border-color:rgba(55,210,232,.24);box-shadow:0 22px 55px rgba(0,0,0,.25)}

.command-dashboard{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:16px}
.command-main{display:grid;grid-template-columns:minmax(360px,1.25fr) minmax(270px,.75fr);gap:16px}
.command-card{position:relative;overflow:hidden;border:1px solid rgba(85,211,232,.1);border-radius:17px;background:linear-gradient(145deg,rgba(11,35,49,.92),rgba(5,15,25,.97));box-shadow:0 22px 60px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.025)}
.command-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,rgba(255,255,255,.025),transparent 35%)}
.command-heading{position:relative;display:flex;align-items:center;justify-content:space-between}.command-heading h3{margin:0;font:600 17px 'Segoe UI',sans-serif;color:#ecfbfd}.command-heading .eyebrow{margin-bottom:6px;font-size:8px}.command-heading>.ui-svg{width:24px;color:#49dce9}
.ui-svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.live-pill{display:flex;align-items:center;gap:7px;padding:6px 9px;border-radius:999px;background:rgba(44,221,147,.09);color:#4ce49d;font-size:8px;font-weight:800;letter-spacing:.08em}.live-pill i,.roster-player>i,.roster-summary i{width:6px;height:6px;border-radius:50%;background:#46e296;box-shadow:0 0 10px #46e296}
.online-command{min-height:354px;padding:22px;background:radial-gradient(circle at 50% 105%,rgba(24,202,214,.19),transparent 40%),linear-gradient(145deg,rgba(12,44,58,.96),rgba(5,16,27,.98))}
.online-command:after{content:'';position:absolute;width:320px;height:320px;left:50%;bottom:-225px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(74,226,235,.18);box-shadow:0 0 70px rgba(45,217,229,.09)}
.online-gauge{position:relative;width:280px;height:140px;margin:32px auto 0;overflow:hidden}
.online-gauge:before{content:'';position:absolute;width:252px;height:252px;left:14px;top:12px;border-radius:50%;background:conic-gradient(from 270deg,#2ed9e3 0deg,#4cd798 var(--gauge),rgba(70,121,136,.17) var(--gauge),rgba(70,121,136,.17) 180deg,transparent 180deg);filter:drop-shadow(0 0 13px rgba(45,214,226,.18))}
.online-gauge:after{content:'';position:absolute;width:206px;height:206px;left:37px;top:35px;border-radius:50%;background:#081a27;box-shadow:inset 0 0 35px rgba(0,0,0,.4)}
.gauge-core{position:absolute;z-index:2;left:0;right:0;bottom:3px;text-align:center}.gauge-core strong{display:block;font:700 48px 'Segoe UI',sans-serif;line-height:1;color:#f1fdff;text-shadow:0 0 22px rgba(78,223,233,.18)}.gauge-core span{display:block;margin-top:7px;font-size:8px;letter-spacing:.2em;color:#6f9aa7}
.gauge-scale{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;width:286px;margin:-1px auto 0;color:#557684;font-size:8px}.gauge-scale b{color:#64dce5;letter-spacing:.12em}
.gauge-footer{position:absolute;z-index:2;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;padding-top:13px;border-top:1px solid rgba(93,207,226,.08);color:#668694;font-size:9px}.gauge-footer b{color:#d6f4f7;margin-left:4px}
.system-command{min-height:354px;padding:22px;background:radial-gradient(circle at 70% 55%,rgba(103,90,235,.13),transparent 43%),linear-gradient(145deg,rgba(16,34,51,.96),rgba(7,16,27,.98))}
.performance-ring{width:154px;height:154px;margin:26px auto 24px;border-radius:50%;padding:10px;background:conic-gradient(#6b7af5 0deg,#2dd3dd var(--performance),rgba(68,92,112,.2) var(--performance));box-shadow:0 0 32px rgba(70,158,225,.12)}
.performance-ring>div{height:100%;display:grid;place-content:center;text-align:center;border-radius:50%;background:#091824;box-shadow:inset 0 0 30px rgba(0,0,0,.42)}.performance-ring strong{font-size:27px}.performance-ring span{font-size:8px;letter-spacing:.16em;color:#6f8e9c;margin-top:3px}
.metric-list{display:grid;gap:11px}.metric-list>div{display:grid;grid-template-columns:1fr auto;gap:6px;color:#70909e;font-size:9px}.metric-list b{color:#cde8ec}.metric-list i{grid-column:1/-1;height:3px;border-radius:5px;background:rgba(101,146,163,.14);overflow:hidden}.metric-list em{display:block;height:100%;border-radius:5px;background:linear-gradient(90deg,#6675ec,#34d6df)}
.controls-command{grid-column:1/-1;padding:22px}.secure-label{display:flex;align-items:center;gap:5px;color:#55dda0;font-size:8px;letter-spacing:.1em}.secure-label .ui-svg{width:13px}
.control-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:18px}.control-tile{position:relative;min-height:126px;padding:15px;border:1px solid rgba(255,255,255,.055);border-radius:13px;text-align:left;color:white;cursor:pointer;overflow:hidden;transition:transform .18s,filter .18s,border-color .18s}.control-tile:before{content:'';position:absolute;width:100px;height:100px;right:-32px;top:-42px;border-radius:50%;background:currentColor;opacity:.08;filter:blur(6px)}.control-tile:hover{transform:translateY(-3px);filter:brightness(1.08);border-color:rgba(255,255,255,.14)}.control-tile>span{width:36px;height:36px;display:grid;place-items:center;border-radius:10px;background:rgba(255,255,255,.1);margin-bottom:15px}.control-tile b,.control-tile small{display:block}.control-tile b{font-size:11px}.control-tile small{color:rgba(225,242,246,.55);font-size:8px;margin-top:5px}.control-tile>em{position:absolute;right:14px;bottom:14px;font-style:normal;color:rgba(255,255,255,.6)}.control-tile.cyan{background:linear-gradient(145deg,rgba(22,143,164,.72),rgba(10,52,70,.9));color:#65eff4}.control-tile.amber{background:linear-gradient(145deg,rgba(159,105,35,.7),rgba(69,43,22,.92));color:#ffc86b}.control-tile.violet{background:linear-gradient(145deg,rgba(82,76,174,.75),rgba(34,29,80,.92));color:#a9a6ff}.control-tile.green{background:linear-gradient(145deg,rgba(29,130,94,.72),rgba(12,60,51,.92));color:#5de0aa}
.roster-command{grid-column:2;grid-row:1;padding:22px;min-height:594px}.roster-command .command-heading button{border:0;background:transparent;color:#43d8e6;font-size:9px;cursor:pointer}.roster-tabs{display:flex;gap:5px;padding:5px;margin:19px 0 13px;border-radius:10px;background:rgba(4,15,24,.62)}.roster-tabs button{flex:1;height:31px;border:0;border-radius:7px;background:transparent;color:#607e8d;font-size:9px}.roster-tabs button.active{background:rgba(32,163,184,.14);color:#bceef3}.roster-tabs b{margin-left:3px;color:#47dce7}
.command-roster{display:grid;gap:5px}.roster-player{display:grid;grid-template-columns:20px 34px minmax(0,1fr) 7px;align-items:center;gap:9px;width:100%;min-height:47px;padding:6px 8px;border:1px solid transparent;border-radius:10px;background:rgba(13,35,49,.5);color:white;text-align:left;cursor:pointer;transition:.16s}.roster-player:hover{background:rgba(25,75,91,.52);border-color:rgba(54,201,224,.12);transform:translateX(2px)}.roster-index{color:#3f6575;font:700 8px monospace}.roster-player .mini-avatar{width:32px;height:32px;border-radius:9px;font-size:9px}.roster-player span b,.roster-player span small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.roster-player span b{font-size:10px;color:#dff8fa}.roster-player span small{font-size:8px;color:#627f8d;margin-top:3px}.roster-player>i{width:5px;height:5px}.roster-summary{position:absolute;left:22px;right:22px;bottom:18px;display:flex;justify-content:space-between;padding-top:14px;border-top:1px solid rgba(82,199,221,.08);font-size:8px;color:#678694}.roster-summary span{display:flex;align-items:center;gap:7px}.roster-summary b{color:#d5f3f6}
.command-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.command-stats article{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:12px;min-height:82px;padding:15px;border:1px solid rgba(86,207,228,.09);border-radius:14px;background:linear-gradient(145deg,rgba(10,31,45,.88),rgba(5,15,24,.96));box-shadow:0 15px 38px rgba(0,0,0,.12)}.command-stats article>span{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;color:#49dce7;background:rgba(44,190,210,.1)}.command-stats small,.command-stats strong{display:block}.command-stats small{font-size:7px;letter-spacing:.13em;color:#527485}.command-stats strong{font-size:22px;margin-top:4px}.command-stats em{font-style:normal;font-size:7px;color:#45da9b;background:rgba(44,216,147,.08);padding:4px 6px;border-radius:6px}

@media(max-width:1200px){.command-dashboard{grid-template-columns:1fr}.roster-command{grid-column:1;grid-row:auto;min-height:420px}.command-roster{grid-template-columns:1fr 1fr}.roster-summary{position:static;margin-top:15px}.command-stats{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.command-main{grid-template-columns:1fr}.controls-command{grid-column:auto}.control-grid{grid-template-columns:1fr 1fr}.app{grid-template-columns:82px 1fr}.sidebar{width:82px}.sidebar .logo div,.admin-meta{display:none}main{padding:0 20px 35px}header:after{left:82px}}
@media(max-width:650px){.command-roster,.command-stats{grid-template-columns:1fr}.control-grid{grid-template-columns:1fr 1fr}.online-gauge{transform:scale(.9);transform-origin:top center}.gauge-footer{position:relative;left:auto;right:auto;bottom:auto;margin-top:12px}.online-command{min-height:390px}.server-live{display:none}}

/* Player dossier — cinematic inspect view */
.player-command-view{grid-template-columns:96px minmax(520px,1fr) 318px;gap:12px;min-height:710px;padding:0;border-radius:16px;background:radial-gradient(circle at 37% 0,rgba(138,54,178,.16),transparent 32%),linear-gradient(145deg,rgba(18,12,30,.96),rgba(5,10,18,.99));border-color:rgba(170,90,216,.15);box-shadow:0 30px 90px rgba(0,0,0,.38),inset 0 1px 0 rgba(255,255,255,.035)}
.player-command-view:before{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(110deg,rgba(174,74,220,.035),transparent 35%,rgba(49,211,225,.025))}
.player-command-view .inspect-profile{border:0;border-right:1px solid rgba(190,92,226,.12);border-radius:15px 0 0 15px;padding:24px 9px;background:linear-gradient(180deg,rgba(65,26,83,.72),rgba(12,10,24,.95) 42%,rgba(5,9,16,.98));box-shadow:inset -14px 0 34px rgba(0,0,0,.15)}
.player-command-view .big-avatar{width:64px;height:64px;margin-bottom:8px;border:2px solid #b84bea;background:radial-gradient(circle at 35% 28%,#f2ebf5,#8b7899 50%,#2b1938);box-shadow:0 0 0 4px rgba(181,70,231,.09),0 0 30px rgba(177,59,225,.22);font-size:14px}
.player-command-view .inspect-profile>b{font-size:10px;margin:8px -4px 0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.player-command-view .inspect-profile>.status{margin-top:6px;padding:3px 7px;background:rgba(78,226,126,.08);font-size:8px}.player-command-view .inspect-profile>small{margin-top:8px;color:#8c7598;font-size:8px}
.player-command-view .profile-stat{padding:9px 4px;margin-top:11px;border-radius:8px;background:rgba(103,48,124,.13);border-color:rgba(198,102,225,.08)}.player-command-view .profile-stat span{font-size:7px;color:#8f729a}.player-command-view .profile-stat strong{font-size:10px}
.player-command-view .inspect-profile nav{bottom:74px;gap:10px}.player-command-view .inspect-profile nav button{width:35px;height:35px;border-radius:9px;background:rgba(130,64,154,.08);color:#725680}.player-command-view .inspect-profile nav button .ui-svg{width:15px;height:15px}.player-command-view .inspect-profile nav button.active{background:linear-gradient(145deg,#b437e7,#6a2fe1);color:#fff;box-shadow:0 0 24px rgba(166,52,225,.42)}
.player-command-view .inspect-back{left:25px;bottom:18px;width:42px;height:42px;border-radius:50%;border:0;background:transparent;color:#baa2c4}.player-command-view .inspect-back:hover{background:rgba(175,82,211,.13)}
.player-command-view .inspect-main{padding:14px 0 14px 14px;min-width:0}
.player-command-view .inspect-hero{min-height:105px;margin:0 0 13px;padding:19px 22px;border-radius:11px;background:radial-gradient(circle at 82% 20%,rgba(202,73,191,.17),transparent 30%),linear-gradient(135deg,rgba(61,24,74,.72),rgba(17,13,30,.94));border-color:rgba(193,88,211,.13);box-shadow:inset 0 1px 0 rgba(255,255,255,.025)}
.player-command-view .inspect-hero h3{font-size:23px;color:#fff}.player-command-view .inspect-hero span{font-size:9px;color:#967fa0}.player-command-view .inspect-hero .eyebrow{font-size:8px;color:#d052ea;letter-spacing:.2em}
.player-command-view .vip-button{padding:11px 17px;border-radius:7px;background:linear-gradient(145deg,rgba(44,29,19,.96),rgba(17,13,20,.98));border-color:rgba(255,190,56,.26);color:#f4cb55;box-shadow:0 12px 28px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,220,117,.08);font-size:10px}.player-command-view .vip-button:hover{box-shadow:0 0 25px rgba(236,181,50,.1)}
.general-title{display:flex;align-items:center;justify-content:space-between;padding:3px 5px 12px}.general-title span,.general-title small{display:block}.general-title span{font-size:16px;font-weight:700;color:#f2eaf5}.general-title small{margin-top:4px;color:#735f7d;font-size:8px}.general-title em{font-style:normal;font-size:7px;letter-spacing:.13em;color:#745d7d}
.player-command-view .info-grid{grid-template-columns:minmax(250px,.82fr) minmax(360px,1.35fr);gap:12px}.info-column{display:grid;align-content:start;gap:12px}
.player-command-view .info-card{position:relative;overflow:hidden;border-radius:11px;padding:17px;background:linear-gradient(145deg,rgba(45,22,59,.91),rgba(13,12,25,.97));border-color:rgba(190,92,212,.12);box-shadow:0 18px 45px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)}
.player-command-view .info-card:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(125deg,rgba(199,90,220,.055),transparent 38%)}
.player-command-view .info-card h4{position:relative;z-index:2;margin-bottom:15px;font-size:15px;color:#f5edf7}.player-command-view .info-card h4 small{color:#715c79;font-size:7px;text-transform:uppercase;letter-spacing:.1em}
.player-command-view .license-card{min-height:350px;background:radial-gradient(circle at 12% 0,rgba(191,70,220,.18),transparent 34%),linear-gradient(145deg,rgba(61,27,73,.94),rgba(24,18,37,.96) 62%,rgba(55,50,27,.42))}
.player-command-view .job-card{grid-column:auto;min-height:214px;background:radial-gradient(circle at 95% 100%,rgba(108,57,173,.18),transparent 34%),linear-gradient(145deg,rgba(42,21,65,.94),rgba(13,13,26,.97))}
.player-command-view .character-card{min-height:576px;padding:17px 18px 20px;background:radial-gradient(circle at 100% 100%,rgba(158,62,153,.22),transparent 37%),linear-gradient(145deg,rgba(51,27,64,.95),rgba(13,12,25,.98));grid-row:auto}
.player-command-view .detail-field{position:relative;z-index:2;margin:0 0 11px}.player-command-view .detail-field span{margin-bottom:5px;font-size:7px;color:#8b7194;letter-spacing:.12em}.player-command-view .detail-field b,.player-command-view .detail-field input{min-height:39px;padding:10px 11px;border-radius:6px;background:rgba(7,7,16,.58);border-color:rgba(195,101,215,.08);font-size:10px;color:#eee7f0;box-shadow:inset 0 1px 8px rgba(0,0,0,.14)}
.player-command-view .detail-field input:hover{border-color:rgba(197,92,223,.2)}.player-command-view .detail-field input:focus{background:rgba(19,11,25,.9);border-color:#ad48dc;box-shadow:0 0 0 3px rgba(173,72,220,.1)}
.player-command-view .form-pair{gap:11px}.player-command-view .save-character{position:relative;z-index:3;display:flex;align-items:center;justify-content:center;gap:14px;height:42px;margin-top:5px;border-radius:7px;background:linear-gradient(90deg,#b33ed6,#7555ed);color:#fff;box-shadow:0 14px 30px rgba(105,57,190,.18);font-size:10px}.player-command-view .save-character span{transition:transform .16s}.player-command-view .save-character:hover span{transform:translateX(3px)}
.license-decoration{position:absolute;right:-11px;bottom:-7px;width:92px;height:62px;transform:rotate(-8deg);border:1px solid rgba(244,212,109,.16);border-radius:8px;background:linear-gradient(145deg,rgba(237,211,113,.15),rgba(151,99,183,.16));box-shadow:0 8px 24px rgba(0,0,0,.2)}.license-decoration i{position:absolute;width:24px;height:24px;left:9px;top:10px;border-radius:50%;background:rgba(239,224,164,.15)}.license-decoration span{position:absolute;left:9px;bottom:8px;font-size:6px;letter-spacing:.15em;color:rgba(244,225,164,.42)}
.job-decoration{position:absolute;right:15px;bottom:13px;color:rgba(179,93,218,.16)}.job-decoration .ui-svg{width:62px;height:62px;stroke-width:1}
.character-silhouette{position:absolute;z-index:1;right:-4px;bottom:-16px;width:135px;height:230px;opacity:.34;filter:drop-shadow(-12px 0 22px rgba(180,72,209,.16))}.character-silhouette i{position:absolute;left:49px;top:6px;width:42px;height:49px;border-radius:48% 48% 42% 42%;background:linear-gradient(145deg,#b97bca,#3c284d)}.character-silhouette b{position:absolute;left:28px;top:49px;width:82px;height:112px;border-radius:42% 42% 20% 20%;background:linear-gradient(145deg,#8c599d,#2c203a);clip-path:polygon(23% 0,77% 0,100% 35%,78% 100%,22% 100%,0 35%)}.character-silhouette em{position:absolute;left:36px;top:145px;width:68px;height:100px;background:linear-gradient(90deg,#6e447e 0 43%,transparent 43% 55%,#4b315b 55%);clip-path:polygon(0 0,100% 0,88% 100%,58% 100%,49% 25%,40% 100%,10% 100%)}
.player-command-view .actions-panel{margin:14px 14px 14px 0;padding:17px;border-radius:11px;background:radial-gradient(circle at 70% 8%,rgba(164,58,133,.16),transparent 27%),linear-gradient(165deg,rgba(50,24,54,.94),rgba(10,13,23,.98));border-color:rgba(201,87,184,.13);box-shadow:0 20px 48px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.03)}
.player-command-view .actions-head{padding-bottom:14px;margin-bottom:14px;border-bottom:1px solid rgba(197,95,192,.09)}.player-command-view .actions-head h3{font-size:16px}.player-command-view .actions-head span{font-size:7px;color:#48e59c;background:rgba(58,220,146,.08)}.player-command-view .actions-panel h4{font-size:11px;margin:14px 0 10px;color:#e8dce9}
.player-command-view .action-grid{gap:8px}.player-command-view .action-tile{height:85px;border-radius:9px;font-size:8px;gap:7px;border:1px solid rgba(255,255,255,.045);box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 12px 22px rgba(0,0,0,.16)}.player-command-view .action-tile span{width:28px;height:28px;display:grid;place-items:center}.player-command-view .action-tile span svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.player-command-view .action-tile:hover{transform:translateY(-3px) scale(1.015);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 16px 28px rgba(0,0,0,.22)}
.player-command-view .action-tile.green{background:linear-gradient(145deg,#52a020,#326714)}.player-command-view .action-tile.rose{background:linear-gradient(145deg,#d96e74,#99434f)}.player-command-view .action-tile.red{background:linear-gradient(145deg,#ef3c3e,#a51f30)}.player-command-view .action-tile.blue{background:linear-gradient(145deg,#4ca6c2,#27647f)}.player-command-view .action-tile.purple{background:linear-gradient(145deg,#9c2cf0,#5d21b5)}.player-command-view .action-tile.gold{background:linear-gradient(145deg,#bea359,#806b31)}.player-command-view .action-tile.orange{background:linear-gradient(145deg,#ec7958,#a8493b)}.player-command-view .action-tile.amber{background:linear-gradient(145deg,#e8a047,#a56823)}.player-command-view .action-tile.teal{background:linear-gradient(145deg,#31b29f,#197263)}.player-command-view .action-tile.deepred{background:linear-gradient(145deg,#cf2027,#7d101a)}.player-command-view .action-tile.dark{background:linear-gradient(145deg,#40464d,#20252c)}

@media(max-width:1260px){.player-command-view{grid-template-columns:88px minmax(500px,1fr)}.player-command-view .actions-panel{grid-column:2;margin:0 0 14px 14px}.player-command-view .inspect-profile{grid-row:1/3}.player-command-view .inspect-main{padding-right:14px}}
@media(max-width:820px){.player-command-view{display:block;padding:10px}.player-command-view .inspect-profile{display:none}.player-command-view .inspect-main{padding:0}.player-command-view .info-grid{grid-template-columns:1fr}.player-command-view .character-card{min-height:530px}.player-command-view .actions-panel{margin:12px 0 0}.general-title em{display:none}}

/* ScriptX Development — lavender glass identity */
:root{--bg:#080912;--panel:#11121f;--panel2:#171827;--line:rgba(210,199,255,.12);--text:#f4f1ff;--muted:#8d8ba0;--cyan:#cdbdff;--cyan2:#8878ca;--lime:#a8e5c3;--red:#e8a5b1;--amber:#e5cc96;--purple:#a897ef;--shadow:0 28px 80px rgba(3,4,12,.48);--brand:#cdbdff;--brand-bright:#eadfff;--brand-mid:#9d8ae5;--brand-deep:#383153;--glass:rgba(20,20,35,.56);--glass-light:rgba(226,218,255,.055)}
body{background:radial-gradient(circle at 18% 5%,rgba(180,155,238,.14),transparent 29%),radial-gradient(circle at 88% 80%,rgba(126,123,180,.11),transparent 32%),linear-gradient(145deg,#080914,#111321 48%,#090a13 100%);color:var(--text)}
body:before{opacity:.09;background-image:linear-gradient(rgba(211,200,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(211,200,255,.04) 1px,transparent 1px)}
.ambient.one{background:#d2bfff}.ambient.two{background:#8580d2}
.sidebar{background:linear-gradient(180deg,rgba(15,16,29,.78),rgba(8,9,17,.88));border-right-color:rgba(211,199,255,.11);box-shadow:18px 0 70px rgba(3,4,12,.23);backdrop-filter:blur(24px) saturate(115%)}
.sidebar:before{background:radial-gradient(circle at 28% 0,rgba(204,185,255,.11),transparent 28%)}
.logo>span{color:#171423;background:linear-gradient(145deg,#eee5ff,#aa96e8);box-shadow:0 0 0 5px rgba(203,184,255,.055),0 12px 32px rgba(134,113,194,.2)}
.logo small{color:#736d8a}.nav-title{color:#514d64}
nav button{color:#77758a}nav button i{background:rgba(209,196,255,.045)}nav button:hover{color:#ebe5ff;background:rgba(205,189,255,.065)}nav button.active{color:#f6f1ff;background:linear-gradient(90deg,rgba(198,178,255,.15),rgba(143,127,199,.025));box-shadow:inset 2px 0 #cbb8ff,0 8px 24px rgba(0,0,0,.08)}nav button.active i{color:#ded2ff;background:rgba(196,175,255,.11);box-shadow:0 0 20px rgba(190,169,255,.08)}nav button em{color:#d7c9ff;background:rgba(194,175,255,.09)}
.framework{background:linear-gradient(135deg,rgba(37,35,57,.62),rgba(16,17,29,.7));border-color:rgba(211,198,255,.1);backdrop-filter:blur(15px)}
header{border-bottom-color:rgba(216,205,255,.08)}header:after{background:linear-gradient(90deg,rgba(203,185,255,.24),transparent 45%)}h2{color:#f6f2ff}.eyebrow{color:#c8b5ff}
.server-live,.icon-button,.avatar{background:rgba(30,30,49,.48);border-color:rgba(213,201,255,.11);backdrop-filter:blur(15px)}.icon-button:hover{color:#fff;border-color:rgba(210,193,255,.3);background:rgba(91,80,126,.22)}.admin-meta small{color:#bfaaff}.avatar{color:#eee6ff;background:radial-gradient(circle at 35% 30%,rgba(195,175,255,.55),rgba(55,49,82,.75) 62%,rgba(17,17,29,.85));box-shadow:0 0 0 3px rgba(204,186,255,.07)}
.card,.stat,.table-card,.resource,.catalog-item,.modal-card{background:linear-gradient(145deg,rgba(32,32,51,.58),rgba(13,14,25,.7));border-color:rgba(212,201,255,.1);backdrop-filter:blur(19px) saturate(112%);box-shadow:0 20px 55px rgba(4,4,12,.2),inset 0 1px 0 rgba(255,255,255,.025)}
.resource:hover,.catalog-item:hover,.stat:hover{border-color:rgba(206,187,255,.23);box-shadow:0 22px 58px rgba(3,3,10,.27),0 0 28px rgba(176,151,235,.04)}
.search,.ghost,.quick,.resource-actions button,.action{background:rgba(226,218,255,.045);border-color:rgba(212,200,255,.1);color:#a9a4ba;backdrop-filter:blur(12px)}.search:focus{border-color:rgba(202,181,255,.38);box-shadow:0 0 0 3px rgba(190,168,246,.07)}.ghost:hover,.quick:hover,.resource-actions button:hover{color:#eee7ff;background:rgba(218,205,255,.08)}
.catalog-icon{color:#c6b4ff;background:rgba(196,177,255,.075)}.mini-avatar{color:#eee8ff;background:linear-gradient(135deg,rgba(160,139,216,.35),rgba(47,47,77,.58));border:1px solid rgba(213,198,255,.08)}

.command-card,.command-stats article{background:linear-gradient(145deg,rgba(35,35,56,.54),rgba(13,14,25,.67));border-color:rgba(212,199,255,.1);backdrop-filter:blur(22px) saturate(115%);box-shadow:0 22px 60px rgba(4,4,12,.23),inset 0 1px 0 rgba(255,255,255,.03)}
.online-command{background:radial-gradient(circle at 50% 105%,rgba(190,166,244,.12),transparent 42%),linear-gradient(145deg,rgba(40,39,65,.52),rgba(14,15,27,.7))}.online-command:after{border-color:rgba(211,191,255,.14);box-shadow:0 0 70px rgba(175,151,230,.07)}
.online-gauge:before{background:conic-gradient(from 270deg,#e3d9ff 0deg,#9888d7 var(--gauge),rgba(123,119,151,.14) var(--gauge),rgba(123,119,151,.14) 180deg,transparent 180deg);filter:drop-shadow(0 0 13px rgba(194,174,242,.13))}.online-gauge:after{background:rgba(19,19,33,.88)}.gauge-scale b{color:#cdbdff}.gauge-core strong{color:#f8f5ff;text-shadow:0 0 22px rgba(206,190,250,.15)}
.system-command{background:radial-gradient(circle at 70% 55%,rgba(175,155,231,.11),transparent 44%),linear-gradient(145deg,rgba(37,37,59,.55),rgba(14,15,27,.7))}.performance-ring{background:conic-gradient(#a38fdf 0deg,#ded2ff var(--performance),rgba(115,112,139,.16) var(--performance));box-shadow:0 0 32px rgba(183,164,232,.09)}.performance-ring>div{background:rgba(18,19,33,.92)}.metric-list em{background:linear-gradient(90deg,#8f7fd0,#d8caff)}
.command-stats article>span{color:#d7c9ff;background:rgba(196,177,255,.075)}
.control-tile{color:#eee8ff!important;background:linear-gradient(145deg,rgba(var(--control-rgb),.09),rgba(225,216,255,.025))!important;border-color:rgba(var(--control-rgb),.2);box-shadow:inset 0 1px 0 rgba(255,255,255,.04),0 14px 28px rgba(3,3,10,.13);backdrop-filter:blur(14px)}.control-tile:before{background:rgb(var(--control-rgb));opacity:.055}.control-tile>span{color:rgb(var(--control-rgb));background:rgba(var(--control-rgb),.09);border:1px solid rgba(var(--control-rgb),.12)}.control-tile:hover{background:linear-gradient(145deg,rgba(var(--control-rgb),.14),rgba(225,216,255,.04))!important;border-color:rgba(var(--control-rgb),.31);box-shadow:0 16px 34px rgba(3,3,10,.2),0 0 24px rgba(var(--control-rgb),.045)}
.control-tile.cyan{--control-rgb:205,189,255}.control-tile.amber{--control-rgb:229,204,150}.control-tile.violet{--control-rgb:166,149,231}.control-tile.green{--control-rgb:168,225,195}
.roster-tabs{background:rgba(228,219,255,.035)}.roster-tabs button.active{color:#e8e0ff;background:rgba(199,181,255,.09)}.roster-player{background:rgba(224,216,255,.025)}.roster-player:hover{background:rgba(207,192,255,.07);border-color:rgba(211,196,255,.1)}

.players-search{background:rgba(226,218,255,.035);border-color:rgba(215,203,255,.1);backdrop-filter:blur(14px)}.players-search:focus{border-color:#bda8f0;box-shadow:0 0 0 3px rgba(190,169,240,.08)}.player-filters button{color:#878197;background:rgba(224,215,255,.035);border:1px solid rgba(212,199,255,.055)}.player-filters button:hover{color:#eee8ff;background:rgba(211,196,255,.065)}.player-filters button.active{color:#f5f0ff;background:rgba(194,174,244,.12);border-color:rgba(204,184,253,.18);box-shadow:0 8px 24px rgba(111,92,160,.08)}
.player-card{background:linear-gradient(145deg,rgba(42,39,61,.52),rgba(15,15,27,.67));border-color:rgba(214,201,255,.09);backdrop-filter:blur(18px)}.player-card:hover{border-color:rgba(206,187,255,.23);box-shadow:0 22px 50px rgba(3,3,11,.25),0 0 26px rgba(176,153,230,.035)}.player-avatar,.big-avatar{border-color:#cbb7ff;background:radial-gradient(circle at 35% 25%,#f3efff,#9b8eb9 54%,#302b43)}

.player-command-view{background:radial-gradient(circle at 37% 0,rgba(181,155,235,.1),transparent 34%),linear-gradient(145deg,rgba(25,24,41,.74),rgba(9,10,18,.82));border-color:rgba(212,195,255,.12);backdrop-filter:blur(24px) saturate(110%)}
.player-command-view .inspect-profile{background:linear-gradient(180deg,rgba(65,57,89,.48),rgba(21,20,35,.68) 42%,rgba(10,10,18,.75));border-right-color:rgba(212,194,255,.1);backdrop-filter:blur(18px)}.player-command-view .big-avatar{border-color:#cdb7ff;box-shadow:0 0 0 4px rgba(205,183,255,.065),0 0 30px rgba(181,156,232,.11)}
.player-command-view .profile-stat,.player-command-view .inspect-profile nav button{background:rgba(224,214,255,.035);border-color:rgba(212,198,255,.07)}.player-command-view .inspect-profile nav button.active{color:#f6f1ff;background:rgba(190,166,244,.14);border:1px solid rgba(205,181,255,.17);box-shadow:0 0 24px rgba(166,142,220,.12)}
.player-command-view .inspect-hero{background:radial-gradient(circle at 82% 20%,rgba(200,174,239,.1),transparent 32%),linear-gradient(135deg,rgba(53,48,73,.49),rgba(19,18,32,.68));border-color:rgba(215,198,255,.1);backdrop-filter:blur(16px)}.player-command-view .inspect-hero .eyebrow{color:#cbb4ff}.player-command-view .vip-button{color:#ead69f;background:rgba(66,57,37,.22);border-color:rgba(232,207,146,.18);backdrop-filter:blur(12px)}
.player-command-view .info-card{background:linear-gradient(145deg,rgba(48,43,66,.45),rgba(17,16,29,.65));border-color:rgba(214,196,255,.1);backdrop-filter:blur(18px) saturate(110%)}.player-command-view .license-card{background:radial-gradient(circle at 12% 0,rgba(193,164,235,.1),transparent 35%),linear-gradient(145deg,rgba(57,50,76,.46),rgba(23,21,37,.65) 62%,rgba(64,58,43,.26))}.player-command-view .job-card{background:radial-gradient(circle at 95% 100%,rgba(165,143,216,.08),transparent 35%),linear-gradient(145deg,rgba(45,40,63,.45),rgba(16,16,29,.66))}.player-command-view .character-card{background:radial-gradient(circle at 100% 100%,rgba(189,160,225,.1),transparent 38%),linear-gradient(145deg,rgba(54,48,70,.47),rgba(17,16,29,.67))}
.player-command-view .detail-field b,.player-command-view .detail-field input{background:rgba(9,9,18,.42);border-color:rgba(215,199,255,.075);color:#f0ebf7}.player-command-view .detail-field input:hover{border-color:rgba(205,184,248,.18)}.player-command-view .detail-field input:focus{background:rgba(25,22,35,.7);border-color:#b59ce7;box-shadow:0 0 0 3px rgba(183,158,233,.075)}
.player-command-view .save-character{color:#f5f0ff;background:linear-gradient(90deg,rgba(174,147,224,.28),rgba(133,121,203,.24));border:1px solid rgba(208,190,248,.17);box-shadow:0 14px 30px rgba(42,35,65,.14);backdrop-filter:blur(12px)}.player-command-view .save-character:hover{background:linear-gradient(90deg,rgba(184,157,232,.38),rgba(142,128,211,.33));border-color:rgba(216,199,255,.27)}
.license-decoration{background:linear-gradient(145deg,rgba(231,219,255,.075),rgba(182,163,226,.07));border-color:rgba(227,215,255,.1)}.job-decoration{color:rgba(205,183,255,.1)}.character-silhouette{opacity:.22;filter:drop-shadow(-12px 0 22px rgba(185,160,230,.1))}
.player-command-view .actions-panel{background:radial-gradient(circle at 70% 8%,rgba(196,168,229,.085),transparent 29%),linear-gradient(165deg,rgba(45,40,60,.48),rgba(14,14,25,.7));border-color:rgba(214,196,255,.1);backdrop-filter:blur(20px) saturate(108%)}
.player-command-view .action-tile{--tile-rgb:205,190,232;--tile-accent:#e7dfff;color:var(--tile-accent);background:linear-gradient(145deg,rgba(var(--tile-rgb),.095),rgba(224,216,255,.025))!important;border:1px solid rgba(var(--tile-rgb),.17);box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 12px 24px rgba(3,3,10,.12);backdrop-filter:blur(12px)}.player-command-view .action-tile:before{content:'';position:absolute;inset:0;border-radius:inherit;background:radial-gradient(circle at 50% 20%,rgba(var(--tile-rgb),.07),transparent 54%);pointer-events:none}.player-command-view .action-tile span{color:var(--tile-accent)}.player-command-view .action-tile:hover{background:linear-gradient(145deg,rgba(var(--tile-rgb),.15),rgba(224,216,255,.04))!important;border-color:rgba(var(--tile-rgb),.28);box-shadow:0 15px 30px rgba(3,3,10,.18),0 0 24px rgba(var(--tile-rgb),.04)}
.player-command-view .action-tile.green{--tile-rgb:168,229,195;--tile-accent:#c6f0d8}.player-command-view .action-tile.rose{--tile-rgb:232,165,177;--tile-accent:#f2c4cc}.player-command-view .action-tile.red{--tile-rgb:228,139,153;--tile-accent:#f0b1bc}.player-command-view .action-tile.blue{--tile-rgb:166,190,229;--tile-accent:#c9d9f4}.player-command-view .action-tile.purple{--tile-rgb:190,163,238;--tile-accent:#ddc9ff}.player-command-view .action-tile.gold{--tile-rgb:229,204,150;--tile-accent:#f0dfb8}.player-command-view .action-tile.orange{--tile-rgb:230,176,146;--tile-accent:#f2cdb8}.player-command-view .action-tile.amber{--tile-rgb:229,197,139;--tile-accent:#efdbad}.player-command-view .action-tile.teal{--tile-rgb:155,213,207;--tile-accent:#c1e7e3}.player-command-view .action-tile.deepred{--tile-rgb:213,132,150;--tile-accent:#e9acb9}.player-command-view .action-tile.dark{--tile-rgb:162,163,181;--tile-accent:#d2d2de}

/* Performance pass — preserve the glass look without stacked GPU blur */
body{background-attachment:scroll}
body:before{mask-image:none;opacity:.055}
.ambient{animation:none!important;filter:blur(82px);opacity:.065;transform:translateZ(0)}
.sidebar{backdrop-filter:blur(10px) saturate(108%)}
.framework,.server-live,.icon-button,.avatar,.card,.stat,.table-card,.resource,.catalog-item,.modal-card,.search,.ghost,.quick,.resource-actions button,.action,.command-card,.command-stats article,.control-tile,.players-search,.player-card,.player-command-view,.player-command-view .inspect-profile,.player-command-view .inspect-hero,.player-command-view .vip-button,.player-command-view .info-card,.player-command-view .save-character,.player-command-view .actions-panel,.player-command-view .action-tile,.map-legend,.map-search,.map-status,.map-empty{backdrop-filter:none!important}
.card,.stat,.resource,.catalog-item,.command-card,.command-stats article,.player-card,.player-command-view .info-card,.player-command-view .actions-panel{box-shadow:0 14px 38px rgba(4,4,12,.17),inset 0 1px 0 rgba(255,255,255,.025)}
.control-tile:before{filter:none}
.resource-grid,.catalog,.player-card-grid,.command-roster,.action-grid{contain:layout style paint}
.tile-map,.tile-layer,.marker-layer{contain:layout style paint}.map-tile{will-change:auto}.atlas-marker{will-change:transform}
#content{contain:layout style}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

/* Player status tab */
.status-svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.status-view{min-height:576px;padding:20px;border:1px solid rgba(211,195,255,.1);border-radius:11px;background:radial-gradient(circle at 5% 0,rgba(198,171,242,.09),transparent 35%),linear-gradient(145deg,rgba(49,44,67,.43),rgba(16,16,29,.64));box-shadow:0 18px 45px rgba(4,4,12,.17),inset 0 1px 0 rgba(255,255,255,.025)}
.status-heading{display:flex;align-items:center;justify-content:space-between;padding:3px 2px 19px;border-bottom:1px solid rgba(213,198,255,.075)}.status-heading .eyebrow{margin-bottom:7px;font-size:7px}.status-heading h3{margin:0;color:#f5f0ff;font-size:20px}.status-heading>div>span{display:block;margin-top:5px;color:#777287;font-size:8px}.status-health-badge{display:flex;align-items:center;gap:7px!important;padding:7px 10px;border:1px solid rgba(173,226,195,.11);border-radius:8px;background:rgba(145,218,174,.045);color:#b9e9cc!important;font-size:7px!important;letter-spacing:.1em}.status-health-badge .status-svg{width:13px;height:13px}
.status-list{display:grid;gap:9px;margin-top:16px}.status-row{--status-rgb:205,189,255;--status-color:#ded3ff;display:grid;grid-template-columns:42px minmax(150px,1fr) 132px;align-items:center;gap:13px;min-height:72px;padding:10px 11px;border:1px solid rgba(var(--status-rgb),.1);border-radius:10px;background:linear-gradient(90deg,rgba(var(--status-rgb),.055),rgba(226,217,255,.018));transition:border-color .16s,background .16s}.status-row:hover{border-color:rgba(var(--status-rgb),.18);background:linear-gradient(90deg,rgba(var(--status-rgb),.085),rgba(226,217,255,.025))}.status-row.health{--status-rgb:232,165,177;--status-color:#efc2ca}.status-row.armor{--status-rgb:190,163,238;--status-color:#d9c6ff}.status-row.hunger{--status-rgb:230,176,146;--status-color:#f0cbb7}.status-row.thirst{--status-rgb:166,190,229;--status-color:#cad9f1}.status-row.stress{--status-rgb:205,158,211;--status-color:#e0bde4}
.status-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(var(--status-rgb),.13);border-radius:9px;color:var(--status-color);background:rgba(var(--status-rgb),.07)}.status-symbol .status-svg{width:20px;height:20px}.status-data>div{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.status-data b{color:#e9e4ef;font-size:10px}.status-data strong{color:var(--status-color);font-size:10px}.status-data>i{display:block;height:4px;border-radius:8px;background:rgba(227,219,255,.055);overflow:hidden}.status-data>i em{display:block;height:100%;border-radius:8px;background:linear-gradient(90deg,rgba(var(--status-rgb),.48),rgb(var(--status-rgb)));box-shadow:0 0 12px rgba(var(--status-rgb),.16);transition:width .3s ease}
.status-controls{display:grid;grid-template-columns:1fr 1fr;gap:6px}.status-controls button{height:30px;border:1px solid rgba(var(--status-rgb),.11);border-radius:7px;background:rgba(var(--status-rgb),.045);color:#a9a2b4;font-size:7px;font-weight:700;cursor:pointer;transition:.16s}.status-controls button:hover{color:var(--status-color);border-color:rgba(var(--status-rgb),.22);background:rgba(var(--status-rgb),.1)}
.status-note{display:flex;align-items:center;gap:10px;margin-top:14px;padding:11px 13px;border:1px solid rgba(214,199,255,.07);border-radius:9px;background:rgba(224,216,255,.025)}.status-note>span{width:25px;height:25px;display:grid;place-items:center;border-radius:7px;background:rgba(194,175,236,.07);color:#cbb8f8;font-size:9px}.status-note b,.status-note small{display:block}.status-note b{color:#bcb5c7;font-size:8px}.status-note small{margin-top:3px;color:#666273;font-size:7px}
@media(max-width:820px){.status-row{grid-template-columns:42px 1fr}.status-controls{grid-column:1/-1}.status-view{padding:14px}.status-health-badge{display:none}}

/* Accounts archive */
.accounts-loading{min-height:520px;display:grid;place-content:center;justify-items:center;text-align:center}.accounts-loading>span{width:42px;height:42px;border:2px solid rgba(204,185,255,.12);border-top-color:#cdbdff;border-radius:50%;animation:accountSpin .8s linear infinite}.accounts-loading h3{margin:17px 0 5px;font-size:16px}.accounts-loading small{color:#777287;font-size:9px}.account-load-error>b{width:38px;height:38px;display:grid;place-items:center;border:1px solid rgba(231,164,178,.15);border-radius:50%;color:#e6a9b5;background:rgba(229,156,173,.05)}.account-load-error button{margin-top:13px;padding:8px 13px;border:1px solid rgba(209,191,250,.12);border-radius:8px;background:rgba(206,187,248,.05);color:#afa5ba;font-size:8px;cursor:pointer}@keyframes accountSpin{to{transform:rotate(360deg)}}
.accounts-shell{min-height:620px}.accounts-toolbar{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:16px}.accounts-toolbar h3{margin:0;color:#f5f1ff;font-size:23px}.accounts-toolbar>div>small{display:block;margin-top:5px;color:#716d80;font-size:9px}.account-search{display:flex;width:min(470px,48%);height:43px;border:1px solid rgba(211,198,255,.09);border-radius:10px;background:rgba(224,215,255,.025);overflow:hidden}.account-search input{min-width:0;flex:1;padding:0 14px;border:0;outline:0;background:transparent;color:#eee9f5;font-size:10px}.account-search button{width:43px;border:0;border-left:1px solid rgba(211,198,255,.07);background:transparent;color:#a99abb;cursor:pointer}.account-search button:hover{color:#eee6ff;background:rgba(211,193,255,.055)}
.account-filters{display:flex;gap:7px;margin-bottom:15px}.account-filters button{height:31px;padding:0 13px;border:1px solid rgba(211,198,255,.065);border-radius:8px;background:rgba(222,213,255,.025);color:#777286;font-size:8px;font-weight:700;cursor:pointer}.account-filters button:hover{color:#ded5ed;background:rgba(216,201,255,.05)}.account-filters button.active{color:#eee7ff;border-color:rgba(203,181,255,.16);background:rgba(195,174,240,.1)}
.account-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(215px,1fr));gap:11px;contain:layout style paint}.account-card{position:relative;min-height:292px;padding:15px;border:1px solid rgba(211,197,255,.085);border-radius:13px;background:linear-gradient(145deg,rgba(42,39,58,.43),rgba(14,14,25,.64));box-shadow:0 14px 38px rgba(4,4,12,.15),inset 0 1px 0 rgba(255,255,255,.022);overflow:hidden;transition:transform .17s,border-color .17s,background .17s}.account-card:before{content:'';position:absolute;width:130px;height:130px;right:-68px;top:-72px;border-radius:50%;background:#b9a5e7;opacity:.035}.account-card:hover{transform:translateY(-3px);border-color:rgba(204,183,250,.2);background:linear-gradient(145deg,rgba(51,46,70,.49),rgba(17,16,29,.68))}.account-card.online{border-color:rgba(166,224,191,.12)}
.account-card-top{display:flex;align-items:start;justify-content:space-between}.account-avatar,.account-detail-avatar{display:grid;place-items:center;border:1px solid rgba(210,191,255,.2);border-radius:11px;background:radial-gradient(circle at 35% 25%,rgba(231,222,255,.3),rgba(92,80,126,.35) 57%,rgba(26,24,39,.55));color:#eee7ff;font-weight:800}.account-avatar{width:45px;height:45px;font-size:11px}.account-presence{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:rgba(160,161,178,.045);color:#858391;font-size:6px;font-weight:800;letter-spacing:.08em}.account-presence i,.account-detail-state i,.character-card-head>span i{width:5px;height:5px;border-radius:50%;background:#777985}.account-card.online .account-presence{color:#a7dfbd;background:rgba(157,224,185,.055)}.account-card.online .account-presence i,.account-detail-state.online i,.account-character.online .character-card-head>span i{background:#7cdaa3;box-shadow:0 0 8px rgba(124,218,163,.5)}
.account-card h4{margin:12px 0 3px;color:#eee9f4;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-card>p{margin:0;color:#746f80;font-size:8px}.account-card-meta{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:13px}.account-card-meta span{padding:8px;border:1px solid rgba(211,198,255,.055);border-radius:8px;background:rgba(225,216,255,.018);color:#777281;font-size:7px}.account-card-meta b{display:block;margin-bottom:3px;color:#d9d1e2;font-size:10px}.account-license{margin-top:9px;padding:8px;border-radius:8px;background:rgba(7,7,15,.3)}.account-license small,.account-license span{display:block}.account-license small{color:#625d70;font-size:6px;letter-spacing:.12em}.account-license span{margin-top:4px;color:#918b9d;font:7px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-last{display:flex;align-items:center;justify-content:space-between;margin-top:9px;color:#686473;font-size:7px}.account-last b{color:#918b9d;font-weight:500}.account-inspect{position:absolute;left:15px;right:15px;bottom:14px;height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 11px;border:1px solid rgba(207,190,249,.1);border-radius:8px;background:rgba(205,188,247,.045);color:#a9a0b5;font-size:8px;cursor:pointer}.account-inspect:hover{color:#eee7ff;border-color:rgba(206,184,255,.2);background:rgba(200,178,251,.085)}
.account-detail-shell{position:relative;min-height:690px}.account-back{position:absolute;z-index:3;left:17px;top:17px;width:38px;height:38px;border:1px solid rgba(215,201,255,.1);border-radius:10px;background:rgba(222,213,255,.035);color:#c0b6ca;font-size:24px;cursor:pointer}.account-back:hover{background:rgba(211,193,255,.08);color:#fff}.account-detail-hero{min-height:118px;display:grid;grid-template-columns:58px 1fr auto;align-items:center;gap:15px;padding:18px 20px 18px 70px;border:1px solid rgba(213,198,255,.1);border-radius:14px;background:radial-gradient(circle at 75% 10%,rgba(193,165,238,.09),transparent 28%),linear-gradient(145deg,rgba(49,44,67,.46),rgba(16,16,29,.65));box-shadow:0 16px 44px rgba(4,4,12,.16)}.account-detail-avatar{width:56px;height:56px;border-radius:50%;font-size:12px}.account-detail-hero h3{margin:0;color:#f4effa;font-size:20px}.account-detail-state{display:inline-flex!important;align-items:center;gap:6px;margin-top:6px!important;color:#898492!important;font-size:7px!important}.account-detail-actions{display:flex;gap:7px}.account-detail-actions button{height:34px;padding:0 11px;border:1px solid rgba(213,198,255,.09);border-radius:8px;background:rgba(222,214,255,.03);color:#928b9c;font-size:7px;cursor:pointer}.account-detail-actions button:hover{color:#eee7ff;background:rgba(208,190,250,.07)}
.account-summary-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:11px 0}.account-summary-grid article{min-height:80px;padding:13px;border:1px solid rgba(211,198,255,.075);border-radius:11px;background:linear-gradient(145deg,rgba(39,37,54,.4),rgba(14,14,25,.58))}.account-summary-grid small,.account-summary-grid strong,.account-summary-grid span{display:block}.account-summary-grid small{color:#666174;font-size:6px;letter-spacing:.12em}.account-summary-grid strong{margin-top:7px;color:#ebe5f3;font-size:14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-summary-grid span{margin-top:3px;color:#716c7b;font-size:7px}
.account-detail-grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:11px}.account-identity-card,.account-characters{padding:16px;border:1px solid rgba(212,198,255,.08);border-radius:12px;background:linear-gradient(145deg,rgba(43,39,58,.42),rgba(14,14,25,.62))}.section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-title h4{margin:0;color:#e9e3f0;font-size:13px}.section-title>span{color:#6d6678;font-size:6px;letter-spacing:.12em}.account-identity-card .detail-field{margin:0 0 10px}.account-identity-card .detail-field span{font-size:6px}.account-identity-card .detail-field b{min-height:38px;padding:10px;background:rgba(8,8,16,.32);border-color:rgba(211,198,255,.06);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.account-character-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:9px}.account-character{padding:12px;border:1px solid rgba(210,197,255,.075);border-radius:10px;background:rgba(225,216,255,.018)}.account-character.online{border-color:rgba(158,224,186,.12)}.character-card-head{display:grid;grid-template-columns:35px 1fr auto;align-items:center;gap:8px}.character-card-head .mini-avatar{width:34px;height:34px;border-radius:9px;font-size:8px}.character-card-head b,.character-card-head small{display:block;max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-card-head b{color:#ded8e7;font-size:9px}.character-card-head small{margin-top:3px;color:#666171;font:6px monospace}.character-card-head>span{display:flex;align-items:center;gap:4px;color:#77727f;font-size:6px}.character-facts{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-top:11px}.character-facts p{margin:0;padding:7px;border-radius:7px;background:rgba(7,7,15,.24)}.character-facts small,.character-facts b{display:block}.character-facts small{color:#5f5a69;font-size:5px;letter-spacing:.1em}.character-facts b{margin-top:4px;color:#958f9d;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.character-money{display:flex;justify-content:space-between;margin:9px 0;color:#6f6978;font-size:7px}.character-money b{color:#bcb5c6}.account-character>button{width:100%;height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border:1px solid rgba(203,185,246,.1);border-radius:7px;background:rgba(201,181,244,.045);color:#a49cac;font-size:7px;cursor:pointer}.account-character>button:hover:not(:disabled){color:#eee6f8;background:rgba(201,181,244,.085)}.account-character>button:disabled{justify-content:center;opacity:.42;cursor:not-allowed}
@media(max-width:1050px){.account-detail-grid{grid-template-columns:1fr}.account-summary-grid{grid-template-columns:1fr 1fr}.account-identity-card{display:grid;grid-template-columns:1fr 1fr;gap:0 10px}.account-identity-card .section-title{grid-column:1/-1}}
@media(max-width:680px){.accounts-toolbar{display:block}.account-search{width:100%;margin-top:13px}.account-detail-hero{grid-template-columns:50px 1fr;padding-left:62px}.account-detail-actions{grid-column:1/-1}.account-summary-grid{grid-template-columns:1fr 1fr}.account-identity-card{display:block}.account-character-grid{grid-template-columns:1fr}}

/* Account operations center */
.account-tabs{display:flex;gap:5px;margin:0 0 11px;padding:5px;border:1px solid rgba(216,202,255,.075);border-radius:11px;background:rgba(12,11,22,.36);overflow-x:auto}.account-tabs button{flex:1;min-width:90px;height:34px;border:1px solid transparent;border-radius:8px;background:transparent;color:#777182;font-size:7px;font-weight:800;white-space:nowrap;cursor:pointer}.account-tabs button:hover{color:#d8cee7;background:rgba(207,190,249,.045)}.account-tabs button.active{color:#f0e9fb;border-color:rgba(204,183,250,.16);background:linear-gradient(135deg,rgba(190,164,239,.14),rgba(151,174,235,.07));box-shadow:inset 0 1px 0 rgba(255,255,255,.04)}
.account-tab-body{min-height:390px}.account-detail-loading{min-height:360px;display:grid;place-content:center;justify-items:center;gap:14px;color:#9b92a8;font-size:9px}.account-detail-loading span{width:34px;height:34px;border:2px solid rgba(205,185,249,.1);border-top-color:#c7b4ef;border-radius:50%;animation:accountSpin .8s linear infinite}
.account-panel{padding:15px;border:1px solid rgba(213,199,255,.08);border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(191,164,237,.045),transparent 35%),linear-gradient(145deg,rgba(42,39,57,.42),rgba(14,14,25,.61));box-shadow:0 14px 35px rgba(4,4,12,.13),inset 0 1px 0 rgba(255,255,255,.02)}.account-panel.span-2{grid-column:1/-1}.account-overview-grid,.account-security-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.account-panel .detail-field{margin-bottom:8px}.account-panel .detail-field b{background:rgba(7,7,15,.3)}
.capability-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:8px}.capability-grid span{display:flex;align-items:center;gap:7px;padding:10px;border:1px solid rgba(213,199,255,.06);border-radius:8px;color:#797482;font-size:7px;text-transform:uppercase}.capability-grid i{width:6px;height:6px;border-radius:50%;background:#746e7c}.capability-grid b{margin-left:auto;color:#817a8b;font-size:6px}.capability-grid .ready{color:#b3d8c1;border-color:rgba(155,219,181,.1);background:rgba(155,219,181,.025)}.capability-grid .ready i{background:#82d9a6;box-shadow:0 0 8px rgba(130,217,166,.38)}
.account-op-row{display:flex;flex-wrap:wrap;gap:5px}.account-op,.account-op-row>button{min-height:29px;padding:0 9px;border:1px solid rgba(207,189,249,.1);border-radius:7px;background:rgba(204,184,245,.045);color:#aaa1b5;font-size:6px;font-weight:700;cursor:pointer}.account-op:hover,.account-op-row>button:hover{color:#f0e9f8;border-color:rgba(204,180,255,.2);background:rgba(197,172,247,.09)}.account-op.danger{color:#dba8b4;border-color:rgba(226,157,176,.12);background:rgba(226,157,176,.04)}.account-op.danger:hover{color:#f3c4ce;background:rgba(226,157,176,.09)}.account-character.archived{border-style:dashed;opacity:.8}.account-character.archived>.account-op{width:100%;margin-top:12px}
.account-economy-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(330px,1fr));gap:10px}.economy-balances{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px}.economy-balances span{padding:11px;border:1px solid rgba(210,196,255,.065);border-radius:8px;background:rgba(7,7,15,.25);color:#716b7b;font-size:7px}.economy-balances b{display:block;margin-top:5px;color:#dcd5e5;font-size:12px}.inventory-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:6px;margin-top:12px;max-height:220px;overflow:auto}.inventory-list>span{display:flex;align-items:center;justify-content:space-between;padding:8px;border:1px solid rgba(213,199,255,.055);border-radius:7px;background:rgba(224,215,255,.018)}.inventory-list b{max-width:80px;color:#aaa4b0;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.inventory-list small{color:#756e80;font-size:6px}
.account-assets-grid,.account-punishment-layout,.account-notes-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.asset-list{display:grid;gap:7px;max-height:430px;overflow:auto}.asset-list>article{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px;border:1px solid rgba(212,198,255,.06);border-radius:9px;background:rgba(7,7,15,.22)}.asset-list b,.asset-list small{display:block}.asset-list b{color:#d7d0df;font-size:8px}.asset-list small{margin-top:4px;color:#716b7a;font-size:6px}.punishment-actions{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.punishment-actions button{height:48px}.timeline{display:grid;gap:5px;max-height:395px;overflow:auto}.timeline article{display:grid;grid-template-columns:8px 1fr;gap:9px;padding:9px;border-left:1px solid rgba(210,196,250,.08)}.timeline article>i{width:6px;height:6px;margin-top:3px;border-radius:50%;background:#716b7b}.timeline article.active>i{background:#e2a8b5;box-shadow:0 0 8px rgba(226,168,181,.3)}.timeline b,.timeline span,.timeline small{display:block}.timeline b{color:#cfc7d8;font-size:7px;text-transform:uppercase}.timeline span{margin-top:3px;color:#928b99;font-size:7px}.timeline small{margin-top:4px;color:#625d6b;font-size:6px}
.account-log-table{display:grid;gap:5px}.account-log-table article{display:grid;grid-template-columns:90px 135px 1fr 145px;align-items:center;gap:10px;padding:9px 10px;border:1px solid rgba(211,197,255,.055);border-radius:8px;background:rgba(8,8,16,.22);font-size:7px}.account-log-table span{color:#9e90b4;text-transform:uppercase}.account-log-table b{color:#d0c8d9}.account-log-table p{margin:0;color:#817a8a}.account-log-table small{color:#625d6b;text-align:right}
#accountNoteForm{display:grid;gap:9px}#accountNoteForm textarea,.account-operation-form input,.account-operation-form select,.account-operation-form textarea{width:100%;box-sizing:border-box;border:1px solid rgba(213,199,255,.09);border-radius:8px;outline:0;background:rgba(7,7,15,.42);color:#eee8f5;font:9px inherit}#accountNoteForm textarea{min-height:145px;padding:11px;resize:vertical}#accountNoteForm label{color:#817a8b;font-size:7px}.note-list{display:grid;gap:7px;max-height:400px;overflow:auto}.note-list article{padding:11px;border:1px solid rgba(212,198,255,.06);border-radius:9px;background:rgba(8,8,16,.22)}.note-list article.pinned{border-color:rgba(211,185,246,.15);background:rgba(198,174,240,.045)}.note-list p{margin:0 0 8px;color:#aca5b2;font-size:8px;line-height:1.55}.note-list small{color:#686270;font-size:6px}.note-list article>div{display:flex;gap:5px;margin-top:8px}
.tag-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px}.tag-list>span{padding:6px 8px;border:1px solid rgba(203,182,249,.12);border-radius:20px;background:rgba(195,170,242,.065);color:#c3b5d8;font-size:7px}.tag-list button{margin-left:5px;border:0;background:transparent;color:#8c8198;cursor:pointer}.security-actions{display:grid;gap:7px}.security-actions button{height:38px}.session-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px}.session-grid article{padding:9px;border:1px solid rgba(212,198,255,.055);border-radius:8px;background:rgba(8,8,16,.22)}.session-grid b,.session-grid span,.session-grid small{display:block}.session-grid b{color:#bbb3c5;font-size:8px}.session-grid span{margin-top:4px;color:#77717f;font-size:6px}.session-grid small{margin-top:3px;color:#5f5967;font-size:6px}.linked-list{display:grid;gap:5px;margin-top:10px}.linked-list span{padding:8px;border-left:2px solid rgba(226,168,181,.25);background:rgba(226,168,181,.025);color:#77717e;font:6px monospace}.linked-list b{margin-right:8px;color:#b7afc0;font-family:inherit}
.account-operation-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}.account-operation-form label{display:grid;gap:6px;color:#8f8798;font-size:7px}.account-operation-form input,.account-operation-form select{height:38px;padding:0 10px}.account-operation-form textarea{min-height:80px;padding:10px;resize:vertical}.account-operation-form label:has(textarea),.account-operation-form .modal-check,.account-operation-form .wide{grid-column:1/-1}.account-operation-form .modal-check{display:flex;align-items:center}.account-operation-form .modal-check input{width:auto;height:auto}
.identity-current{grid-column:1/-1;display:grid;grid-template-columns:1fr auto;align-items:center;padding:11px 12px;border:1px solid rgba(207,188,249,.1);border-radius:9px;background:linear-gradient(120deg,rgba(193,168,239,.075),rgba(8,8,16,.26))}.identity-current span,.identity-current small{color:#777080;font-size:6px}.identity-current b{grid-row:1/3;grid-column:2;color:#ddd4e9;font-size:9px}.identity-current small{margin-top:4px;font-family:monospace}.identity-choice{grid-column:1/-1;margin:0;padding:0;border:0}.identity-choice legend{margin-bottom:6px;color:#8f8798;font-size:7px}.identity-choice>div{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.identity-choice label{display:block;cursor:pointer}.identity-choice input{position:absolute;width:1px!important;height:1px!important;opacity:0;pointer-events:none}.identity-choice span{height:38px;display:grid;place-items:center;border:1px solid rgba(211,197,255,.09);border-radius:8px;background:rgba(7,7,15,.38);color:#817989;font-size:8px;font-weight:700;transition:.16s}.identity-choice label:hover span{color:#d8cfe5;border-color:rgba(205,184,250,.16)}.identity-choice label.selected span{color:#eee7fa;border-color:rgba(204,181,250,.25);background:linear-gradient(135deg,rgba(193,163,242,.18),rgba(147,168,225,.08));box-shadow:inset 0 1px 0 rgba(255,255,255,.035),0 0 18px rgba(178,150,230,.06)}#identityBirthday{color-scheme:dark}#identityBirthday::-webkit-calendar-picker-indicator{opacity:.65;filter:sepia(.2) hue-rotate(220deg) saturate(.8);cursor:pointer}
@media(max-width:900px){.account-overview-grid,.account-security-grid,.account-assets-grid,.account-punishment-layout,.account-notes-layout{grid-template-columns:1fr}.account-panel.span-2{grid-column:auto}.account-log-table article{grid-template-columns:80px 1fr}.account-log-table p,.account-log-table small{text-align:left}.account-operation-form{grid-template-columns:1fr}.account-operation-form label{grid-column:auto!important}}

/* Compact account section dock */
.account-tabs{display:grid!important;grid-template-columns:repeat(8,minmax(118px,1fr));flex-direction:row!important;align-items:stretch;gap:7px;margin:0 0 13px;padding:7px;border:1px solid rgba(209,194,250,.08);border-radius:13px;background:linear-gradient(180deg,rgba(26,24,39,.62),rgba(11,11,21,.5));overflow-x:auto;scrollbar-width:thin;scrollbar-color:rgba(196,174,239,.2) transparent;box-shadow:inset 0 1px 0 rgba(255,255,255,.018),0 12px 30px rgba(4,4,12,.12)}
.account-tabs button{position:relative;display:flex!important;flex:none!important;align-items:center!important;justify-content:flex-start!important;gap:8px!important;width:auto!important;min-width:118px!important;min-height:46px!important;height:46px!important;margin:0!important;padding:0 11px!important;border:1px solid rgba(211,197,255,.055)!important;border-radius:9px!important;background:rgba(224,214,255,.018)!important;color:#797383!important;font-size:8px!important;text-align:left!important;white-space:nowrap;overflow:hidden;cursor:pointer;box-shadow:none!important;transform:none!important;transition:color .16s,border-color .16s,background .16s!important}
.account-tabs button>span{flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border:1px solid rgba(210,194,250,.07);border-radius:7px;background:rgba(201,181,244,.035);color:#81768f;transition:.16s}.account-tabs button .ui-svg{width:13px;height:13px}.account-tabs button>b{display:block;min-width:0;color:inherit;font-size:7px;font-weight:750;letter-spacing:.015em;overflow:hidden;text-overflow:ellipsis}
.account-tabs button:hover{color:#d9d0e5!important;border-color:rgba(205,185,248,.12)!important;background:rgba(204,184,244,.045)!important}.account-tabs button:hover>span{color:#c6b4df;border-color:rgba(205,182,250,.13);background:rgba(194,170,241,.07)}
.account-tabs button.active{color:#f2ebfb!important;border-color:rgba(206,184,251,.19)!important;background:linear-gradient(135deg,rgba(193,168,240,.13),rgba(123,143,196,.045))!important}.account-tabs button.active:after{content:'';position:absolute;left:13px;right:13px;bottom:0;height:2px;border-radius:3px 3px 0 0;background:linear-gradient(90deg,#bda6ec,#dfd2ff);box-shadow:0 0 10px rgba(197,172,242,.28)}.account-tabs button.active>span{color:#e5d9fa;border-color:rgba(211,189,255,.2);background:rgba(194,168,241,.11);box-shadow:0 0 16px rgba(185,158,235,.09)}
.account-tab-body{min-height:390px;padding-top:0}
@media(max-width:1100px){.account-tabs{grid-template-columns:repeat(8,118px)}}

/* Readable six-column account cards */
.account-card-grid{grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:13px!important}
.account-card{display:flex;flex-direction:column;min-width:0;min-height:326px!important;padding:17px!important}
.account-card h4{margin:14px 0 5px;font-size:13px;line-height:1.25}.account-card>p{min-height:14px;font-size:8px;line-height:1.45}
.account-card-meta{gap:8px;margin-top:15px}.account-card-meta span{min-height:48px;padding:9px;font-size:7px;line-height:1.35}.account-card-meta b{margin-bottom:5px;font-size:11px}
.account-license{margin-top:10px;min-height:51px;padding:9px}.account-license small{font-size:6px}.account-license span{margin-top:6px;font-size:7px;line-height:1.45;white-space:normal;overflow:visible;text-overflow:clip;overflow-wrap:anywhere;word-break:break-word}
.account-last{align-items:flex-start;gap:8px;margin-top:11px;font-size:7px;line-height:1.35}.account-last span{flex:0 0 auto}.account-last b{margin-left:auto;text-align:right;white-space:normal}
.account-inspect{position:relative!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%;height:37px;margin-top:auto;padding:0 12px;font-size:8px;flex:0 0 auto}
@media(max-width:1220px){.account-card-grid{grid-template-columns:repeat(4,minmax(0,1fr))!important}}
@media(max-width:920px){.account-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:680px){.account-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:460px){.account-card-grid{grid-template-columns:1fr!important}}

/* Spacious character management cards */
.account-tab-body>.account-character-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:stretch}
.account-tab-body .account-character{display:flex;flex-direction:column;min-width:0;min-height:310px;padding:16px;border-radius:12px;background:radial-gradient(circle at 100% 0,rgba(192,166,240,.055),transparent 38%),linear-gradient(145deg,rgba(43,39,59,.48),rgba(13,13,24,.66));box-shadow:0 14px 34px rgba(4,4,12,.14),inset 0 1px 0 rgba(255,255,255,.022)}
.account-tab-body .character-card-head{grid-template-columns:43px minmax(0,1fr) auto;gap:11px;padding-bottom:13px;border-bottom:1px solid rgba(211,197,255,.065)}.account-tab-body .character-card-head .mini-avatar{width:42px;height:42px;border-radius:10px;font-size:9px}.account-tab-body .character-card-head b{max-width:none;font-size:10px}.account-tab-body .character-card-head small{max-width:none;margin-top:5px;font-size:6px}.account-tab-body .character-card-head>span{font-size:6px}
.account-tab-body .character-facts{gap:8px;margin-top:13px}.account-tab-body .character-facts p{min-height:51px;padding:10px;border:1px solid rgba(212,198,255,.045);border-radius:8px;background:rgba(7,7,15,.28)}.account-tab-body .character-facts small{font-size:6px}.account-tab-body .character-facts b{margin-top:6px;font-size:8px;line-height:1.35}
.account-tab-body .character-money{margin:12px 2px 11px;padding-bottom:11px;border-bottom:1px solid rgba(211,197,255,.055);font-size:8px}.account-tab-body .character-money b{font-size:9px}
.account-tab-body .account-character>.account-op-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;margin-top:auto}.account-tab-body .account-character>.account-op-row button{width:100%;min-height:34px;padding:0 10px;font-size:7px;justify-content:center;text-align:center}.account-tab-body .account-character>.account-op-row button:last-child:nth-child(odd){grid-column:1/-1}
.account-tab-body .account-character>.account-op-row .danger{grid-column:1/-1}
.account-tab-body .account-character.archived{min-height:190px}.account-tab-body .account-character.archived>.account-op{margin-top:auto;min-height:36px}
@media(max-width:1450px){.account-tab-body>.account-character-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:820px){.account-tab-body>.account-character-grid{grid-template-columns:1fr}}

/* Visual slot inventory */
.inventory-characters{display:grid;gap:14px}.inventory-window{position:relative;padding:17px;border:1px solid rgba(211,197,255,.105);border-radius:14px;background:radial-gradient(circle at 8% 0,rgba(192,166,241,.1),transparent 32%),radial-gradient(circle at 92% 12%,rgba(132,151,209,.07),transparent 28%),linear-gradient(145deg,rgba(43,39,59,.56),rgba(11,11,21,.76));box-shadow:0 20px 55px rgba(4,4,12,.2),inset 0 1px 0 rgba(255,255,255,.03);overflow:hidden}.inventory-window:before{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(115deg,rgba(255,255,255,.018),transparent 32%)}
.inventory-window>header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:1px 2px 14px;border-bottom:1px solid rgba(213,199,255,.07)}.inventory-window>header h3{margin:3px 0 0;color:#eee8f5;font-size:15px}.inventory-window>header small{display:block;margin-top:5px;color:#756f7e;font-size:7px}.inventory-balance{display:flex;gap:7px}.inventory-balance span{min-width:105px;padding:9px 11px;border:1px solid rgba(212,198,255,.07);border-radius:9px;background:rgba(7,7,15,.28);color:#777080;font-size:6px}.inventory-balance b{display:block;margin-top:5px;color:#ddd5e6;font-size:10px}
.inventory-toolbar{position:relative;display:flex;flex-wrap:wrap;gap:6px;padding:11px 1px}.inventory-toolbar .account-op{min-height:32px}.inventory-workbench{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 238px;gap:12px;align-items:start}.inventory-slots{display:grid;grid-template-columns:repeat(auto-fill,minmax(98px,1fr));gap:7px;max-height:520px;padding:8px;border:1px solid rgba(211,197,255,.065);border-radius:11px;background:rgba(6,6,14,.25);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(196,174,239,.2) transparent}
.inventory-slot{position:relative;min-width:0;height:112px;padding:8px 7px 7px;border:1px solid rgba(211,197,255,.075);border-radius:9px;background:linear-gradient(145deg,rgba(225,216,255,.045),rgba(15,14,27,.36));color:#8b8494;overflow:hidden;cursor:pointer;transition:transform .15s,border-color .15s,background .15s,box-shadow .15s}.inventory-slot:hover{z-index:1;transform:translateY(-2px);border-color:rgba(207,185,251,.2);background:linear-gradient(145deg,rgba(209,191,248,.085),rgba(18,17,31,.5));box-shadow:0 9px 22px rgba(4,4,12,.18)}.inventory-slot.selected{border-color:rgba(208,183,255,.3);background:radial-gradient(circle at 50% 34%,rgba(202,176,251,.14),transparent 43%),linear-gradient(145deg,rgba(197,172,242,.12),rgba(19,18,33,.56));box-shadow:inset 0 0 0 1px rgba(217,198,255,.04),0 0 20px rgba(178,148,230,.07)}.inventory-slot.selected:after{content:'';position:absolute;left:14px;right:14px;bottom:0;height:2px;border-radius:3px 3px 0 0;background:#cdb7f4;box-shadow:0 0 9px rgba(205,183,244,.32)}
.inventory-slot img{width:100%;height:57px;display:block;margin:1px auto 2px;object-fit:contain;filter:drop-shadow(0 7px 9px rgba(0,0,0,.24))}.inventory-slot b,.inventory-slot small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left}.inventory-slot b{color:#c3bccb;font-size:7px}.inventory-slot small{margin-top:3px;color:#645e6d;font:5px monospace}.slot-index,.slot-amount{position:absolute;z-index:2;top:6px;height:18px;display:grid;place-items:center;border-radius:6px;font-size:6px;font-weight:800}.slot-index{left:6px;min-width:18px;color:#736b7e;background:rgba(7,7,15,.45)}.slot-amount{right:6px;padding:0 6px;color:#d9cbee;border:1px solid rgba(206,184,250,.11);background:rgba(116,91,148,.4)}
.inventory-slot.empty{display:block;border-style:dashed;border-color:rgba(211,197,255,.04);background:rgba(224,215,255,.012);cursor:default}.inventory-slot.empty:hover{transform:none;box-shadow:none;border-color:rgba(211,197,255,.04);background:rgba(224,215,255,.012)}.inventory-slot.empty i{position:absolute;left:8px;top:7px;color:#4e4957;font-size:6px;font-style:normal}
.inventory-detail{position:sticky;top:10px;min-height:342px;padding:13px;border:1px solid rgba(211,196,255,.08);border-radius:11px;background:linear-gradient(155deg,rgba(49,43,66,.55),rgba(8,8,16,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.02)}.inventory-detail-image{height:130px;display:grid;place-items:center;margin-bottom:13px;border:1px solid rgba(211,197,255,.065);border-radius:10px;background:radial-gradient(circle,rgba(199,174,243,.1),rgba(7,7,15,.27) 66%)}.inventory-detail-image img{width:105px;height:105px;object-fit:contain;filter:drop-shadow(0 10px 13px rgba(0,0,0,.3))}.inventory-detail h4{margin:5px 0 3px;color:#e5deeb;font-size:13px}.inventory-detail code{color:#8d829d;font-size:7px}.inventory-detail-card>p:not(.eyebrow){min-height:31px;margin:10px 0;color:#77717f;font-size:7px;line-height:1.5}.inventory-detail-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-bottom:11px}.inventory-detail-stats span{padding:8px;border:1px solid rgba(211,197,255,.055);border-radius:7px;background:rgba(7,7,15,.25);color:#686170;font-size:6px}.inventory-detail-stats b{display:block;margin-top:4px;color:#c8c0d0;font-size:8px}.inventory-detail .account-op{width:100%;height:34px}.inventory-detail-empty{min-height:310px;display:grid;place-content:center;justify-items:center;text-align:center}.inventory-detail-empty img{width:78px;height:78px;opacity:.55}.inventory-detail-empty b{margin-top:12px;color:#9991a1;font-size:9px}.inventory-detail-empty small{max-width:150px;margin-top:5px;color:#625c6a;font-size:6px;line-height:1.5}
@media(max-width:1050px){.inventory-workbench{grid-template-columns:1fr}.inventory-detail{position:relative;top:auto;min-height:0}.inventory-detail-card{display:grid;grid-template-columns:130px 1fr;gap:0 13px}.inventory-detail-image{grid-row:1/7;height:150px}.inventory-detail-stats{grid-column:2}.inventory-detail .account-op{grid-column:2}.inventory-detail-card>p:not(.eyebrow){min-height:0}}
@media(max-width:650px){.inventory-window>header{align-items:flex-start;flex-direction:column}.inventory-balance{width:100%}.inventory-balance span{min-width:0;flex:1}.inventory-slots{grid-template-columns:repeat(3,minmax(0,1fr))}.inventory-detail-card{display:block}}

/* Inventory catalog picker and drag-to-delete */
.inventory-picker-modal .modal-card{width:min(760px,100%)}
.inventory-side{position:sticky;top:10px;display:grid;gap:10px}.inventory-side .inventory-detail{position:relative;top:auto;min-height:320px}.inventory-add-button{color:#e9ddff!important;border-color:rgba(205,178,255,.18)!important;background:linear-gradient(135deg,rgba(178,135,235,.14),rgba(120,143,205,.06))!important}
.inventory-slot[draggable=true]{cursor:grab}.inventory-slot[draggable=true]:active{cursor:grabbing}.inventory-slot.dragging{opacity:.35;transform:scale(.94);border-color:rgba(223,198,255,.35);filter:saturate(.65)}
.inventory-delete-zone{position:relative;min-height:104px;display:grid;grid-template-columns:42px minmax(0,1fr) 62px;align-items:center;gap:10px;padding:11px;border:1px dashed rgba(239,130,154,.22);border-radius:11px;background:radial-gradient(circle at 10% 50%,rgba(206,68,105,.12),transparent 42%),linear-gradient(145deg,rgba(75,28,47,.26),rgba(20,11,22,.55));transition:transform .18s,border-color .18s,background .18s,box-shadow .18s}.inventory-trash-icon{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(255,163,180,.14);border-radius:10px;color:#ef96a9;background:rgba(193,48,81,.12)}.inventory-trash-icon .ui-svg{width:20px}.inventory-delete-zone b,.inventory-delete-zone small{display:block}.inventory-delete-zone b{color:#e8cbd2;font-size:8px;letter-spacing:.08em}.inventory-delete-zone small{margin-top:5px;color:#856a72;font-size:6px;line-height:1.35}.inventory-delete-zone label{display:grid;gap:5px;color:#a78790;font-size:6px}.inventory-delete-zone input{width:100%;height:32px;box-sizing:border-box;border:1px solid rgba(243,146,167,.13);border-radius:7px;outline:0;background:rgba(13,7,14,.54);color:#f3dde2;text-align:center;font:700 9px inherit}.inventory-delete-zone.drag-active{transform:translateY(-2px) scale(1.015);border-color:rgba(255,120,151,.62);background:radial-gradient(circle at 30% 50%,rgba(235,66,106,.25),transparent 58%),linear-gradient(145deg,rgba(104,27,50,.55),rgba(28,10,21,.72));box-shadow:0 0 0 3px rgba(235,79,114,.055),0 15px 35px rgba(71,8,26,.28)}.inventory-delete-zone.drag-active .inventory-trash-icon{color:#ffdbe3;border-color:rgba(255,177,194,.35);box-shadow:0 0 24px rgba(236,79,113,.2)}.inventory-delete-zone.deleting{pointer-events:none;opacity:.55}

.item-picker-head{display:flex;align-items:center;justify-content:space-between;gap:18px}.item-picker-head h3{margin:4px 0 5px}.item-picker-head>div>small{color:#736b7d;font-size:7px}.item-picker-selected{min-width:215px;display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:9px;padding:8px;border:1px solid rgba(211,190,255,.1);border-radius:10px;background:linear-gradient(135deg,rgba(191,160,244,.08),rgba(12,11,22,.35))}.item-picker-selected img{width:46px;height:46px;object-fit:contain}.item-picker-selected span,.item-picker-selected b,.item-picker-selected small,.item-picker-selected code{display:block;min-width:0}.item-picker-selected small{color:#746a80;font-size:5px;letter-spacing:.08em}.item-picker-selected b{margin-top:4px;color:#ddd4e8;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-picker-selected code{margin-top:3px;color:#8c7d9d;font-size:6px}
.item-picker-search{height:42px;display:grid;grid-template-columns:31px 1fr;align-items:center;margin:16px 0 10px;padding:0 10px;border:1px solid rgba(210,190,252,.11);border-radius:9px;background:rgba(7,7,15,.46)}.item-picker-search>span{color:#9a8aaa}.item-picker-search .ui-svg{width:15px}.item-picker-search input{height:100%;border:0;outline:0;background:transparent;color:#ede6f5;font:8px inherit}.item-picker-search input::placeholder{color:#625a6b}
.item-picker-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;max-height:360px;padding:4px;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(196,174,239,.22) transparent}.item-picker-option{min-width:0;height:62px;display:grid;grid-template-columns:48px minmax(0,1fr) 22px;align-items:center;gap:9px;padding:6px 9px;border:1px solid rgba(211,196,255,.065);border-radius:9px;background:linear-gradient(135deg,rgba(224,214,255,.035),rgba(8,8,16,.32));color:#8d8498;text-align:left;cursor:pointer;transition:.15s}.item-picker-option:hover,.item-picker-option.selected{transform:translateY(-1px);border-color:rgba(211,183,255,.23);background:linear-gradient(135deg,rgba(192,158,243,.13),rgba(83,91,145,.06));box-shadow:0 8px 20px rgba(4,4,12,.13)}.item-picker-option img{width:46px;height:46px;object-fit:contain;filter:drop-shadow(0 6px 8px rgba(0,0,0,.28))}.item-picker-option span,.item-picker-option b,.item-picker-option code{display:block;min-width:0}.item-picker-option b{color:#c8c0d0;font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-picker-option code{margin-top:5px;color:#696171;font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-picker-option i{width:21px;height:21px;display:grid;place-items:center;border-radius:6px;background:rgba(193,162,241,.06);font-size:11px;font-style:normal}.item-picker-option.selected i{color:#eee2ff;background:rgba(194,156,242,.17)}.item-picker-empty{grid-column:1/-1;padding:45px;text-align:center;color:#746c7d;font-size:8px}.item-picker-footer{display:grid;grid-template-columns:105px 1fr;align-items:end;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(211,197,255,.07)}.item-picker-footer label{display:grid;gap:6px;color:#8e8498;font-size:7px}.item-picker-footer input{height:38px;padding:0 10px;border:1px solid rgba(211,192,252,.11);border-radius:8px;outline:0;background:rgba(7,7,15,.44);color:#eee7f5;font:9px inherit}.item-picker-footer button{height:38px}.item-picker-footer button:disabled{opacity:.38;cursor:not-allowed}
@media(max-width:1050px){.inventory-side{position:relative;top:auto;grid-template-columns:minmax(0,1fr) 240px;align-items:start}.inventory-delete-zone{grid-template-columns:42px 1fr}.inventory-delete-zone label{grid-column:1/-1}.item-picker-list{grid-template-columns:1fr}}
@media(max-width:650px){.inventory-side{grid-template-columns:1fr}.item-picker-head{align-items:stretch;flex-direction:column}.item-picker-selected{min-width:0}.item-picker-footer{grid-template-columns:1fr}}

/* Professional light and dark theme system */
html[data-theme="midnight"]{color-scheme:dark;--theme-bg:#0b1020;--theme-panel:#151c2f;--theme-panel-deep:#0d1424;--theme-soft:#222c44;--theme-accent:#6d8cff;--theme-accent-2:#4f6fd7;--theme-rgb:109,140,255;--theme-text:#f4f7ff;--theme-muted:#9aa6bd;--support-a:#5ca8d8;--support-b:#55b98b;--support-c:#d5a95f;--danger-color:#dd6b7d}
html[data-theme="charcoal"]{color-scheme:dark;--theme-bg:#111318;--theme-panel:#1b2027;--theme-panel-deep:#14181e;--theme-soft:#29313b;--theme-accent:#8da2b8;--theme-accent-2:#60758a;--theme-rgb:141,162,184;--theme-text:#f3f5f7;--theme-muted:#9aa3ad;--support-a:#68a4cf;--support-b:#63ad83;--support-c:#c9a15e;--danger-color:#d36b78}
html[data-theme="navy"]{color-scheme:dark;--theme-bg:#081522;--theme-panel:#102338;--theme-panel-deep:#0a1828;--theme-soft:#1b3650;--theme-accent:#4f9cf9;--theme-accent-2:#2d6fc4;--theme-rgb:79,156,249;--theme-text:#f1f7ff;--theme-muted:#8da3b8;--support-a:#58b2c4;--support-b:#55b98b;--support-c:#d4a45d;--danger-color:#db6d7c}
html[data-theme="forest"]{color-scheme:dark;--theme-bg:#0b1713;--theme-panel:#14261f;--theme-panel-deep:#0e1b17;--theme-soft:#223a31;--theme-accent:#54b689;--theme-accent-2:#357d60;--theme-rgb:84,182,137;--theme-text:#f1f8f4;--theme-muted:#91a69c;--support-a:#5f9fc4;--support-b:#69bd78;--support-c:#d2a35c;--danger-color:#d66c75}
html[data-theme="daylight"]{color-scheme:light;--theme-bg:#eef2f7;--theme-panel:#ffffff;--theme-panel-deep:#f7f9fc;--theme-soft:#e5ebf3;--theme-accent:#3867d6;--theme-accent-2:#234da8;--theme-rgb:56,103,214;--theme-text:#172033;--theme-muted:#667085;--support-a:#3379b8;--support-b:#2f8f68;--support-c:#aa721f;--danger-color:#c64c5c}
html[data-theme="ivory"]{color-scheme:light;--theme-bg:#f3efe8;--theme-panel:#fffdf9;--theme-panel-deep:#f8f4ed;--theme-soft:#ebe3d8;--theme-accent:#8a5d3b;--theme-accent-2:#65432c;--theme-rgb:138,93,59;--theme-text:#2e251f;--theme-muted:#75675e;--support-a:#4c718e;--support-b:#4f8062;--support-c:#a36b2b;--danger-color:#b9535c}
html[data-theme="monochrome"]{color-scheme:dark;--theme-bg:#050505;--theme-panel:#121212;--theme-panel-deep:#090909;--theme-soft:#202020;--theme-accent:#f2f2f2;--theme-accent-2:#9c9c9c;--theme-rgb:242,242,242;--theme-text:#ffffff;--theme-muted:#999999;--support-a:#c6c6c6;--support-b:#b5b5b5;--support-c:#a8a8a8;--danger-color:#d0d0d0;--lime:#d7d7d7;--red:#c5c5c5;--amber:#b8b8b8;--purple:#ababab}
html[data-theme="signature"]{color-scheme:dark;--theme-bg:#0d0f18;--theme-panel:#181a28;--theme-panel-deep:#11131e;--theme-soft:#272a3c;--theme-accent:#cbbcff;--theme-accent-2:#8d7ac7;--theme-rgb:203,188,255;--theme-text:#f6f3fc;--theme-muted:#9895a8;--support-a:#8799bd;--support-b:#7fa893;--support-c:#b4a47d;--danger-color:#c47d8b}
html[data-theme="custom"]{color-scheme:dark;--theme-bg:#0b0b16;--theme-panel:#171724;--theme-panel-deep:#08080f;--theme-soft:#2a243d;--theme-accent:#d8c5ff;--theme-accent-2:#806bd1;--theme-rgb:216,197,255;--theme-text:#f7f2ff;--theme-muted:#8e8799;--support-a:#68bdd8;--support-b:#67cf9e;--support-c:#e3b46a;--danger-color:#e4788d}
html[data-theme]{--bg:var(--theme-bg);--panel:var(--theme-panel);--panel2:var(--theme-soft);--text:var(--theme-text);--muted:var(--theme-muted);--cyan:var(--theme-accent);--cyan2:var(--theme-accent-2);--purple:var(--theme-accent-2);--brand:var(--theme-accent);--brand-bright:var(--theme-text);--brand-mid:var(--theme-accent-2);--brand-deep:var(--theme-soft);--line:rgba(var(--theme-rgb),.1)}
html[data-theme] body{background:radial-gradient(circle at 8% 0,rgba(var(--theme-rgb),.09),transparent 30%),radial-gradient(circle at 100% 100%,rgba(var(--theme-rgb),.045),transparent 28%),var(--theme-bg);color:var(--theme-text);transition:background .25s ease,color .2s ease}
html[data-theme] .ambient.one{background:var(--theme-accent)}html[data-theme] .ambient.two{background:var(--theme-accent-2)}
html[data-theme] .sidebar{background:linear-gradient(180deg,rgba(var(--theme-rgb),.035),transparent 22%),var(--theme-panel-deep);border-color:rgba(var(--theme-rgb),.08)}
html[data-theme] .framework{background:linear-gradient(135deg,var(--theme-panel),var(--theme-panel-deep));border-color:rgba(var(--theme-rgb),.11)}
html[data-theme] .eyebrow,html[data-theme] .logo span,html[data-theme] .catalog-icon{color:var(--theme-accent)}
html[data-theme] nav button.active{color:var(--theme-text);background:linear-gradient(90deg,rgba(var(--theme-rgb),.17),rgba(var(--theme-rgb),.025));box-shadow:inset 2px 0 var(--theme-accent),0 8px 24px rgba(0,0,0,.08)}
html[data-theme] nav button.active i{color:var(--theme-accent);background:rgba(var(--theme-rgb),.11);box-shadow:0 0 18px rgba(var(--theme-rgb),.08)}
html[data-theme] nav button em{color:var(--theme-accent);background:rgba(var(--theme-rgb),.09)}
html[data-theme] header:after{background:linear-gradient(90deg,rgba(var(--theme-rgb),.24),transparent 45%)}
html[data-theme] .card,html[data-theme] .stat,html[data-theme] .table-card,html[data-theme] .resource,html[data-theme] .catalog-item,html[data-theme] .modal-card,html[data-theme] .command-card,html[data-theme] .command-stats article{border-color:rgba(var(--theme-rgb),.09);background:linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep));box-shadow:0 20px 55px rgba(0,0,0,.2),inset 0 1px 0 rgba(255,255,255,.025)}
html[data-theme] .search,html[data-theme] .ghost,html[data-theme] .icon-button,html[data-theme] .server-live,html[data-theme] .quick,html[data-theme] .resource-actions button,html[data-theme] input,html[data-theme] select,html[data-theme] textarea{border-color:rgba(var(--theme-rgb),.1);background:rgba(var(--theme-rgb),.035);color:var(--theme-text)}
html[data-theme] .primary{background:linear-gradient(135deg,var(--theme-accent),var(--theme-accent-2));color:var(--theme-panel-deep);box-shadow:0 12px 28px rgba(var(--theme-rgb),.13)}
html[data-theme] .mini-avatar,html[data-theme] .avatar,html[data-theme] .brand-mark{border-color:rgba(var(--theme-rgb),.24);background:radial-gradient(circle at 35% 25%,rgba(var(--theme-rgb),.35),var(--theme-panel-deep) 72%);color:var(--theme-text);box-shadow:0 0 24px rgba(var(--theme-rgb),.08)}
html[data-theme] .player-command-view,html[data-theme] .player-command-view .inspect-profile,html[data-theme] .player-command-view .inspect-hero,html[data-theme] .player-command-view .info-card,html[data-theme] .player-command-view .actions-panel,html[data-theme] .account-detail-shell,html[data-theme] .account-panel,html[data-theme] .account-character,html[data-theme] .inventory-window,html[data-theme] .inventory-detail{border-color:rgba(var(--theme-rgb),.1);background:radial-gradient(circle at 5% 0,rgba(var(--theme-rgb),.075),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))}
html[data-theme] .account-detail-shell{border:0;background:transparent;box-shadow:none}html[data-theme] .account-detail-hero{position:relative;overflow:hidden;border-color:rgba(var(--theme-rgb),.1);background:radial-gradient(circle at 75% 10%,rgba(var(--theme-rgb),.09),transparent 30%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))}
html[data-theme] .account-tabs,html[data-theme] .inventory-slots{border-color:rgba(var(--theme-rgb),.08);background:rgba(var(--theme-rgb),.025)}
html[data-theme] .account-tabs button.active{color:var(--theme-text)!important;border-color:rgba(var(--theme-rgb),.22)!important;background:linear-gradient(135deg,rgba(var(--theme-rgb),.16),rgba(var(--theme-rgb),.035))!important}
html[data-theme] .account-tabs button.active:after,html[data-theme] .inventory-slot.selected:after{background:var(--theme-accent);box-shadow:0 0 10px rgba(var(--theme-rgb),.3)}
html[data-theme] .inventory-slot.selected{border-color:rgba(var(--theme-rgb),.3);background:radial-gradient(circle at 50% 34%,rgba(var(--theme-rgb),.14),transparent 43%),linear-gradient(145deg,rgba(var(--theme-rgb),.11),var(--theme-panel-deep))}

.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:13px;align-items:start}.theme-settings{padding:20px}.settings-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:17px;border-bottom:1px solid rgba(var(--theme-rgb),.08)}.settings-heading h3{margin:4px 0 6px;color:var(--theme-text);font-size:18px}.settings-heading p:not(.eyebrow){max-width:540px;margin:0;color:var(--theme-muted);font-size:8px;line-height:1.55}.settings-heading>span{padding:7px 10px;border:1px solid rgba(var(--theme-rgb),.11);border-radius:20px;background:rgba(var(--theme-rgb),.05);color:var(--theme-accent);font-size:7px;font-weight:800;letter-spacing:.1em}.theme-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:17px}.theme-option{position:relative;min-width:0;padding:9px;border:1px solid rgba(var(--theme-rgb),.075);border-radius:12px;background:rgba(255,255,255,.016);color:var(--theme-muted);text-align:left;cursor:pointer;overflow:hidden;transition:transform .16s,border-color .16s,background .16s,box-shadow .16s}.theme-option:hover{transform:translateY(-2px);border-color:rgba(var(--theme-rgb),.19);background:rgba(var(--theme-rgb),.035)}.theme-option.active{border-color:rgba(var(--theme-rgb),.34);background:linear-gradient(145deg,rgba(var(--theme-rgb),.105),rgba(var(--theme-rgb),.025));box-shadow:0 12px 28px rgba(0,0,0,.15),inset 0 0 0 1px rgba(var(--theme-rgb),.035)}.theme-preview{position:relative;height:82px;display:flex;align-items:flex-end;gap:4px;padding:10px;border:1px solid rgba(255,255,255,.07);border-radius:9px;background:radial-gradient(circle at 82% 10%,var(--swatch-b),transparent 43%),var(--swatch-bg);overflow:hidden}.theme-preview:before{content:'';position:absolute;left:9px;top:9px;width:25%;height:64px;border-radius:6px;background:rgba(0,0,0,.28)}.theme-preview i{position:relative;z-index:1;flex:1;height:21px;border-radius:4px;background:rgba(255,255,255,.09)}.theme-preview i:nth-child(2){height:34px}.theme-preview i:nth-child(3){height:27px}.theme-preview em{position:absolute;z-index:2;right:10px;top:10px;width:27px;height:27px;border-radius:50%;background:var(--swatch-a);box-shadow:0 0 20px var(--swatch-a)}.theme-copy{display:block;padding:10px 2px 3px}.theme-copy b,.theme-copy small{display:block}.theme-copy b{color:var(--theme-text);font-size:9px}.theme-copy small{margin-top:4px;color:var(--theme-muted);font-size:6px}.theme-check{position:absolute;right:8px;bottom:9px;width:19px;height:19px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.1);border-radius:50%;color:transparent;font-size:9px}.theme-option.active .theme-check{border-color:var(--theme-accent);background:var(--theme-accent);color:var(--theme-panel-deep);box-shadow:0 0 14px rgba(var(--theme-rgb),.25)}.settings-side{display:grid;gap:13px}.settings-side .card{padding:18px}.settings-side .ghost{margin-top:13px}
@media(max-width:1050px){.settings-layout{grid-template-columns:1fr}.settings-side{grid-template-columns:1fr 1fr}.theme-grid{grid-template-columns:repeat(3,minmax(150px,1fr))}}
@media(max-width:720px){.theme-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.settings-side{grid-template-columns:1fr}}
@media(max-width:460px){.theme-grid{grid-template-columns:1fr}.settings-heading{flex-direction:column}}

/* Selectable interface styles */
.settings-main{display:grid;gap:13px}.style-settings{padding:20px}.ui-style-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.ui-style-option{position:relative;min-width:0;padding:9px;border:1px solid rgba(var(--theme-rgb),.075);border-radius:11px;background:rgba(255,255,255,.014);color:var(--theme-muted);text-align:left;cursor:pointer;transition:.16s}.ui-style-option:hover{transform:translateY(-2px);border-color:rgba(var(--theme-rgb),.2);background:rgba(var(--theme-rgb),.035)}.ui-style-option.active{border-color:rgba(var(--theme-rgb),.34);background:rgba(var(--theme-rgb),.085);box-shadow:0 11px 25px rgba(0,0,0,.14)}.ui-style-option>span:not(.ui-style-preview){display:block;padding:9px 2px 3px}.ui-style-option b,.ui-style-option small{display:block}.ui-style-option b{color:var(--theme-text);font-size:9px}.ui-style-option small{margin-top:4px;color:var(--theme-muted);font-size:6px}.ui-style-option>strong{position:absolute;right:10px;bottom:11px;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.11);border-radius:50%;color:transparent;font-size:8px}.ui-style-option.active>strong{border-color:var(--theme-accent);background:var(--theme-accent);color:var(--theme-panel-deep)}.ui-style-preview{height:76px;display:grid;grid-template-columns:25% 1fr 1fr;grid-template-rows:1fr 1fr;gap:5px;padding:9px;border:1px solid rgba(var(--theme-rgb),.08);background:var(--theme-panel-deep);overflow:hidden}.ui-style-preview i{grid-row:1/-1;display:grid;place-items:center;background:rgba(var(--theme-rgb),.11);color:var(--theme-accent);font-size:13px;font-style:normal}.ui-style-preview em{display:block;background:rgba(var(--theme-rgb),.075)}.ui-style-preview em:last-child{grid-column:2/-1}.ui-style-preview.style-operations,.ui-style-preview.style-glass{border-radius:9px}.ui-style-preview.style-operations i,.ui-style-preview.style-operations em{border-radius:4px}.ui-style-preview.style-glass{background:linear-gradient(135deg,rgba(var(--theme-rgb),.13),rgba(var(--theme-rgb),.025))}.ui-style-preview.style-glass i,.ui-style-preview.style-glass em{border:1px solid rgba(var(--theme-rgb),.12);border-radius:8px;background:rgba(var(--theme-rgb),.075)}.ui-style-preview.style-tactical{border-radius:1px}.ui-style-preview.style-tactical i,.ui-style-preview.style-tactical em{border-radius:0;border-left:2px solid var(--theme-accent)}.ui-style-preview.style-minimal{border:0;border-radius:0;background:transparent}.ui-style-preview.style-minimal i{background:transparent;border-right:1px solid rgba(var(--theme-rgb),.12)}.ui-style-preview.style-minimal em{background:transparent;border-bottom:1px solid rgba(var(--theme-rgb),.14)}

html[data-ui-style="glass"] .sidebar{margin:12px 0 12px 12px;height:calc(100vh - 24px);border:1px solid rgba(var(--theme-rgb),.12);border-radius:24px;background:rgba(var(--theme-rgb),.035);box-shadow:0 25px 65px rgba(0,0,0,.24);backdrop-filter:blur(22px)!important}
html[data-ui-style="glass"] .card,html[data-ui-style="glass"] .stat,html[data-ui-style="glass"] .table-card,html[data-ui-style="glass"] .resource,html[data-ui-style="glass"] .catalog-item,html[data-ui-style="glass"] .command-card,html[data-ui-style="glass"] .command-stats article,html[data-ui-style="glass"] .account-panel,html[data-ui-style="glass"] .account-character,html[data-ui-style="glass"] .inventory-window{border-radius:22px;border-color:rgba(var(--theme-rgb),.15);background:linear-gradient(145deg,rgba(var(--theme-rgb),.09),rgba(8,8,16,.45));box-shadow:0 22px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.055);backdrop-filter:blur(18px) saturate(120%)!important}
html[data-ui-style="glass"] .command-dashboard{grid-template-columns:minmax(0,1fr) 350px;gap:20px}html[data-ui-style="glass"] .command-main{gap:20px}html[data-ui-style="glass"] .control-tile{min-height:116px;border-radius:21px;background:linear-gradient(145deg,rgba(var(--theme-rgb),.13),rgba(var(--theme-rgb),.035))!important;color:var(--theme-accent)!important}html[data-ui-style="glass"] .control-tile>span{border-radius:50%;background:rgba(var(--theme-rgb),.11)}html[data-ui-style="glass"] .command-stats article{min-height:94px}html[data-ui-style="glass"] button,html[data-ui-style="glass"] input,html[data-ui-style="glass"] select,html[data-ui-style="glass"] textarea{border-radius:14px}html[data-ui-style="glass"] .account-tabs,html[data-ui-style="glass"] .inventory-slots{border-radius:18px}

html[data-ui-style="tactical"] body{letter-spacing:.015em}html[data-ui-style="tactical"] .ambient{opacity:.055}html[data-ui-style="tactical"] .sidebar,html[data-ui-style="tactical"] .card,html[data-ui-style="tactical"] .stat,html[data-ui-style="tactical"] .table-card,html[data-ui-style="tactical"] .resource,html[data-ui-style="tactical"] .catalog-item,html[data-ui-style="tactical"] .command-card,html[data-ui-style="tactical"] .command-stats article,html[data-ui-style="tactical"] .account-panel,html[data-ui-style="tactical"] .account-character,html[data-ui-style="tactical"] .inventory-window{border-radius:2px;background:linear-gradient(135deg,rgba(var(--theme-rgb),.045),var(--theme-panel-deep));box-shadow:6px 8px 0 rgba(0,0,0,.12)}
html[data-ui-style="tactical"] .command-dashboard{grid-template-columns:minmax(0,1fr) 310px;gap:9px}html[data-ui-style="tactical"] .command-main{grid-template-columns:1fr 1fr;gap:9px}html[data-ui-style="tactical"] .controls-command{padding:15px}html[data-ui-style="tactical"] .control-grid{grid-template-columns:repeat(2,1fr);gap:7px;margin-top:12px}html[data-ui-style="tactical"] .control-tile{min-height:83px;padding:11px;border-radius:1px;background:rgba(var(--theme-rgb),.045)!important;color:var(--theme-accent)!important}html[data-ui-style="tactical"] .control-tile>span{float:left;width:29px;height:29px;margin:0 9px 0 0;border-radius:1px}html[data-ui-style="tactical"] .control-tile small{margin-top:4px}html[data-ui-style="tactical"] .command-stats{gap:7px}html[data-ui-style="tactical"] .command-stats article{min-height:70px;padding:10px;border-left:3px solid var(--theme-accent)}html[data-ui-style="tactical"] button,html[data-ui-style="tactical"] input,html[data-ui-style="tactical"] select,html[data-ui-style="tactical"] textarea,html[data-ui-style="tactical"] .account-tabs,html[data-ui-style="tactical"] .inventory-slots,html[data-ui-style="tactical"] .inventory-slot{border-radius:2px!important}html[data-ui-style="tactical"] .eyebrow,html[data-ui-style="tactical"] .command-heading h3{text-transform:uppercase;letter-spacing:.14em}

html[data-ui-style="minimal"] .ambient{display:none}html[data-ui-style="minimal"] body{background:var(--theme-bg)}html[data-ui-style="minimal"] .sidebar{background:var(--theme-bg);border-right:1px solid rgba(var(--theme-rgb),.08)}html[data-ui-style="minimal"] .card,html[data-ui-style="minimal"] .stat,html[data-ui-style="minimal"] .table-card,html[data-ui-style="minimal"] .resource,html[data-ui-style="minimal"] .catalog-item,html[data-ui-style="minimal"] .command-card,html[data-ui-style="minimal"] .command-stats article,html[data-ui-style="minimal"] .account-panel,html[data-ui-style="minimal"] .account-character,html[data-ui-style="minimal"] .inventory-window{border-color:rgba(var(--theme-rgb),.075);border-radius:10px;background:transparent;box-shadow:none}
html[data-ui-style="minimal"] .command-dashboard{grid-template-columns:minmax(0,1fr) 300px;gap:24px}html[data-ui-style="minimal"] .command-main{gap:24px}html[data-ui-style="minimal"] .command-card{padding:18px;border-width:0 0 1px}html[data-ui-style="minimal"] .online-command,html[data-ui-style="minimal"] .system-command{background:transparent}html[data-ui-style="minimal"] .control-grid{gap:8px}html[data-ui-style="minimal"] .control-tile{min-height:92px;border-radius:8px;background:rgba(var(--theme-rgb),.035)!important;color:var(--theme-accent)!important}html[data-ui-style="minimal"] .command-stats{grid-template-columns:repeat(2,1fr);gap:8px}html[data-ui-style="minimal"] .command-stats article{min-height:70px;border-width:0 0 1px}html[data-ui-style="minimal"] .primary{box-shadow:none}html[data-ui-style="minimal"] button{box-shadow:none!important}html[data-ui-style="minimal"] nav button.active{background:transparent;box-shadow:inset 2px 0 var(--theme-accent)}

@media(max-width:1100px){.ui-style-grid{grid-template-columns:repeat(2,minmax(0,1fr))}html[data-ui-style="glass"] .command-dashboard,html[data-ui-style="tactical"] .command-dashboard,html[data-ui-style="minimal"] .command-dashboard{grid-template-columns:1fr}html[data-ui-style="glass"] .roster-command,html[data-ui-style="tactical"] .roster-command,html[data-ui-style="minimal"] .roster-command{grid-column:1;grid-row:auto}}
@media(max-width:620px){.ui-style-grid{grid-template-columns:1fr}html[data-ui-style="tactical"] .control-grid,html[data-ui-style="minimal"] .command-stats{grid-template-columns:1fr}}

/* Custom color builder */
.custom-theme-builder{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(0,1.2fr);align-items:center;gap:15px;margin-top:12px;padding:13px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:12px;background:linear-gradient(135deg,rgba(var(--theme-rgb),.045),rgba(255,255,255,.012));transition:.18s}.custom-theme-builder.active{border-color:rgba(var(--theme-rgb),.32);box-shadow:inset 0 0 0 1px rgba(var(--theme-rgb),.035),0 12px 28px rgba(0,0,0,.12)}.custom-theme-copy{display:flex;align-items:center;gap:12px}.custom-color-orb{position:relative;flex:0 0 58px;width:58px;height:58px;border-radius:15px;background:radial-gradient(circle at 30% 25%,var(--custom-a),var(--custom-b) 43%,var(--custom-bg) 75%);box-shadow:0 0 25px color-mix(in srgb,var(--custom-a) 28%,transparent)}.custom-color-orb:after{content:'';position:absolute;inset:8px;border:1px solid rgba(255,255,255,.28);border-radius:10px}.custom-theme-copy b,.custom-theme-copy small{display:block}.custom-theme-copy b{color:var(--theme-text);font-size:10px}.custom-theme-copy small{max-width:260px;margin-top:5px;color:var(--theme-muted);font-size:7px;line-height:1.45}.custom-color-fields{display:grid;grid-template-columns:repeat(3,minmax(82px,1fr)) auto;align-items:end;gap:7px}.custom-color-fields label{min-width:0;padding:7px;border:1px solid rgba(var(--theme-rgb),.08);border-radius:8px;background:rgba(0,0,0,.12)}.custom-color-fields label span,.custom-color-fields label code{display:block}.custom-color-fields label span{color:var(--theme-muted);font-size:6px}.custom-color-fields input[type=color]{width:100%;height:28px;margin:5px 0 3px;padding:2px;border:0;border-radius:5px;background:transparent;cursor:pointer}.custom-color-fields label code{color:var(--theme-text);font-size:6px;text-align:center}.custom-color-fields .primary{height:56px;padding:0 14px;border:0;border-radius:9px;font-size:7px;white-space:nowrap}

/* Navigation position selector */
.position-settings{padding:20px}.position-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin-top:17px}.position-option{position:relative;min-width:0;padding:9px;border:1px solid rgba(var(--theme-rgb),.075);border-radius:11px;background:rgba(255,255,255,.014);color:var(--theme-muted);text-align:left;cursor:pointer;transition:.16s}.position-option:hover{transform:translateY(-2px);border-color:rgba(var(--theme-rgb),.2);background:rgba(var(--theme-rgb),.035)}.position-option.active{border-color:rgba(var(--theme-rgb),.34);background:rgba(var(--theme-rgb),.08);box-shadow:0 11px 25px rgba(0,0,0,.14)}.position-option>b,.position-option>small{display:block}.position-option>b{margin:9px 2px 0;color:var(--theme-text);font-size:9px}.position-option>small{margin:4px 2px 2px;color:var(--theme-muted);font-size:6px}.position-option>strong{position:absolute;right:10px;bottom:10px;width:18px;height:18px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.11);border-radius:50%;color:transparent;font-size:8px}.position-option.active>strong{border-color:var(--theme-accent);background:var(--theme-accent);color:var(--theme-panel-deep)}.position-preview{position:relative;height:72px;display:block;border:1px solid rgba(var(--theme-rgb),.09);border-radius:8px;background:var(--theme-panel-deep);overflow:hidden}.position-preview i,.position-preview em{position:absolute;display:block}.position-preview i{background:rgba(var(--theme-rgb),.18)}.position-preview em{background:linear-gradient(135deg,rgba(var(--theme-rgb),.1),rgba(var(--theme-rgb),.035))}.position-left i{inset:0 auto 0 0;width:24%}.position-left em{inset:8px 8px 8px 31%}.position-right i{inset:0 0 0 auto;width:24%}.position-right em{inset:8px 31% 8px 8px}.position-top i{inset:0 0 auto;height:24%}.position-top em{inset:31% 8px 8px}.position-bottom i{inset:auto 0 0;height:24%}.position-bottom em{inset:8px 8px 31%}

/* Left, right, top and bottom panel layouts */
html[data-dashboard-position="right"] .app{grid-template-columns:minmax(0,1fr) 244px}html[data-dashboard-position="right"] .sidebar{inset:0 0 0 auto;width:244px;margin:0;height:100vh;border-width:0 0 0 1px;border-radius:0;box-shadow:-18px 0 70px rgba(3,4,12,.2)}html[data-dashboard-position="right"] .sidebar:before{transform:scaleX(-1)}html[data-dashboard-position="right"] main{grid-column:1;grid-row:1}html[data-dashboard-position="right"] .sidebar nav button.active{box-shadow:inset -2px 0 var(--theme-accent),0 8px 24px rgba(0,0,0,.08)}html[data-dashboard-position="right"] header:after{left:0;right:244px}
html[data-dashboard-position="top"] .app,html[data-dashboard-position="bottom"] .app{display:block;min-height:100vh}html[data-dashboard-position="top"] .app{padding-top:78px}html[data-dashboard-position="bottom"] .app{padding-bottom:78px}html[data-dashboard-position="top"] .sidebar,html[data-dashboard-position="bottom"] .sidebar{left:0;right:0;width:100%;height:78px;margin:0;padding:10px 22px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px;border-radius:0;background:linear-gradient(90deg,var(--theme-panel-deep),rgba(var(--theme-rgb),.05),var(--theme-panel-deep));box-shadow:0 12px 45px rgba(0,0,0,.2)}html[data-dashboard-position="top"] .sidebar{inset:0 0 auto;border-width:0 0 1px}html[data-dashboard-position="bottom"] .sidebar{inset:auto 0 0;border-width:1px 0 0;box-shadow:0 -12px 45px rgba(0,0,0,.2)}html[data-dashboard-position="top"] .logo,html[data-dashboard-position="bottom"] .logo{padding:0;white-space:nowrap}html[data-dashboard-position="top"] .logo>span,html[data-dashboard-position="bottom"] .logo>span{width:36px;height:36px}html[data-dashboard-position="top"] #nav,html[data-dashboard-position="bottom"] #nav{min-width:0;max-height:none;display:flex;flex-direction:row;align-items:center;gap:3px;padding:0;overflow-x:auto;scrollbar-width:none}html[data-dashboard-position="top"] #nav button,html[data-dashboard-position="bottom"] #nav button{flex:0 0 auto;width:auto;min-height:39px;padding:9px 10px;font-size:9px;white-space:nowrap}html[data-dashboard-position="top"] #nav button.active,html[data-dashboard-position="bottom"] #nav button.active{box-shadow:inset 0 -2px var(--theme-accent)}html[data-dashboard-position="bottom"] #nav button.active{box-shadow:inset 0 2px var(--theme-accent)}html[data-dashboard-position="top"] .nav-title,html[data-dashboard-position="bottom"] .nav-title{display:none}html[data-dashboard-position="top"] .framework,html[data-dashboard-position="bottom"] .framework{position:relative;left:auto;right:auto;bottom:auto;min-width:128px;padding:8px 10px}html[data-dashboard-position="top"] main,html[data-dashboard-position="bottom"] main{grid-column:auto;max-width:1760px;margin:0 auto;padding:0 30px 44px}html[data-dashboard-position="top"] header,html[data-dashboard-position="bottom"] header{height:90px;margin-bottom:22px}html[data-dashboard-position="top"] header:after,html[data-dashboard-position="bottom"] header:after{left:0}

@media(max-width:1100px){.custom-theme-builder{grid-template-columns:1fr}.custom-color-fields{grid-template-columns:repeat(3,1fr)}.custom-color-fields .primary{grid-column:1/-1;height:38px}.position-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){html[data-dashboard-position="right"] .app{grid-template-columns:minmax(0,1fr) 82px}html[data-dashboard-position="right"] .sidebar{width:82px;padding:24px 12px}html[data-dashboard-position="right"] main{padding:0 20px 35px}html[data-dashboard-position="right"] header:after{right:82px}html[data-dashboard-position="top"] .sidebar,html[data-dashboard-position="bottom"] .sidebar{grid-template-columns:auto minmax(0,1fr);padding:9px 14px}html[data-dashboard-position="top"] .framework,html[data-dashboard-position="bottom"] .framework{display:none}html[data-dashboard-position="top"] #nav button,html[data-dashboard-position="bottom"] #nav button{font-size:0;padding:9px 11px}html[data-dashboard-position="top"] #nav button i,html[data-dashboard-position="bottom"] #nav button i{width:18px}html[data-dashboard-position="top"] main,html[data-dashboard-position="bottom"] main{padding:0 20px 35px}}
@media(max-width:620px){.custom-color-fields,.position-grid{grid-template-columns:1fr}.custom-color-fields .primary{grid-column:auto}.position-preview{height:58px}}

/* Show the text caret only inside editable controls */
body{caret-color:transparent;-webkit-user-select:none;user-select:none}
input,textarea,select,[contenteditable="true"]{caret-color:var(--theme-accent);-webkit-user-select:text;user-select:text}
input[type="color"],input[type="checkbox"],input[type="radio"],input[type="range"],button{caret-color:transparent;-webkit-user-select:none;user-select:none}

/* Resource workspace / web code editor */
.resource-actions button[data-resource-edit]{color:var(--theme-accent);border-color:rgba(var(--theme-rgb),.13);background:rgba(var(--theme-rgb),.075)}.resource-actions button[data-resource-edit]:hover{color:var(--theme-text);background:rgba(var(--theme-rgb),.14)}
.resource-editor-shell{height:calc(100vh - 154px);min-height:600px;display:grid;grid-template-rows:auto minmax(0,1fr);border:1px solid rgba(var(--theme-rgb),.12);border-radius:15px;background:var(--theme-panel-deep);box-shadow:0 24px 65px rgba(0,0,0,.28);overflow:hidden}.editor-titlebar{position:relative;height:70px!important;min-height:70px;display:flex;align-items:center;gap:11px;margin:0!important;padding:10px 14px!important;border:0!important;border-bottom:1px solid rgba(var(--theme-rgb),.1)!important;background:linear-gradient(90deg,rgba(var(--theme-rgb),.07),rgba(var(--theme-rgb),.015))}.editor-titlebar:after{display:none!important}.editor-titlebar>button:first-child{width:36px;height:36px;border:1px solid rgba(var(--theme-rgb),.12);border-radius:9px;background:rgba(var(--theme-rgb),.045);color:var(--theme-text);font-size:22px;cursor:pointer}.editor-resource-mark{width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:linear-gradient(145deg,var(--theme-accent),var(--theme-accent-2));color:var(--theme-panel-deep);font-size:8px;font-weight:900}.editor-titlebar .eyebrow{margin:0 0 3px;font-size:6px}.editor-titlebar h3{margin:0;color:var(--theme-text);font-size:12px}.editor-security{display:flex;align-items:center;gap:6px;margin-left:auto;color:var(--theme-muted);font-size:6px;letter-spacing:.08em}.editor-security .ui-svg{width:13px;color:var(--theme-accent)}.editor-save{height:35px;padding:0 11px;border:1px solid rgba(var(--theme-rgb),.2);border-radius:8px;background:linear-gradient(135deg,rgba(var(--theme-rgb),.18),rgba(var(--theme-rgb),.07));color:var(--theme-text);font-size:7px;font-weight:800;cursor:pointer}.editor-save:disabled{opacity:.35;cursor:not-allowed}.editor-save kbd{margin-left:7px;padding:3px 5px;border:1px solid rgba(var(--theme-rgb),.12);border-radius:4px;background:rgba(0,0,0,.18);font:5px monospace;color:var(--theme-muted)}
.resource-ide{min-height:0;display:grid;grid-template-columns:270px minmax(0,1fr)}.editor-explorer{min-width:0;display:grid;grid-template-rows:auto auto minmax(0,1fr) auto;border-right:1px solid rgba(var(--theme-rgb),.09);background:rgba(0,0,0,.13)}.explorer-heading{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 13px;color:var(--theme-muted);font-size:7px;letter-spacing:.11em}.explorer-heading button{width:27px;height:27px;border:0;border-radius:6px;background:transparent;color:var(--theme-muted);cursor:pointer}.explorer-heading button:hover{background:rgba(var(--theme-rgb),.08);color:var(--theme-text)}.editor-file-search{height:37px;display:grid;grid-template-columns:22px 1fr;align-items:center;margin:0 9px 8px;padding:0 8px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:7px;background:rgba(0,0,0,.2)}.editor-file-search .ui-svg{width:13px;color:var(--theme-muted)}.editor-file-search input{width:100%;height:100%;padding:0!important;margin:0!important;border:0!important;outline:0;background:transparent!important;color:var(--theme-text);font:7px inherit}.editor-tree{min-height:0;padding:2px 5px 10px;overflow:auto;scrollbar-width:thin;scrollbar-color:rgba(var(--theme-rgb),.18) transparent}.editor-folder{margin:0}.editor-folder>summary{height:27px;display:flex;align-items:center;gap:6px;padding-left:calc(7px + var(--depth)*12px);color:var(--theme-muted);font-size:7px;cursor:pointer;list-style:none}.editor-folder>summary::-webkit-details-marker{display:none}.editor-folder>summary span{font-size:9px;transition:.15s}.editor-folder:not([open])>summary span{transform:rotate(-90deg)}.editor-folder>summary b{font-weight:650}.editor-file{width:100%;height:29px;display:grid;grid-template-columns:27px minmax(0,1fr) auto;align-items:center;gap:5px;padding:0 8px 0 calc(9px + var(--depth)*12px);border:0;border-radius:5px;background:transparent;color:var(--theme-muted);text-align:left;cursor:pointer}.editor-file:hover{background:rgba(var(--theme-rgb),.055);color:var(--theme-text)}.editor-file.active{background:rgba(var(--theme-rgb),.12);color:var(--theme-text);box-shadow:inset 2px 0 var(--theme-accent)}.editor-file i{font:700 5px monospace;color:var(--theme-accent)}.editor-file span{min-width:0;font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-file small{font-size:5px;color:var(--theme-muted)}.editor-file[hidden]{display:none}.editor-explorer>footer{height:31px;display:flex;align-items:center;padding:0 12px;border-top:1px solid rgba(var(--theme-rgb),.07);color:var(--theme-muted);font-size:6px}.editor-loading{padding:25px 12px;color:var(--theme-muted);font-size:7px;text-align:center}
.editor-main{min-width:0;min-height:0;display:grid;grid-template-rows:38px minmax(0,1fr) 25px;background:color-mix(in srgb,var(--theme-panel-deep) 90%,#000)}.editor-tabs{min-width:0;display:flex;align-items:end;border-bottom:1px solid rgba(var(--theme-rgb),.08);background:rgba(0,0,0,.1);overflow:hidden}.editor-tabs>span{padding:0 13px 10px;color:var(--theme-muted);font-size:7px}.editor-tab{position:relative;max-width:420px;height:38px;display:grid;grid-template-columns:28px minmax(0,1fr) 15px;align-items:center;padding:0 10px;border-right:1px solid rgba(var(--theme-rgb),.08);background:rgba(var(--theme-rgb),.03);color:var(--theme-muted)}.editor-tab.active{background:rgba(var(--theme-rgb),.065);color:var(--theme-text)}.editor-tab.active:after{content:'';position:absolute;left:0;right:0;top:0;height:2px;background:var(--theme-accent)}.editor-tab i{font:700 5px monospace;color:var(--theme-accent)}.editor-tab span{min-width:0;font:7px monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-tab b{color:var(--theme-accent);font-size:6px}.editor-workspace{position:relative;min-height:0;overflow:hidden}.code-editor{position:absolute;inset:0;display:grid;grid-template-columns:55px minmax(0,1fr);background:rgba(0,0,0,.11)}.editor-lines{height:100%;margin:0;padding:15px 12px 40px 0;border-right:1px solid rgba(var(--theme-rgb),.055);overflow:hidden;color:rgba(var(--theme-rgb),.32);text-align:right;font:12px/20px Consolas,'Courier New',monospace;user-select:none}.code-editor textarea{width:100%;height:100%;margin:0!important;padding:15px 18px 40px!important;border:0!important;border-radius:0!important;outline:0;resize:none;background:transparent!important;color:#d8d6e1!important;caret-color:var(--theme-accent)!important;tab-size:4;white-space:pre;overflow:auto;font:12px/20px Consolas,'Courier New',monospace!important}.code-editor textarea::selection{background:rgba(var(--theme-rgb),.24)}.editor-empty{height:100%;display:grid;place-content:center;justify-items:center;gap:10px;color:var(--theme-muted);text-align:center}.editor-empty .brand-mark{width:58px;height:58px;margin-bottom:7px}.editor-empty b{color:var(--theme-text);font-size:10px}.editor-empty span{max-width:360px;font-size:7px;line-height:1.5}.editor-empty.error b{color:var(--red)}.editor-statusbar{display:flex;align-items:center;justify-content:flex-end;gap:14px;padding:0 12px;border-top:1px solid rgba(var(--theme-rgb),.07);background:rgba(var(--theme-rgb),.045);color:var(--theme-muted);font:6px monospace}.editor-statusbar span:first-child{margin-right:auto}.resource-editor-shell.dirty .editor-statusbar span:first-child{color:var(--theme-accent)}
html[data-dashboard-position="top"] .resource-editor-shell,html[data-dashboard-position="bottom"] .resource-editor-shell{height:calc(100vh - 192px)}
@media(max-width:900px){.resource-ide{grid-template-columns:210px minmax(0,1fr)}.editor-security{display:none}.resource-editor-shell{height:calc(100vh - 135px)}.code-editor{grid-template-columns:43px minmax(0,1fr)}.editor-lines,.code-editor textarea{font-size:11px!important}}
@media(max-width:650px){.resource-ide{grid-template-columns:1fr}.editor-explorer{display:none}.editor-titlebar{padding:8px!important}.editor-save kbd{display:none}.editor-titlebar h3{max-width:130px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}

/* Cleaner explorer hierarchy and language-colored file logos */
.editor-resource-mark{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(145deg,var(--theme-accent),var(--theme-accent-2));box-shadow:0 0 22px rgba(var(--theme-rgb),.16)}.editor-resource-mark:before,.editor-resource-mark:after{content:'';position:absolute;z-index:-1;width:25px;height:25px;border:6px solid rgba(255,255,255,.18);transform:rotate(45deg)}.editor-resource-mark:before{left:-15px;top:-9px}.editor-resource-mark:after{right:-15px;bottom:-10px}.editor-resource-mark span,.editor-resource-mark b{font-size:9px;line-height:1}.editor-resource-mark b{margin-left:-1px;color:var(--theme-panel-deep)}
.explorer-heading{height:48px}.explorer-heading>span{display:block;min-width:0}.explorer-heading>span b,.explorer-heading>span small{display:block}.explorer-heading>span small{max-width:185px;margin-top:4px;color:var(--theme-accent);font-size:6px;letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-file-search{margin-bottom:11px}.editor-tree{padding:4px 7px 14px}.editor-folder{position:relative}.editor-folder>.editor-folder,.editor-folder>.editor-file{position:relative}.editor-folder>.editor-folder:before,.editor-folder>.editor-file:before{content:'';position:absolute;z-index:0;left:calc(16px + var(--depth)*12px);top:0;bottom:0;width:1px;background:rgba(var(--theme-rgb),.055);pointer-events:none}.editor-folder>summary{height:31px;padding-left:calc(7px + var(--depth)*12px);gap:7px;border-radius:6px}.editor-folder>summary:hover{background:rgba(var(--theme-rgb),.045);color:var(--theme-text)}.folder-caret{width:10px;display:grid;place-items:center;font-size:11px!important;color:var(--theme-muted)}.editor-folder[open]>summary .folder-caret{transform:rotate(90deg)}.editor-folder:not([open])>summary .folder-caret{transform:none}.folder-icon{position:relative;width:15px;height:11px;display:block;border-radius:2px;background:linear-gradient(135deg,#d6aa54,#9e6c31);box-shadow:inset 0 1px rgba(255,255,255,.18)}.folder-icon:before{content:'';position:absolute;left:1px;top:-3px;width:7px;height:4px;border-radius:2px 2px 0 0;background:#d6aa54}.editor-folder[open]>summary .folder-icon{background:linear-gradient(135deg,#efc56d,#b67b32)}.editor-file{height:33px;grid-template-columns:31px minmax(0,1fr) auto;padding-right:9px;border-radius:7px}.editor-file>i,.editor-tab>i{width:27px;height:25px;display:grid;place-items:center;font-style:normal}.file-type-icon{min-width:23px;height:20px;display:grid;place-items:center;padding:0 3px;border:1px solid currentColor;border-radius:5px;background:color-mix(in srgb,currentColor 11%,transparent);font:800 6px/1 Consolas,monospace;letter-spacing:-.03em}.editor-file>span{font-size:7px;color:#a9a1b4}.editor-file:hover>span,.editor-file.active>span{color:var(--theme-text)}.editor-file>small{padding:3px 5px;border-radius:5px;background:rgba(255,255,255,.025);font-size:5px}.editor-file.active{background:linear-gradient(90deg,rgba(var(--theme-rgb),.17),rgba(var(--theme-rgb),.06));box-shadow:inset 2px 0 var(--theme-accent)}
.file-type-icon.type-js,.file-type-icon.type-mjs,.file-type-icon.type-cjs{color:#f7df1e}.file-type-icon.type-ts,.file-type-icon.type-tsx{color:#4fa4e8}.file-type-icon.type-jsx{color:#61dafb}.file-type-icon.type-lua{color:#8596ff}.file-type-icon.type-html,.file-type-icon.type-htm{color:#ff815e}.file-type-icon.type-css,.file-type-icon.type-less{color:#49a8ff}.file-type-icon.type-scss,.file-type-icon.type-sass{color:#e88ab8}.file-type-icon.type-json,.file-type-icon.type-jsonc{color:#efc75e}.file-type-icon.type-vue{color:#55d39e}.file-type-icon.type-sql{color:#ed8299}.file-type-icon.type-md{color:#74b8ff}.file-type-icon.type-xml{color:#f2a45f}.file-type-icon.type-yml,.file-type-icon.type-yaml,.file-type-icon.type-toml{color:#dd7a88}.file-type-icon.type-cs,.file-type-icon.type-csproj,.file-type-icon.type-sln{color:#b88cff}.file-type-icon.type-cfg,.file-type-icon.type-conf,.file-type-icon.type-ini,.file-type-icon.type-gitignore{color:#a6adb8}.file-type-icon.type-txt{color:#aeb4bd}
.editor-file[data-file-type="js"]>span,.editor-file[data-file-type="mjs"]>span,.editor-file[data-file-type="cjs"]>span{color:#d8c96a}.editor-file[data-file-type="lua"]>span{color:#aaaef0}.editor-file[data-file-type="html"]>span,.editor-file[data-file-type="htm"]>span{color:#db9a87}.editor-file[data-file-type="css"]>span{color:#8abce7}
.editor-tab{max-width:480px;grid-template-columns:33px minmax(0,1fr) 15px;height:42px}.editor-tabs{min-height:42px}.editor-tab>span{display:block;min-width:0}.editor-tab>span b,.editor-tab>span small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.editor-tab>span b{color:var(--theme-text);font:7px Consolas,monospace}.editor-tab>span small{margin-top:3px;color:var(--theme-muted);font:5px Consolas,monospace}.editor-tab>em{color:var(--theme-accent);font-size:6px;font-style:normal}.editor-main{grid-template-rows:42px minmax(0,1fr) 25px}

/* Live syntax highlighting overlay */
.code-editor>.editor-lines{grid-column:1;grid-row:1}.editor-highlight,.code-editor textarea{grid-column:2;grid-row:1}.editor-highlight{position:relative;z-index:1;width:100%;height:100%;margin:0;padding:15px 18px 40px;border:0;overflow:hidden;background:transparent;color:#d4d4d4;pointer-events:none;white-space:pre;tab-size:4;font:12px/20px Consolas,'Courier New',monospace}.editor-highlight code{font:inherit;color:inherit}.code-editor textarea{position:relative;z-index:2;color:transparent!important;-webkit-text-fill-color:transparent!important;background:transparent!important}.code-editor textarea::selection{-webkit-text-fill-color:transparent;background:rgba(var(--theme-rgb),.25)}
.syntax-comment{color:#6a9955;font-style:italic}.syntax-string{color:#ce9178}.syntax-keyword{color:#c586c0;font-weight:600}.syntax-number{color:#b5cea8}.syntax-function{color:#dcdcaa}.syntax-builtin{color:#4ec9b0}.syntax-constant{color:#569cd6}.syntax-property{color:#9cdcfe}.syntax-tag{color:#569cd6}.syntax-attr{color:#9cdcfe}.syntax-operator{color:#d4d4d4}.syntax-regex{color:#d16969}
@media(max-width:900px){.editor-highlight{font-size:11px}}

/* Spacious paginated resource control center */
.resource-control{display:grid;gap:14px}.resource-commandbar{min-height:104px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:17px 19px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:16px;background:radial-gradient(circle at 12% 0,rgba(var(--theme-rgb),.11),transparent 35%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep));box-shadow:0 18px 45px rgba(0,0,0,.17)}.resource-heading{display:flex;align-items:center;gap:13px}.resource-heading-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.17);border-radius:13px;background:linear-gradient(145deg,rgba(var(--theme-rgb),.15),rgba(var(--theme-rgb),.04));color:var(--theme-accent);box-shadow:0 0 24px rgba(var(--theme-rgb),.08)}.resource-heading-icon .ui-svg{width:22px}.resource-heading .eyebrow{margin:0 0 4px;font-size:7px}.resource-heading h3{margin:0;color:var(--theme-text);font-size:16px}.resource-heading small{display:block;margin-top:5px;color:var(--theme-muted);font-size:7px}.resource-summary{display:grid;grid-template-columns:repeat(3,92px);gap:7px}.resource-summary button{height:62px;padding:9px 11px;border:1px solid rgba(var(--theme-rgb),.08);border-radius:10px;background:rgba(0,0,0,.16);color:var(--theme-muted);text-align:left;cursor:pointer}.resource-summary button:hover,.resource-summary button.active{border-color:rgba(var(--theme-rgb),.24);background:rgba(var(--theme-rgb),.08)}.resource-summary small,.resource-summary b{display:block}.resource-summary small{font-size:6px;letter-spacing:.08em}.resource-summary b{margin-top:6px;color:var(--theme-text);font-size:16px}.resource-summary .running b{color:#74dfad}.resource-summary .offline b{color:#ed8ca0}
.resource-toolbar{min-height:54px;display:grid;grid-template-columns:minmax(250px,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(var(--theme-rgb),.08);border-radius:13px;background:rgba(0,0,0,.12)}.resource-toolbar>label{height:37px;display:grid;grid-template-columns:28px 1fr;align-items:center;padding:0 9px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:9px;background:rgba(0,0,0,.18)}.resource-toolbar>label .ui-svg{width:14px;color:var(--theme-muted)}.resource-toolbar input{width:100%;height:100%;margin:0!important;padding:0!important;border:0!important;outline:0;background:transparent!important;color:var(--theme-text);font-size:8px}.resource-filter-pills{display:flex;gap:4px;padding:4px;border-radius:9px;background:rgba(0,0,0,.17)}.resource-filter-pills button{height:29px;padding:0 11px;border:0;border-radius:6px;background:transparent;color:var(--theme-muted);font-size:7px;cursor:pointer}.resource-filter-pills button.active{background:rgba(var(--theme-rgb),.13);color:var(--theme-text)}.resource-refresh{height:37px;display:flex;align-items:center;gap:7px;padding:0 12px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:9px;background:rgba(var(--theme-rgb),.045);color:var(--theme-muted);font-size:7px;cursor:pointer}.resource-refresh:hover{color:var(--theme-text);border-color:rgba(var(--theme-rgb),.2)}.resource-refresh .ui-svg{width:13px}
.resource-control-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:11px!important}.resource-control-card{position:relative;min-width:0;min-height:162px;padding:14px!important;border:1px solid rgba(var(--theme-rgb),.085)!important;border-radius:14px!important;background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.055),transparent 34%),linear-gradient(145deg,rgba(var(--theme-rgb),.035),var(--theme-panel-deep))!important;box-shadow:0 14px 34px rgba(0,0,0,.13)!important;overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s!important}.resource-control-card:hover{transform:translateY(-2px)!important;border-color:rgba(var(--theme-rgb),.17)!important;box-shadow:0 20px 42px rgba(0,0,0,.2)!important}.resource-control-card:before{content:'';position:absolute;left:0;top:16px;bottom:16px;width:2px;border-radius:0 3px 3px 0;background:#df8297;opacity:.65}.resource-control-card.running:before{background:#5fd49d}.resource-card-head{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:10px}.resource-symbol{width:42px;height:42px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.13);border-radius:11px;background:rgba(var(--theme-rgb),.07);color:var(--theme-accent);font:800 8px 'Space Grotesk',sans-serif;box-shadow:inset 0 1px rgba(255,255,255,.03)}.resource-symbol.tone-qb{color:#69b7ff;background:rgba(62,140,213,.1)}.resource-symbol.tone-ox{color:#e0b273;background:rgba(205,139,59,.1)}.resource-symbol.tone-scriptx{color:var(--theme-text);background:linear-gradient(145deg,var(--theme-accent),var(--theme-accent-2));text-shadow:0 1px rgba(0,0,0,.3)}.resource-symbol.tone-map{color:#72d6a8;background:rgba(63,181,122,.09)}.resource-symbol.tone-voice{color:#d98cef;background:rgba(183,80,215,.09)}.resource-symbol.tone-inventory{color:#efb66f;background:rgba(221,137,53,.09)}.resource-card-head>div:nth-child(2){min-width:0}.resource-card-head small,.resource-card-head b{display:block;min-width:0}.resource-card-head small{margin-bottom:5px;color:var(--theme-muted);font-size:5px;letter-spacing:.1em}.resource-card-head b{color:var(--theme-text);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-status{display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:rgba(221,74,104,.08);color:#df8297;font-size:5px;font-weight:800;letter-spacing:.07em}.resource-status i{width:5px;height:5px;border-radius:50%;background:#df8297;box-shadow:0 0 8px rgba(223,130,151,.3)}.resource-control-card.running .resource-status{color:#77dfad;background:rgba(71,199,139,.075)}.resource-control-card.running .resource-status i{background:#65daa2;box-shadow:0 0 8px rgba(101,218,162,.4)}.resource-card-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:12px 1px 10px;padding-bottom:10px;border-bottom:1px solid rgba(var(--theme-rgb),.055)}.resource-card-meta span{color:var(--theme-muted);font-size:6px}.resource-card-meta code{max-width:48%;color:rgba(var(--theme-rgb),.52);font-size:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.resource-card-actions{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:6px}.resource-control-card.offline .resource-card-actions{grid-template-columns:1.35fr 1fr}.resource-card-actions button{height:33px;display:flex;align-items:center;justify-content:center;gap:6px;padding:0 8px;border:1px solid rgba(var(--theme-rgb),.08);border-radius:8px;background:rgba(var(--theme-rgb),.035);color:var(--theme-muted);font-size:6px;cursor:pointer}.resource-card-actions button:hover{color:var(--theme-text);border-color:rgba(var(--theme-rgb),.17);background:rgba(var(--theme-rgb),.075)}.resource-card-actions .ui-svg{width:12px}.resource-card-actions .resource-files{color:var(--theme-accent);background:rgba(var(--theme-rgb),.075)}.resource-card-actions .start{color:#78e0af;border-color:rgba(84,213,158,.12);background:rgba(63,190,136,.06)}.resource-card-actions .danger{color:#df8a9c;border-color:rgba(222,100,126,.1);background:rgba(207,68,98,.045)}
.resource-empty{grid-column:1/-1;min-height:240px;display:grid;place-content:center;justify-items:center;gap:7px;border:1px dashed rgba(var(--theme-rgb),.1);border-radius:14px;color:var(--theme-muted)}.resource-empty b{color:var(--theme-text);font-size:10px}.resource-empty span{font-size:7px}.resource-pagination{min-height:48px;display:flex;align-items:center;justify-content:space-between;padding:7px 10px;border-top:1px solid rgba(var(--theme-rgb),.07);color:var(--theme-muted);font-size:7px}.resource-pagination nav{display:flex;flex-direction:row;align-items:center;gap:4px}.resource-pagination nav button{width:31px;height:31px;display:grid;place-items:center;padding:0;border:1px solid rgba(var(--theme-rgb),.08);border-radius:7px;background:rgba(var(--theme-rgb),.025);color:var(--theme-muted);font-size:7px}.resource-pagination nav button.active{border-color:rgba(var(--theme-rgb),.26);background:rgba(var(--theme-rgb),.13);color:var(--theme-text);box-shadow:none}.resource-pagination nav button:disabled{opacity:.3}.resource-pagination nav i{padding:0 3px;font-style:normal}
@media(max-width:1450px){.resource-control-grid{grid-template-columns:repeat(3,minmax(0,1fr))!important}}
@media(max-width:1050px){.resource-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.resource-commandbar{align-items:flex-start;flex-direction:column}.resource-summary{width:100%;grid-template-columns:repeat(3,1fr)}.resource-toolbar{grid-template-columns:1fr auto}.resource-filter-pills{grid-row:2;grid-column:1/-1;justify-content:center}.resource-filter-pills button{flex:1}}
@media(max-width:650px){.resource-control-grid{grid-template-columns:1fr!important}.resource-toolbar{grid-template-columns:1fr}.resource-refresh,.resource-filter-pills{grid-column:1;grid-row:auto}.resource-pagination{align-items:flex-start;flex-direction:column;gap:8px}.resource-summary{gap:4px}.resource-card-head{grid-template-columns:38px minmax(0,1fr) auto}.resource-symbol{width:38px;height:38px}}

/* Keep every account box synchronized with the selected color theme */
html[data-theme] .account-card,html[data-theme] .account-detail-hero,html[data-theme] .account-summary-grid article,html[data-theme] .account-identity-card,html[data-theme] .account-characters,html[data-theme] .account-panel,html[data-theme] .account-character,html[data-theme] .inventory-window{border-color:rgba(var(--theme-rgb),.12)!important;background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.09),transparent 36%),linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 88%,var(--theme-accent) 12%),var(--theme-panel-deep))!important;box-shadow:0 16px 38px rgba(0,0,0,.17),inset 0 1px 0 rgba(var(--theme-rgb),.035)!important}
html[data-theme] .account-card:before{background:var(--theme-accent)!important;opacity:.065}html[data-theme] .account-card:hover{border-color:rgba(var(--theme-rgb),.28)!important;background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.14),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 80%,var(--theme-accent) 20%),var(--theme-panel-deep))!important}
html[data-theme] .account-avatar,html[data-theme] .account-detail-avatar{border-color:rgba(var(--theme-rgb),.28);background:radial-gradient(circle at 35% 25%,rgba(var(--theme-rgb),.42),rgba(var(--theme-rgb),.15) 55%,var(--theme-panel-deep));color:var(--theme-text);box-shadow:0 0 22px rgba(var(--theme-rgb),.11)}
html[data-theme] .account-search,html[data-theme] .account-tabs{border-color:rgba(var(--theme-rgb),.12)!important;background:linear-gradient(180deg,rgba(var(--theme-rgb),.07),rgba(0,0,0,.17))!important}html[data-theme] .account-search button{border-color:rgba(var(--theme-rgb),.1);color:var(--theme-accent)}
html[data-theme] .account-filters button,html[data-theme] .account-tabs button,html[data-theme] .account-detail-actions button,html[data-theme] .account-inspect,html[data-theme] .account-op,html[data-theme] .account-op-row>button{border-color:rgba(var(--theme-rgb),.1)!important;background:rgba(var(--theme-rgb),.04)!important;color:var(--theme-muted)!important}html[data-theme] .account-filters button:hover,html[data-theme] .account-filters button.active,html[data-theme] .account-tabs button:hover,html[data-theme] .account-tabs button.active,html[data-theme] .account-detail-actions button:hover,html[data-theme] .account-inspect:hover,html[data-theme] .account-op:hover,html[data-theme] .account-op-row>button:hover{border-color:rgba(var(--theme-rgb),.25)!important;background:linear-gradient(135deg,rgba(var(--theme-rgb),.16),rgba(var(--theme-rgb),.055))!important;color:var(--theme-text)!important}
html[data-theme] .account-tabs button>span{border-color:rgba(var(--theme-rgb),.11);background:rgba(var(--theme-rgb),.07);color:var(--theme-accent)}html[data-theme] .account-tabs button.active:after{background:linear-gradient(90deg,var(--theme-accent-2),var(--theme-accent))!important;box-shadow:0 0 11px rgba(var(--theme-rgb),.35)!important}
html[data-theme] .account-card-meta span,html[data-theme] .account-license,html[data-theme] .character-facts p,html[data-theme] .economy-balances span,html[data-theme] .inventory-list>span,html[data-theme] .asset-list>article,html[data-theme] .account-log-table article,html[data-theme] .note-list article,html[data-theme] .session-grid article,html[data-theme] .identity-current,html[data-theme] .identity-choice span,html[data-theme] .detail-field b{border-color:rgba(var(--theme-rgb),.075)!important;background:rgba(var(--theme-rgb),.035)!important}
html[data-theme] .account-summary-grid article strong,html[data-theme] .account-card-meta b,html[data-theme] .character-facts b,html[data-theme] .economy-balances b,html[data-theme] .section-title h4{color:var(--theme-text)}html[data-theme] .account-license span,html[data-theme] .account-last b,html[data-theme] .account-summary-grid span,html[data-theme] .character-money,html[data-theme] .asset-list small{color:var(--theme-muted)}

/* Balanced semantic roles: neutral surfaces with restrained status colors */

/* Cards stay calm; each card receives only a small, alternating accent. */
html[data-theme] .account-card,html[data-theme] .account-detail-hero,html[data-theme] .account-summary-grid article,html[data-theme] .account-identity-card,html[data-theme] .account-characters,html[data-theme] .account-panel,html[data-theme] .account-character,html[data-theme] .inventory-window{
    --box-color:var(--theme-accent);border-color:color-mix(in srgb,var(--box-color) 17%,transparent)!important;
    background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--box-color) 6%,transparent),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))!important;
    box-shadow:0 16px 38px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.025)!important
}
html[data-theme] .account-card:nth-child(4n+2),html[data-theme] .account-character:nth-child(4n+2),html[data-theme] .account-panel:nth-child(4n+2){--box-color:var(--support-a)}
html[data-theme] .account-card:nth-child(4n+3),html[data-theme] .account-character:nth-child(4n+3),html[data-theme] .account-panel:nth-child(4n+3){--box-color:var(--support-b)}
html[data-theme] .account-card:nth-child(4n+4),html[data-theme] .account-character:nth-child(4n+4),html[data-theme] .account-panel:nth-child(4n+4){--box-color:var(--support-c)}
html[data-theme] .account-card:before{background:var(--box-color)!important;opacity:.045}
html[data-theme] .account-card:hover{border-color:color-mix(in srgb,var(--box-color) 31%,transparent)!important;background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--box-color) 10%,transparent),transparent 38%),linear-gradient(145deg,color-mix(in srgb,var(--theme-panel) 94%,white 6%),var(--theme-panel-deep))!important}

/* Account headline metrics use four distinct, related colors. */
html[data-theme] .account-summary-grid article:nth-child(1){--box-color:var(--theme-accent)}
html[data-theme] .account-summary-grid article:nth-child(2){--box-color:var(--support-b)}
html[data-theme] .account-summary-grid article:nth-child(3){--box-color:var(--support-a)}
html[data-theme] .account-summary-grid article:nth-child(4){--box-color:var(--support-c)}
html[data-theme] .account-summary-grid article{position:relative;overflow:hidden}
html[data-theme] .account-summary-grid article:before{content:'';position:absolute;left:0;top:14px;bottom:14px;width:2px;border-radius:0 2px 2px 0;background:var(--box-color);opacity:.75}
html[data-theme] .account-summary-grid article strong{color:color-mix(in srgb,var(--box-color) 58%,var(--theme-text))!important}

/* Tabs have category colors instead of repeating the main theme color. */
html[data-theme] .account-tabs{border-color:rgba(255,255,255,.055)!important;background:rgba(0,0,0,.2)!important}
html[data-theme] .account-tabs button{--tab-color:var(--theme-accent);border-color:transparent!important;background:transparent!important;color:var(--theme-muted)!important}
html[data-theme] .account-tabs .tab-characters{--tab-color:var(--support-a)}
html[data-theme] .account-tabs .tab-economy{--tab-color:var(--support-b)}
html[data-theme] .account-tabs .tab-assets{--tab-color:var(--support-c)}
html[data-theme] .account-tabs .tab-punishments{--tab-color:var(--danger-color)}
html[data-theme] .account-tabs .tab-activity{--tab-color:var(--support-a)}
html[data-theme] .account-tabs .tab-notes{--tab-color:var(--support-c)}
html[data-theme] .account-tabs .tab-security{--tab-color:var(--support-b)}
html[data-theme] .account-tabs button>span{border-color:color-mix(in srgb,var(--tab-color) 18%,transparent)!important;background:color-mix(in srgb,var(--tab-color) 7%,transparent)!important;color:var(--tab-color)!important}
html[data-theme] .account-tabs button:hover,html[data-theme] .account-tabs button.active{border-color:color-mix(in srgb,var(--tab-color) 22%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--tab-color) 13%,transparent),rgba(255,255,255,.018))!important;color:var(--theme-text)!important}
html[data-theme] .account-tabs button.active:after{background:var(--tab-color)!important;box-shadow:0 0 11px color-mix(in srgb,var(--tab-color) 38%,transparent)!important}

/* Buttons communicate their purpose using semantic accents. */
html[data-theme] .account-inspect,html[data-theme] .account-op,html[data-theme] .account-op-row>button{--action-color:var(--support-a);border-color:color-mix(in srgb,var(--action-color) 16%,transparent)!important;background:color-mix(in srgb,var(--action-color) 6%,transparent)!important;color:color-mix(in srgb,var(--action-color) 55%,var(--theme-text))!important}
html[data-theme] [data-account-op="money"],html[data-theme] [data-account-op="whitelist"],html[data-theme] [data-account-op="restore_character"]{--action-color:var(--support-b)}
html[data-theme] [data-account-op="character_job"],html[data-theme] [data-account-op="vehicle_garage"],html[data-theme] [data-account-op="pin_note"],html[data-theme] [data-account-op="add_tag"]{--action-color:var(--support-c)}
html[data-theme] [data-account-op="character_identity"],html[data-theme] [data-account-op="reset_appearance"]{--action-color:var(--theme-accent)}
html[data-theme] .account-op.danger,html[data-theme] [data-account-op="inventory_clear"],html[data-theme] [data-account-op="soft_delete_character"],html[data-theme] [data-account-op="vehicle_delete"],html[data-theme] [data-account-op="delete_note"],html[data-theme] [data-account-op="delete_tag"],html[data-theme] [data-account-op="ban"],html[data-theme] [data-account-op="kick"],html[data-theme] [data-account-op="jail"],html[data-theme] [data-account-op="admin"]{--action-color:var(--danger-color);border-color:color-mix(in srgb,var(--action-color) 20%,transparent)!important;background:color-mix(in srgb,var(--action-color) 7%,transparent)!important;color:color-mix(in srgb,var(--action-color) 70%,var(--theme-text))!important}
html[data-theme] .account-inspect:hover,html[data-theme] .account-op:hover,html[data-theme] .account-op-row>button:hover{border-color:color-mix(in srgb,var(--action-color) 34%,transparent)!important;background:linear-gradient(135deg,color-mix(in srgb,var(--action-color) 15%,transparent),color-mix(in srgb,var(--action-color) 5%,transparent))!important;color:var(--theme-text)!important}

/* Dashboard controls keep their identity in every theme and UI style. */
html[data-theme] .control-tile{--tile-color:var(--theme-accent);border-color:color-mix(in srgb,var(--tile-color) 18%,transparent)!important;background:radial-gradient(circle at 92% 5%,color-mix(in srgb,var(--tile-color) 12%,transparent),transparent 38%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))!important}
html[data-theme] .control-tile.cyan{--tile-color:var(--support-a)}
html[data-theme] .control-tile.amber{--tile-color:var(--support-c)}
html[data-theme] .control-tile.violet{--tile-color:var(--theme-accent)}
html[data-theme] .control-tile.green{--tile-color:var(--support-b)}
html[data-theme] .control-tile>span,html[data-theme] .control-tile>em{color:var(--tile-color)!important;background:color-mix(in srgb,var(--tile-color) 8%,transparent)!important;border-color:color-mix(in srgb,var(--tile-color) 17%,transparent)!important}
html[data-theme] .control-tile:hover{border-color:color-mix(in srgb,var(--tile-color) 34%,transparent)!important;box-shadow:0 18px 38px rgba(0,0,0,.2),0 0 24px color-mix(in srgb,var(--tile-color) 7%,transparent)!important}

/* Primary actions blend primary and companion accents; success and danger stay semantic. */
html[data-theme] button.primary,html[data-theme] .save-character{background:linear-gradient(110deg,var(--theme-accent),var(--support-a))!important;border-color:color-mix(in srgb,var(--theme-accent) 34%,transparent)!important}
html[data-theme] .resource-summary .running b,html[data-theme] .resource-status.running,html[data-theme] .resource-card-actions .start{color:var(--support-b)!important}
html[data-theme] .resource-summary .offline b,html[data-theme] .resource-card-actions .danger{color:var(--danger-color)!important}

/* UI style changes shape and spacing; theme colors no longer flood every surface. */
html[data-theme][data-ui-style] .card,html[data-theme][data-ui-style] .stat,html[data-theme][data-ui-style] .table-card,html[data-theme][data-ui-style] .resource,html[data-theme][data-ui-style] .catalog-item,html[data-theme][data-ui-style] .command-card,html[data-theme][data-ui-style] .command-stats article{
    background:radial-gradient(circle at 100% 0,color-mix(in srgb,var(--metric-color,var(--theme-accent)) 5%,transparent),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))!important;
    border-color:rgba(255,255,255,.06)!important
}
html[data-theme] .command-stats article,html[data-theme] .stats>.stat{--metric-color:var(--theme-accent);position:relative;overflow:hidden}
html[data-theme] .command-stats article:nth-child(2),html[data-theme] .stats>.stat:nth-child(2){--metric-color:var(--support-a)}
html[data-theme] .command-stats article:nth-child(3),html[data-theme] .stats>.stat:nth-child(3){--metric-color:var(--support-b)}
html[data-theme] .command-stats article:nth-child(4),html[data-theme] .stats>.stat:nth-child(4){--metric-color:var(--support-c)}
html[data-theme] .command-stats article:before,html[data-theme] .stats>.stat:before{content:'';position:absolute;left:0;top:17px;bottom:17px;width:2px;border-radius:0 3px 3px 0;background:var(--metric-color);opacity:.72}
html[data-theme] .command-stats article>span{color:var(--metric-color)!important;background:color-mix(in srgb,var(--metric-color) 9%,transparent)!important}
html[data-theme][data-ui-style="tactical"] .command-stats article{border-left:3px solid var(--metric-color)!important}

/* Theme chooser previews the complete palette instead of three shades of one hue. */
.theme-preview i:nth-child(1){background:color-mix(in srgb,var(--swatch-a) 78%,white 22%)}
.theme-preview i:nth-child(2){background:var(--swatch-b)}
.theme-preview i:nth-child(3){background:color-mix(in srgb,var(--swatch-a) 28%,rgba(255,255,255,.22))}
.theme-preview:after{content:'';position:absolute;z-index:2;right:42px;top:14px;width:8px;height:8px;border-radius:50%;background:color-mix(in srgb,var(--swatch-a) 55%,white 45%);box-shadow:0 0 10px color-mix(in srgb,var(--swatch-a) 28%,transparent)}

/* Shared contrast rules */
html[data-theme] .logo>span,html[data-theme] .primary,html[data-theme] button.primary,html[data-theme] .save-character{color:#fff!important;text-shadow:0 1px 1px rgba(0,0,0,.18)}
html[data-theme] .logo>span{background:linear-gradient(145deg,var(--theme-accent),var(--theme-accent-2));box-shadow:0 8px 22px rgba(var(--theme-rgb),.18)}

/* Complete light-mode contrast layer (also applies to bright custom themes). */
html[data-theme-tone="light"]{--line:rgba(23,32,51,.11);--shadow:0 22px 55px rgba(35,45,65,.11)}
html[data-theme-tone="light"] body{background:radial-gradient(circle at 8% 0,rgba(var(--theme-rgb),.07),transparent 28%),radial-gradient(circle at 100% 100%,rgba(var(--theme-rgb),.035),transparent 26%),var(--theme-bg);color:var(--theme-text)}
html[data-theme-tone="light"] .ambient{opacity:.035}
html[data-theme-tone="light"] .login-card,html[data-theme-tone="light"] .modal-card,html[data-theme-tone="light"] .toast{border-color:rgba(23,32,51,.1);background:var(--theme-panel);box-shadow:0 24px 60px rgba(35,45,65,.12)}
html[data-theme-tone="light"] .login-shell{background:radial-gradient(circle at 50% 12%,rgba(var(--theme-rgb),.07),transparent 36%)}
html[data-theme-tone="light"] label,html[data-theme-tone="light"] .server-live,html[data-theme-tone="light"] .ghost{color:var(--theme-muted)}
html[data-theme-tone="light"] .secret-row,html[data-theme-tone="light"] .search,html[data-theme-tone="light"] .modal input,html[data-theme-tone="light"] .modal textarea,html[data-theme-tone="light"] .console-input input{border-color:rgba(23,32,51,.11);background:rgba(23,32,51,.035);color:var(--theme-text)}
html[data-theme-tone="light"] input::placeholder,html[data-theme-tone="light"] textarea::placeholder{color:color-mix(in srgb,var(--theme-muted) 72%,transparent)}
html[data-theme-tone="light"] .sidebar{background:linear-gradient(180deg,rgba(var(--theme-rgb),.035),transparent 24%),var(--theme-panel);border-color:rgba(23,32,51,.09);box-shadow:8px 0 28px rgba(35,45,65,.035)}
html[data-theme-tone="light"] nav button{color:var(--theme-muted)}
html[data-theme-tone="light"] nav button:hover{color:var(--theme-text);background:rgba(var(--theme-rgb),.055)}
html[data-theme-tone="light"] nav button.active{color:var(--theme-text);background:linear-gradient(90deg,rgba(var(--theme-rgb),.13),rgba(var(--theme-rgb),.025))}
html[data-theme-tone="light"] .nav-title,html[data-theme-tone="light"] .logo small,html[data-theme-tone="light"] .framework small{color:var(--theme-muted)}
html[data-theme-tone="light"] .framework,html[data-theme-tone="light"] .icon-button,html[data-theme-tone="light"] .avatar{background:var(--theme-panel-deep);border-color:rgba(23,32,51,.1);color:var(--theme-text)}
html[data-theme-tone="light"] header{border-color:rgba(23,32,51,.09)}

html[data-theme-tone="light"] .card,html[data-theme-tone="light"] .stat,html[data-theme-tone="light"] .table-card,html[data-theme-tone="light"] .resource,html[data-theme-tone="light"] .catalog-item,html[data-theme-tone="light"] .command-card,html[data-theme-tone="light"] .command-stats article,html[data-theme-tone="light"] .account-card,html[data-theme-tone="light"] .account-detail-hero,html[data-theme-tone="light"] .account-panel,html[data-theme-tone="light"] .account-character,html[data-theme-tone="light"] .inventory-window{box-shadow:0 13px 32px rgba(35,45,65,.075),inset 0 1px 0 rgba(255,255,255,.8)!important}
html[data-theme-tone="light"] :is(.stat-top,.stat small,.card-head small,.online-row small,.quick small,.catalog-item small,.empty,.muted){color:var(--theme-muted)}
html[data-theme-tone="light"] :is(.quick,.action,.resource-actions button){border-color:rgba(23,32,51,.09);background:rgba(23,32,51,.035);color:var(--theme-muted)}
html[data-theme-tone="light"] :is(.quick,.action,.resource-actions button):hover{background:rgba(var(--theme-rgb),.075);color:var(--theme-text)}
html[data-theme-tone="light"] .online-row,html[data-theme-tone="light"] .table td{border-color:rgba(23,32,51,.075)}
html[data-theme-tone="light"] .table th{background:rgba(23,32,51,.035);color:var(--theme-muted)}
html[data-theme-tone="light"] .table td,html[data-theme-tone="light"] .identity b{color:var(--theme-text)}

html[data-theme-tone="light"] .players-search,html[data-theme-tone="light"] .player-card,html[data-theme-tone="light"] .player-command-view,html[data-theme-tone="light"] .player-command-view .inspect-profile,html[data-theme-tone="light"] .player-command-view .inspect-hero,html[data-theme-tone="light"] .player-command-view .info-card,html[data-theme-tone="light"] .player-command-view .actions-panel{border-color:rgba(23,32,51,.1)!important;background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.055),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))!important;box-shadow:0 14px 34px rgba(35,45,65,.075)!important}
html[data-theme-tone="light"] :is(.player-card-title b,.inspect-profile b,.inspect-hero h3,.info-card h4,.actions-panel h3,.actions-panel h4,.profile-stat strong){color:var(--theme-text)}
html[data-theme-tone="light"] :is(.player-card-title small,.player-meta,.inspect-profile small,.inspect-hero span,.profile-stat span,.detail-field span){color:var(--theme-muted)}
html[data-theme-tone="light"] .player-avatar,html[data-theme-tone="light"] .big-avatar{border-color:rgba(var(--theme-rgb),.32);background:radial-gradient(circle at 35% 25%,#fff,color-mix(in srgb,var(--theme-accent) 18%,#d7dde7) 58%,var(--theme-soft));color:var(--theme-text);box-shadow:0 7px 20px rgba(var(--theme-rgb),.1)}
html[data-theme-tone="light"] .detail-field b,html[data-theme-tone="light"] .detail-field input{border-color:rgba(23,32,51,.09)!important;background:rgba(23,32,51,.035)!important;color:var(--theme-text)!important}
html[data-theme-tone="light"] .player-command-view .action-tile{color:color-mix(in srgb,var(--tile-accent) 35%,#172033)!important;background:linear-gradient(145deg,rgba(var(--tile-rgb),.16),rgba(var(--tile-rgb),.055))!important;border-color:rgba(var(--tile-rgb),.28)}
html[data-theme-tone="light"] .player-command-view .action-tile span{color:inherit!important}

html[data-theme-tone="light"] :is(.account-card h4,.account-detail-hero h3,.account-summary-grid strong,.section-title h4,.character-card-head b,.character-facts b,.economy-balances b,.inventory-window h3,.inventory-detail h4){color:var(--theme-text)!important}
html[data-theme-tone="light"] :is(.account-card>p,.account-last,.account-license span,.account-summary-grid span,.character-card-head small,.character-facts small,.inventory-window header small,.inventory-detail-card>p,.inventory-detail code){color:var(--theme-muted)!important}
html[data-theme-tone="light"] :is(.account-card-meta span,.account-license,.character-facts p,.economy-balances span,.inventory-list>span,.inventory-slots,.inventory-slot,.inventory-detail,.inventory-detail-stats span){border-color:rgba(23,32,51,.075)!important;background:rgba(23,32,51,.025)!important}
html[data-theme-tone="light"] .inventory-slot b,html[data-theme-tone="light"] .inventory-detail-stats b{color:var(--theme-text)}
html[data-theme-tone="light"] .inventory-slot small,html[data-theme-tone="light"] .slot-index{color:var(--theme-muted)}
html[data-theme-tone="light"] .slot-index{background:rgba(23,32,51,.06)}

html[data-theme-tone="light"] .resource-commandbar,html[data-theme-tone="light"] .resource-toolbar,html[data-theme-tone="light"] .resource-control-card{border-color:rgba(23,32,51,.085)!important;background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.045),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))!important;box-shadow:0 12px 30px rgba(35,45,65,.065)!important}
html[data-theme-tone="light"] :is(.resource-toolbar>label,.resource-summary button,.resource-filter-pills,.resource-refresh,.resource-card-actions button){border-color:rgba(23,32,51,.08);background:rgba(23,32,51,.035)}

html[data-theme-tone="light"] .resource-editor-shell{border-color:rgba(23,32,51,.11);background:var(--theme-panel);box-shadow:0 18px 45px rgba(35,45,65,.11)}
html[data-theme-tone="light"] .editor-explorer,html[data-theme-tone="light"] .editor-titlebar,html[data-theme-tone="light"] .editor-tabs{background:var(--theme-panel-deep)}
html[data-theme-tone="light"] .editor-main,html[data-theme-tone="light"] .code-editor{background:#f8fafc}
html[data-theme-tone="light"] .editor-highlight{color:#334155}
html[data-theme-tone="light"] .editor-file-search{background:rgba(23,32,51,.035)}
html[data-theme-tone="light"] .syntax-comment{color:#438b4b}html[data-theme-tone="light"] .syntax-string{color:#a34f36}
html[data-theme-tone="light"] .syntax-keyword{color:#7c3aad}.syntax-number{color:#397a59}
html[data-theme-tone="light"] .syntax-function{color:#8a681f}.syntax-builtin{color:#16766f}
html[data-theme-tone="light"] .syntax-constant,html[data-theme-tone="light"] .syntax-tag{color:#285ea8}
html[data-theme-tone="light"] .syntax-property,html[data-theme-tone="light"] .syntax-attr{color:#276886}

html[data-theme-tone="light"] .theme-option,html[data-theme-tone="light"] .ui-style-option,html[data-theme-tone="light"] .position-option{border-color:rgba(23,32,51,.09);background:rgba(23,32,51,.018)}
html[data-theme-tone="light"] .theme-option:hover,html[data-theme-tone="light"] .ui-style-option:hover,html[data-theme-tone="light"] .position-option:hover{background:rgba(var(--theme-rgb),.055)}
html[data-theme-tone="light"] .theme-check,html[data-theme-tone="light"] .ui-style-option>strong{border-color:rgba(23,32,51,.12)}
html[data-theme-tone="light"] .theme-option.active .theme-check,html[data-theme-tone="light"] .ui-style-option.active>strong{color:#fff}

/* Monochrome keeps controls readable while removing decorative color. */
html[data-theme="monochrome"] .logo>span,html[data-theme="monochrome"] .primary,html[data-theme="monochrome"] button.primary,html[data-theme="monochrome"] .save-character{color:#080808!important;text-shadow:none}
html[data-theme="monochrome"] .player-command-view .action-tile{filter:grayscale(1)!important}
html[data-theme="monochrome"] .player-command-view .action-tile:hover{filter:grayscale(1) brightness(1.12)!important}
html[data-theme="monochrome"] :is(.resource-status,.state,.status,.ping,.pulse,.actions-head span){filter:grayscale(1)}

/* Live vehicle operations center */
.vehicle-center{display:grid;gap:14px}.vehicle-commandbar{min-height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 20px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:16px;background:radial-gradient(circle at 8% 0,rgba(var(--theme-rgb),.09),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep));box-shadow:0 17px 42px rgba(0,0,0,.14)}.vehicle-heading{display:flex;align-items:center;gap:14px}.vehicle-heading>span{width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.16);border-radius:14px;background:linear-gradient(145deg,rgba(var(--theme-rgb),.13),rgba(var(--theme-rgb),.035));color:var(--theme-accent)}.vehicle-heading>span .ui-svg{width:25px}.vehicle-heading .eyebrow{margin:0 0 5px;font-size:7px}.vehicle-heading h3{margin:0;color:var(--theme-text);font:600 17px 'Space Grotesk',sans-serif}.vehicle-heading small{display:block;margin-top:5px;color:var(--theme-muted);font-size:7px}.vehicle-summary{display:grid;grid-template-columns:repeat(3,92px);gap:7px}.vehicle-summary button{height:64px;padding:9px 11px;border:1px solid rgba(var(--theme-rgb),.09);border-radius:10px;background:rgba(0,0,0,.12);color:var(--theme-muted);text-align:left;cursor:pointer}.vehicle-summary button:hover,.vehicle-summary button.active{border-color:rgba(var(--theme-rgb),.24);background:rgba(var(--theme-rgb),.075)}.vehicle-summary small,.vehicle-summary b{display:block}.vehicle-summary small{font-size:6px;letter-spacing:.08em}.vehicle-summary b{margin-top:6px;color:var(--theme-text);font-size:17px}.vehicle-summary button:nth-child(2) b{color:var(--support-b)}.vehicle-summary button:nth-child(3) b{color:var(--support-c)}
.vehicle-toolbar{min-height:54px;display:grid;grid-template-columns:minmax(260px,1fr) auto auto;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(var(--theme-rgb),.08);border-radius:13px;background:color-mix(in srgb,var(--theme-panel) 88%,transparent)}.vehicle-toolbar>label{height:37px;display:grid;grid-template-columns:28px 1fr;align-items:center;margin:0;padding:0 9px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:9px;background:rgba(0,0,0,.13)}.vehicle-toolbar>label .ui-svg{width:14px;color:var(--theme-muted)}.vehicle-toolbar input{width:100%;height:100%;padding:0!important;border:0!important;outline:0;background:transparent!important;color:var(--theme-text);font-size:8px}.vehicle-toolbar>div{display:flex;gap:4px;padding:4px;border-radius:9px;background:rgba(0,0,0,.12)}.vehicle-toolbar>div button,.vehicle-toolbar>button{height:31px;padding:0 11px;border:0;border-radius:7px;background:transparent;color:var(--theme-muted);font-size:7px;cursor:pointer}.vehicle-toolbar>div button.active{background:rgba(var(--theme-rgb),.13);color:var(--theme-text)}.vehicle-toolbar>button{height:37px;display:flex;align-items:center;gap:7px;border:1px solid rgba(var(--theme-rgb),.1);background:rgba(var(--theme-rgb),.04)}.vehicle-toolbar>button:hover{color:var(--theme-text);border-color:rgba(var(--theme-rgb),.2)}.vehicle-toolbar>button .ui-svg{width:13px}
.vehicle-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}.vehicle-card{position:relative;min-width:0;padding:11px;border:1px solid rgba(var(--theme-rgb),.09);border-radius:14px;background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.05),transparent 35%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep));box-shadow:0 13px 32px rgba(0,0,0,.11);overflow:hidden;transition:transform .16s,border-color .16s,box-shadow .16s}.vehicle-card:hover{transform:translateY(-3px);border-color:rgba(var(--theme-rgb),.21);box-shadow:0 19px 40px rgba(0,0,0,.17)}.vehicle-card-visual{position:relative;height:92px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.075);border-radius:10px;background:linear-gradient(160deg,rgba(var(--theme-rgb),.08),rgba(0,0,0,.14));overflow:hidden}.vehicle-card-visual:before,.vehicle-card-visual:after{content:'';position:absolute;width:150px;height:42px;border:1px solid rgba(var(--theme-rgb),.07);border-radius:50%;transform:rotate(-12deg)}.vehicle-card-visual:after{width:95px;height:26px;transform:rotate(14deg)}.vehicle-card-visual>span{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:rgba(var(--theme-rgb),.09);color:var(--theme-accent);box-shadow:0 0 25px rgba(var(--theme-rgb),.08)}.vehicle-card-visual>span .ui-svg{width:25px}.vehicle-card-visual>em{position:absolute;z-index:2;right:8px;top:8px;display:flex;align-items:center;gap:5px;padding:5px 7px;border-radius:7px;background:rgba(65,190,132,.075);color:var(--support-b);font-size:5px;font-style:normal;font-weight:800;letter-spacing:.08em}.vehicle-card-visual>em i{width:5px;height:5px;border-radius:50%;background:var(--support-b);box-shadow:0 0 8px color-mix(in srgb,var(--support-b) 45%,transparent)}.vehicle-card-visual>small{position:absolute;left:9px;bottom:7px;color:var(--theme-muted);font:5px monospace}.vehicle-card-head{display:flex;align-items:end;justify-content:space-between;gap:8px;padding:12px 3px 9px}.vehicle-card-head small,.vehicle-card-head h4{display:block}.vehicle-card-head small{color:var(--theme-muted);font-size:5px;letter-spacing:.11em}.vehicle-card-head h4{max-width:135px;margin:4px 0 0;color:var(--theme-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card-head code{max-width:105px;color:var(--theme-muted);font-size:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card-facts{display:grid;grid-template-columns:1fr 65px;gap:6px}.vehicle-card-facts span{min-width:0;padding:8px;border:1px solid rgba(var(--theme-rgb),.055);border-radius:8px;background:rgba(0,0,0,.1)}.vehicle-card-facts span.wide{grid-column:1/-1}.vehicle-card-facts small,.vehicle-card-facts b{display:block}.vehicle-card-facts small{color:var(--theme-muted);font-size:5px;letter-spacing:.08em}.vehicle-card-facts b{margin-top:4px;color:color-mix(in srgb,var(--theme-text) 86%,var(--theme-muted));font-size:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vehicle-card-actions{display:grid;grid-template-columns:1.4fr .8fr;gap:6px;margin-top:9px}.vehicle-card-actions button{height:33px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:8px;background:rgba(var(--theme-rgb),.04);color:var(--theme-muted);font-size:7px;cursor:pointer}.vehicle-card-actions button:first-child{color:color-mix(in srgb,var(--theme-accent) 60%,var(--theme-text));background:rgba(var(--theme-rgb),.07)}.vehicle-card-actions button:hover{border-color:rgba(var(--theme-rgb),.23);background:rgba(var(--theme-rgb),.11);color:var(--theme-text)}
.vehicle-empty{display:grid;place-content:center;justify-items:center;text-align:center;color:var(--theme-muted)}.vehicle-empty.large{grid-column:1/-1;min-height:310px;border:1px dashed rgba(var(--theme-rgb),.12);border-radius:15px}.vehicle-empty.large>div{width:58px;height:58px;display:grid;place-items:center;margin-bottom:13px;border-radius:50%;background:rgba(var(--theme-rgb),.07);color:var(--theme-accent)}.vehicle-empty.large .ui-svg{width:27px}.vehicle-empty b,.vehicle-empty small{display:block}.vehicle-empty b{color:var(--theme-text);font-size:10px}.vehicle-empty small{max-width:310px;margin-top:6px;font-size:7px}
.vehicle-inspect{position:relative;display:grid;gap:12px}.vehicle-back{position:absolute;z-index:2;left:18px;top:18px;width:40px;height:40px;border:1px solid rgba(var(--theme-rgb),.11);border-radius:11px;background:rgba(var(--theme-rgb),.04);color:var(--theme-text);font-size:25px;cursor:pointer}.vehicle-back:hover{background:rgba(var(--theme-rgb),.1)}.vehicle-inspect-hero{min-height:128px;display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:16px;padding:20px 20px 20px 74px;border:1px solid rgba(var(--theme-rgb),.11);border-radius:15px;background:radial-gradient(circle at 75% 0,rgba(var(--theme-rgb),.1),transparent 32%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep));box-shadow:0 16px 40px rgba(0,0,0,.13)}.vehicle-hero-symbol{width:60px;height:60px;display:grid;place-items:center;border:1px solid rgba(var(--theme-rgb),.18);border-radius:16px;background:rgba(var(--theme-rgb),.09);color:var(--theme-accent)}.vehicle-hero-symbol .ui-svg{width:29px}.vehicle-inspect-hero .eyebrow{margin:0 0 5px;font-size:6px}.vehicle-inspect-hero h3{margin:0;color:var(--theme-text);font-size:23px}.vehicle-inspect-hero>div:nth-child(2)>span{display:flex;align-items:center;gap:6px;margin-top:7px;color:var(--theme-muted);font-size:7px}.vehicle-inspect-hero>div:nth-child(2)>span i{width:6px;height:6px;border-radius:50%;background:var(--support-b);box-shadow:0 0 8px color-mix(in srgb,var(--support-b) 45%,transparent)}.vehicle-hero-actions{display:flex;gap:7px}.vehicle-hero-actions button{height:36px;padding:0 12px;border:1px solid rgba(var(--theme-rgb),.11);border-radius:8px;background:rgba(var(--theme-rgb),.04);color:var(--theme-muted);font-size:7px;cursor:pointer}.vehicle-hero-actions button:hover{color:var(--theme-text);border-color:rgba(var(--theme-rgb),.23)}.vehicle-hero-actions button.primary{border:0;color:#fff}.vehicle-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:12px}.vehicle-detail-card{min-height:350px;padding:17px;border:1px solid rgba(var(--theme-rgb),.09);border-radius:13px;background:linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep));box-shadow:0 13px 32px rgba(0,0,0,.1)}.vehicle-data-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-data-grid>span{padding:12px;border:1px solid rgba(var(--theme-rgb),.065);border-radius:9px;background:rgba(0,0,0,.1)}.vehicle-data-grid>span.wide{grid-column:1/-1}.vehicle-data-grid small,.vehicle-data-grid b{display:block}.vehicle-data-grid small{color:var(--theme-muted);font-size:6px;letter-spacing:.1em}.vehicle-data-grid b{margin-top:7px;color:var(--theme-text);font-size:9px}.vehicle-data-grid .vehicle-online-text{color:var(--support-b)}.vehicle-occupants{display:grid;gap:7px}.vehicle-occupants>button{width:100%;min-height:58px;display:grid;grid-template-columns:38px 1fr auto;align-items:center;gap:10px;padding:8px;border:1px solid rgba(var(--theme-rgb),.065);border-radius:9px;background:rgba(var(--theme-rgb),.025);color:var(--theme-text);text-align:left;cursor:pointer}.vehicle-occupants>button:hover{border-color:rgba(var(--theme-rgb),.19);background:rgba(var(--theme-rgb),.07)}.vehicle-occupants>button b,.vehicle-occupants>button small{display:block}.vehicle-occupants>button b{font-size:8px}.vehicle-occupants>button small{margin-top:4px;color:var(--theme-muted);font-size:6px}.vehicle-occupants>button em{padding:5px 7px;border-radius:7px;background:color-mix(in srgb,var(--support-b) 8%,transparent);color:var(--support-b);font-size:5px;font-style:normal;font-weight:800}.vehicle-inspect-footer{min-height:68px;display:flex;align-items:center;justify-content:space-between;padding:12px 15px;border:1px solid rgba(var(--theme-rgb),.08);border-radius:12px;background:color-mix(in srgb,var(--theme-panel) 88%,transparent)}.vehicle-inspect-footer>div{display:grid;grid-template-columns:10px auto;align-items:center;gap:0 7px}.vehicle-inspect-footer>div .pulse{grid-row:1/3}.vehicle-inspect-footer b{color:var(--theme-text);font-size:8px}.vehicle-inspect-footer small{grid-column:2;display:block;margin-top:3px;color:var(--theme-muted);font-size:6px}.vehicle-inspect-footer>button{height:35px;padding:0 13px;border:1px solid rgba(var(--theme-rgb),.14);border-radius:8px;background:rgba(var(--theme-rgb),.07);color:var(--theme-text);font-size:7px;cursor:pointer}.vehicle-inspect-footer>button span{margin-left:12px;color:var(--theme-accent)}
html[data-theme-tone="light"] :is(.vehicle-commandbar,.vehicle-toolbar,.vehicle-card,.vehicle-inspect-hero,.vehicle-detail-card,.vehicle-inspect-footer){box-shadow:0 13px 32px rgba(35,45,65,.07);background:radial-gradient(circle at 100% 0,rgba(var(--theme-rgb),.04),transparent 34%),linear-gradient(145deg,var(--theme-panel),var(--theme-panel-deep))}.vehicle-card:nth-child(4n+2){--theme-card-accent:var(--support-a)}.vehicle-card:nth-child(4n+3){--theme-card-accent:var(--support-b)}.vehicle-card:nth-child(4n+4){--theme-card-accent:var(--support-c)}
@media(max-width:1450px){.vehicle-card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1050px){.vehicle-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-commandbar{align-items:flex-start;flex-direction:column}.vehicle-summary{width:100%;grid-template-columns:repeat(3,1fr)}.vehicle-toolbar{grid-template-columns:1fr auto}.vehicle-toolbar>div{grid-row:2;grid-column:1/-1}.vehicle-detail-grid{grid-template-columns:1fr}.vehicle-detail-card{min-height:0}}
@media(max-width:680px){.vehicle-card-grid{grid-template-columns:1fr}.vehicle-toolbar{grid-template-columns:1fr}.vehicle-toolbar>div,.vehicle-toolbar>button{grid-column:1;grid-row:auto}.vehicle-toolbar>div{overflow:auto}.vehicle-inspect-hero{grid-template-columns:48px 1fr;padding-left:66px}.vehicle-hero-symbol{width:48px;height:48px}.vehicle-hero-actions{grid-column:1/-1}.vehicle-inspect-footer{align-items:flex-start;flex-direction:column;gap:12px}.vehicle-inspect-footer>button{width:100%}}

/* Installable desktop application */
.install-app{height:38px;display:flex;align-items:center;gap:8px;padding:0 12px;border:1px solid rgba(var(--theme-rgb),.13);border-radius:10px;background:linear-gradient(135deg,rgba(var(--theme-rgb),.09),rgba(var(--theme-rgb),.035));color:var(--theme-muted);font-size:7px;font-weight:750;white-space:nowrap;cursor:pointer;transition:border-color .16s,background .16s,color .16s,transform .16s}.install-app svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.install-app:hover,.install-app.ready{transform:translateY(-1px);border-color:rgba(var(--theme-rgb),.28);background:rgba(var(--theme-rgb),.11);color:var(--theme-text)}.install-app.ready{color:var(--theme-accent);box-shadow:0 0 18px rgba(var(--theme-rgb),.07)}.install-app.installed{border-color:color-mix(in srgb,var(--support-b) 20%,transparent);background:color-mix(in srgb,var(--support-b) 7%,transparent);color:var(--support-b);cursor:default}.install-help{display:grid;gap:13px;margin-top:18px}.install-help>div{padding:14px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:11px;background:rgba(var(--theme-rgb),.035)}.install-help b,.install-help p{display:block}.install-help b{color:var(--theme-text);font-size:10px}.install-help p{margin:7px 0 0;color:var(--theme-muted);font-size:8px;line-height:1.6}.install-help ol{display:grid;gap:8px;margin:0;padding:13px 13px 13px 30px;border:1px solid rgba(var(--theme-rgb),.075);border-radius:11px;color:var(--theme-muted);background:rgba(0,0,0,.08);font-size:8px}.install-help li::marker{color:var(--theme-accent);font-weight:800}html[data-theme-tone="light"] .install-app{background:rgba(var(--theme-rgb),.04)}html[data-theme-tone="light"] .install-help ol{background:rgba(23,32,51,.025)}
@media(max-width:1180px){.install-app{width:38px;padding:0;justify-content:center}.install-app span{display:none}}
@media(display-mode:standalone){.install-app{border-color:color-mix(in srgb,var(--support-b) 20%,transparent);color:var(--support-b)}}
.install-help article{display:grid;gap:8px;padding:14px;border:1px solid rgba(var(--theme-rgb),.1);border-radius:11px;background:rgba(var(--theme-rgb),.035)}.install-help article b{color:var(--theme-text);font-size:10px}.install-help article span{color:var(--theme-muted);font-size:8px;line-height:1.65}.install-note{margin:14px 0 0;padding:12px 14px;border-left:3px solid var(--theme-accent);border-radius:8px;background:rgba(var(--theme-rgb),.07);color:var(--theme-muted);font-size:8px;line-height:1.6}