:root{--bg:#080a12;--panel:#111421;--panel2:#171a2a;--line:rgba(132,144,197,.18);--text:#f4f6ff;--muted:#8f99b4;--blue:#4b8dff;--violet:#8b4cf5;--cyan:#37d8f2;--green:#54dfb3;--amber:#ffc966;--red:#ff7893;--radius:16px;--shadow:0 18px 44px rgba(0,0,0,.28)}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:radial-gradient(circle at 15% -10%,rgba(52,125,255,.12),transparent 28%),radial-gradient(circle at 88% 0%,rgba(155,65,255,.12),transparent 26%),var(--bg);color:var(--text)}body{overflow-x:hidden}.ambient{position:fixed;border-radius:50%;filter:blur(80px);pointer-events:none;opacity:.18}.a1{width:260px;height:260px;background:#3d8cff;left:-100px;top:80px}.a2{width:280px;height:280px;background:#8b3ff3;right:-110px;top:120px}.a3{width:220px;height:220px;background:#28d6f0;right:24%;bottom:-130px}.shell{display:grid;grid-template-columns:245px minmax(0,1fr);min-height:100vh}.sidebar{position:sticky;top:0;height:100vh;padding:14px 12px;border-right:1px solid rgba(117,128,177,.16);background:linear-gradient(180deg,rgba(11,13,23,.96),rgba(8,10,18,.94));backdrop-filter:blur(20px);display:flex;flex-direction:column;z-index:10}.brand{height:64px;display:flex;align-items:center;gap:11px;padding:0 7px 12px;border-bottom:1px solid rgba(119,130,181,.13)}.brand-orb{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;font-weight:950;background:linear-gradient(145deg,var(--blue),var(--violet));box-shadow:0 10px 25px rgba(70,96,230,.27),inset 0 1px 0 rgba(255,255,255,.24)}.brand b{display:block;font-size:13px;letter-spacing:.08em}.brand small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em;margin-top:2px}.nav-scroll{flex:1;overflow:auto;padding:10px 0}.nav-scroll::-webkit-scrollbar{width:5px}.nav-scroll::-webkit-scrollbar-thumb{background:rgba(124,133,180,.2);border-radius:9px}.nav-scroll p{margin:15px 9px 6px;color:#5f6986;font-size:7.5px;font-weight:900;letter-spacing:.16em}.nav{width:100%;height:37px;border:0;border-radius:10px;background:transparent;color:#9ea8c0;display:grid;grid-template-columns:25px 1fr auto;align-items:center;gap:7px;padding:0 9px;text-align:left;font-size:10px;font-weight:750;cursor:pointer}.nav i{font-style:normal;width:23px;height:23px;border-radius:7px;display:grid;place-items:center;background:rgba(255,255,255,.025);color:#8997ba}.nav em{font-style:normal;font-size:7px;color:#66728f}.nav:hover{background:rgba(77,96,154,.09);color:#e7ebfa}.nav.active{background:linear-gradient(90deg,rgba(61,132,255,.18),rgba(132,66,245,.10));color:#fff;box-shadow:inset 0 0 0 1px rgba(104,136,222,.16)}.nav.active i{background:linear-gradient(145deg,rgba(64,137,255,.25),rgba(136,76,245,.22));color:#a8dfff}.side-status{min-height:52px;border-radius:12px;border:1px solid rgba(105,116,166,.16);background:rgba(20,23,37,.66);display:flex;align-items:center;gap:9px;padding:9px}.side-status>span{width:9px;height:9px;border-radius:50%;background:#6d758e;box-shadow:0 0 10px transparent}.side-status>span.on{background:var(--green);box-shadow:0 0 12px rgba(84,223,179,.45)}.side-status b{display:block;font-size:9px}.side-status small{display:block;font-size:7.5px;color:var(--muted);margin-top:2px}.main{min-width:0;padding:0 22px 32px}.topbar{position:sticky;top:0;z-index:8;height:82px;display:flex;align-items:center;justify-content:space-between;gap:14px;background:linear-gradient(180deg,rgba(8,10,18,.94),rgba(8,10,18,.78),transparent);backdrop-filter:blur(12px)}.topbar small{display:block;color:#6d7896;font-size:8px;letter-spacing:.14em;font-weight:850}.topbar h1{font-size:22px;margin:4px 0 0}.top-actions{display:flex;align-items:center;gap:7px;flex-wrap:wrap;justify-content:flex-end}.role-pill,.pill,.live{padding:6px 9px;border-radius:999px;border:1px solid rgba(111,126,188,.22);background:rgba(39,45,72,.48);font-size:7.5px;font-weight:900;letter-spacing:.09em;color:#bfcbee}.live{color:#7ee3bb;border-color:rgba(84,223,179,.24);background:rgba(47,128,104,.12)}button,input,textarea,select{font:inherit}.primary,.ghost,.danger-btn,.icon-btn,.upload-btn{border-radius:10px;min-height:34px;padding:0 12px;font-size:9px;font-weight:850;cursor:pointer;transition:.16s ease}.primary{border:1px solid rgba(148,171,255,.38);color:white;background:linear-gradient(135deg,var(--blue),var(--violet));box-shadow:0 9px 20px rgba(78,75,218,.22),inset 0 1px 0 rgba(255,255,255,.14)}.ghost{border:1px solid rgba(106,119,169,.22);color:#c8d1e6;background:linear-gradient(145deg,rgba(28,32,51,.86),rgba(18,20,34,.88));box-shadow:inset 0 1px 0 rgba(255,255,255,.035)}.danger-btn{border:1px solid rgba(255,116,142,.28);color:#ffc1cc;background:rgba(125,39,58,.14)}.icon-btn{width:34px;padding:0;border:1px solid rgba(105,117,166,.2);background:#151824;color:#abb5cc}.primary:hover,.ghost:hover,.danger-btn:hover,.icon-btn:hover,.upload-btn:hover{transform:translateY(-1px);filter:brightness(1.06)}button:disabled{opacity:.45;cursor:not-allowed;transform:none!important}.mini{min-height:27px;padding:0 8px;font-size:8px}.wide{width:100%;margin-top:10px}.page{display:none;animation:fade .18s ease}.page.active{display:block}@keyframes fade{from{opacity:.3;transform:translateY(4px)}to{opacity:1;transform:none}}.card{position:relative;border-radius:var(--radius);border:1px solid var(--line);background:radial-gradient(circle at 95% 0%,rgba(131,72,244,.07),transparent 30%),linear-gradient(145deg,rgba(20,23,38,.94),rgba(13,15,27,.94));box-shadow:var(--shadow),inset 0 1px 0 rgba(255,255,255,.035);padding:15px;overflow:hidden}.card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.018),transparent 32%);pointer-events:none}.card>*{position:relative;z-index:1}.hero{min-height:190px;display:grid;grid-template-columns:minmax(0,1fr) 170px;align-items:center;padding:25px}.hero .eyebrow,.section-title span{display:inline-block;color:#63dcf2;font-size:8px;font-weight:950;letter-spacing:.14em}.hero h2{font-size:26px;max-width:680px;margin:7px 0 8px}.hero p{max-width:720px;color:#a4aec5;font-size:11px;line-height:1.65;margin:0}.hero-actions{display:flex;gap:8px;margin-top:18px}.core-orb{width:130px;height:130px;justify-self:center;border-radius:50%;position:relative;display:grid;place-items:center;text-align:center;background:conic-gradient(from 180deg,var(--cyan),var(--blue),var(--violet),var(--cyan));padding:3px;box-shadow:0 0 40px rgba(91,108,245,.18)}.core-orb:before{content:"";position:absolute;inset:7px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#222b48,#101321 58%,#090b13);box-shadow:inset 0 0 30px rgba(67,90,180,.15)}.core-orb strong,.core-orb small{position:absolute;z-index:2}.core-orb strong{font-size:35px;top:37px}.core-orb small{font-size:8px;letter-spacing:.15em;bottom:35px;color:#a9b8d7}.stats{display:grid;gap:9px;margin:10px 0}.stats.six{grid-template-columns:repeat(6,minmax(0,1fr))}.stats.five{grid-template-columns:repeat(5,minmax(0,1fr))}.stats article{min-height:95px;display:flex;flex-direction:column;justify-content:center}.stats small{color:#7f8aa9;font-size:7.5px;font-weight:900;letter-spacing:.1em}.stats b{font-size:19px;margin-top:7px}.stats em{font-style:normal;color:#727d9b;font-size:7.5px;margin-top:3px}.grid2{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(280px,.8fr);gap:10px}.card-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:11px}.card-head small{display:block;color:#6f7a98;font-size:7.5px;font-weight:900;letter-spacing:.12em}.card-head h3{font-size:13px;margin:3px 0 0}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.module{min-height:70px;border-radius:12px;border:1px solid rgba(104,116,169,.16);background:rgba(23,27,45,.62);padding:9px;display:grid;grid-template-columns:24px 1fr;gap:8px;align-items:start}.module>span{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(60,134,255,.18),rgba(132,67,245,.15));color:#9edfff;font-size:8px;font-weight:950}.module b{font-size:9px}.module small{display:block;color:#737f9d;font-size:7px;line-height:1.35;margin-top:3px}.kv{min-height:38px;display:flex;align-items:center;justify-content:space-between;gap:10px;border-bottom:1px solid rgba(103,113,160,.12);font-size:9px}.kv:last-of-type{border-bottom:0}.kv span{color:#858faa}.kv b{color:#e6eafb;text-align:right}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:7px 0 13px}.section-title h2{font-size:20px;margin:3px 0 3px}.section-title p{margin:0;color:#8791ac;font-size:9.5px}.filterbar{display:flex;gap:8px;margin-bottom:10px}.filterbar input,.filterbar select{min-height:36px;flex:1}.field{display:flex;flex-direction:column;gap:6px}.field>span,.color-field>span{font-size:8px;color:#a8b1c8;font-weight:850}.field input,.field textarea,.field select,.color-field input,.filterbar input,.filterbar select,.codebox{border:1px solid rgba(103,114,165,.22);background:#0d101b;color:#f1f4ff;border-radius:10px;padding:9px 10px;outline:none;font-size:9.5px}.field input:focus,.field textarea:focus,.field select:focus,.filterbar input:focus,.filterbar select:focus,.codebox:focus{border-color:rgba(74,143,255,.52);box-shadow:0 0 0 2px rgba(74,143,255,.07)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.form-grid.compact{margin-bottom:10px}.span2{grid-column:span 2}.color-field{display:flex;flex-direction:column;gap:6px}.color-field input{height:40px;padding:4px}.toggle-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.toggle-card{min-height:65px;display:grid;grid-template-columns:1fr 42px;gap:8px;align-items:center;padding:10px 11px;border-radius:12px;border:1px solid rgba(103,115,167,.18);background:linear-gradient(145deg,rgba(24,28,46,.72),rgba(16,18,31,.74));position:relative}.toggle-card b{display:block;font-size:9px}.toggle-card small{display:block;color:#76819d;font-size:7px;line-height:1.35;margin-top:3px}.toggle-card input{opacity:0;position:absolute}.toggle-card i{width:36px;height:20px;border-radius:999px;background:#252c42;border:1px solid rgba(108,124,177,.22);position:relative;justify-self:end;cursor:pointer}.toggle-card i:after{content:"";position:absolute;width:14px;height:14px;border-radius:50%;left:2px;top:2px;background:#75819f;transition:.18s}.toggle-card input:checked+i{background:linear-gradient(90deg,var(--blue),var(--violet));border-color:rgba(132,159,255,.42)}.toggle-card input:checked+i:after{left:18px;background:#fff}.toggle-card.danger input:checked+i{background:linear-gradient(90deg,#e95c7d,#ff9866)}.table-card{padding:0}.table-wrap{overflow:auto}.table-wrap::-webkit-scrollbar{height:7px}.table-wrap::-webkit-scrollbar-thumb{background:rgba(111,122,171,.22);border-radius:8px}table{width:100%;border-collapse:collapse;min-width:760px}th,td{padding:11px 12px;border-bottom:1px solid rgba(103,114,160,.11);text-align:left;font-size:8.5px;vertical-align:middle}th{position:sticky;top:0;background:#111421;color:#76819d;font-size:7.5px;letter-spacing:.08em;z-index:2}td{color:#c8d0e3}tr:hover td{background:rgba(59,77,124,.055)}.user-cell b{display:block;color:#f0f3fb;font-size:9px}.user-cell small{color:#78839e;font-size:7.5px}.tag{display:inline-flex;align-items:center;min-height:23px;padding:0 7px;border-radius:999px;border:1px solid rgba(106,119,169,.22);background:rgba(44,50,76,.46);font-size:7px;font-weight:900;letter-spacing:.05em}.tag.green{color:#8de7c4;border-color:rgba(84,223,179,.25);background:rgba(50,127,102,.12)}.tag.gold{color:#ffe098;border-color:rgba(255,201,102,.25);background:rgba(127,88,20,.13)}.tag.red{color:#ffb1be;border-color:rgba(255,111,137,.26);background:rgba(127,39,58,.13)}.row-actions{display:flex;gap:4px;flex-wrap:wrap}.row-actions button{min-height:25px;padding:0 7px;border-radius:7px;border:1px solid rgba(103,116,170,.2);background:#171b2b;color:#b6c0d7;font-size:7px;cursor:pointer}.row-actions button:hover{border-color:rgba(87,151,255,.42);color:#fff}.matrix{display:grid;grid-template-columns:1.6fr .7fr .7fr;gap:0;border:1px solid rgba(106,117,168,.14);border-radius:12px;overflow:hidden}.matrix>div{min-height:42px;padding:9px 11px;border-right:1px solid rgba(106,117,168,.12);border-bottom:1px solid rgba(106,117,168,.12);display:flex;align-items:center;font-size:8.5px}.matrix .head{background:#151827;color:#8c97b2;font-weight:900;letter-spacing:.08em}.matrix .feat{font-weight:800;color:#dbe1ef}.matrix input[type=checkbox]{accent-color:#6b70ef}.matrix input[type=number]{width:70px;border:1px solid rgba(105,117,169,.2);background:#0d101b;color:white;border-radius:7px;padding:5px}.chips{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chips button{border-radius:999px;border:1px solid rgba(104,116,168,.2);background:#151827;color:#9da8c2;padding:6px 10px;font-size:8px;cursor:pointer}.chips button.active{background:linear-gradient(135deg,rgba(66,139,255,.25),rgba(139,69,246,.18));color:white;border-color:rgba(119,145,230,.32)}.codebox{width:100%;min-height:230px;resize:vertical;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;line-height:1.5}.codebox.tall{min-height:430px}.codebox.short{min-height:150px}.button-row{display:flex;justify-content:flex-end;gap:7px;margin-top:9px}.history{display:flex;flex-direction:column;gap:6px;max-height:420px;overflow:auto}.history-item{display:grid;grid-template-columns:52px 1fr auto;gap:8px;align-items:center;border:1px solid rgba(102,113,164,.15);border-radius:10px;padding:8px;background:rgba(24,27,44,.6)}.history-item>b{font-size:9px;color:#b8c8f3}.history-item span{font-size:8px;color:#c8d0e1}.history-item small{display:block;color:#727d98;font-size:7px;margin-top:2px}.history-item button{min-height:25px}.bar-chart{height:260px;display:flex;align-items:flex-end;gap:5px;padding:20px 4px 4px}.bar{flex:1;min-width:6px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,var(--cyan),var(--blue),var(--violet));opacity:.82;position:relative}.bar:hover{opacity:1;filter:brightness(1.1)}.bar span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);font-size:6px;color:#8090b4;white-space:nowrap;margin-bottom:4px}.terminal{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;color:#9ac5e7;min-height:180px;white-space:pre-wrap;font-size:9px;line-height:1.6}.security-list{margin:0;padding-left:18px;color:#aab3c9;font-size:9px;line-height:1.8}.studio-tabs{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.studio-tabs button{height:31px;padding:0 11px;border-radius:9px;border:1px solid rgba(106,118,169,.19);background:#141725;color:#919bb6;font-size:8px;font-weight:850;cursor:pointer}.studio-tabs button.active{color:#fff;background:linear-gradient(135deg,rgba(62,136,255,.25),rgba(139,69,245,.18));border-color:rgba(120,144,226,.30)}.studio-panel{display:none}.studio-panel.active{display:block}.upload-btn{display:flex;align-items:center;justify-content:center;border:1px dashed rgba(109,124,183,.26);background:#131725;color:#aab5cf;cursor:pointer;margin-top:9px}.upload-btn input{display:none}.note{margin-top:12px;padding:10px;border-radius:10px;background:rgba(54,73,126,.08);border:1px solid rgba(89,111,175,.14);color:#7d88a5;font-size:8px;line-height:1.5}.modal{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:rgba(4,5,10,.72);backdrop-filter:blur(12px)}.modal[hidden]{display:none}.modal-card{width:min(430px,100%);position:relative;border-radius:20px;padding:20px;background:radial-gradient(circle at 100% 0%,rgba(145,70,255,.16),transparent 30%),radial-gradient(circle at 0% 0%,rgba(59,150,255,.13),transparent 26%),linear-gradient(150deg,#191c2e,#0e101c);border:1px solid rgba(121,132,191,.28);box-shadow:0 30px 80px rgba(0,0,0,.56),inset 0 1px 0 rgba(255,255,255,.06)}.modal-x{position:absolute;right:10px;top:10px;width:30px;height:30px;border-radius:9px;border:1px solid transparent;background:transparent;color:#8b95ae;font-size:19px;cursor:pointer}.modal-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(66,140,255,.22),rgba(139,67,245,.18));border:1px solid rgba(114,146,224,.25);color:#b9e2ff;margin-bottom:10px}.modal-card>small{font-size:7px;color:#69d9f0;letter-spacing:.14em;font-weight:900}.modal-card h2{font-size:19px;margin:5px 0}.modal-card p{font-size:9px;color:#909bb7;line-height:1.55}.modal-card label{display:flex;flex-direction:column;gap:5px;color:#9ea8c0;font-size:8px;font-weight:800;margin-top:9px}.modal-card input,.modal-card select,.modal-card textarea{min-height:38px;border-radius:10px;border:1px solid rgba(105,116,168,.23);background:#0c0f19;color:#fff;padding:9px;outline:none}.legacy{margin-top:14px;border-top:1px solid rgba(103,114,165,.13);padding-top:11px;display:grid;grid-template-columns:1fr auto;gap:6px}.legacy span{grid-column:1/-1;font-size:7px;color:#6e7996}.toast-area{position:fixed;right:16px;bottom:16px;z-index:70;display:flex;flex-direction:column;gap:7px}.toast{min-width:250px;max-width:370px;border-radius:12px;border:1px solid rgba(112,124,181,.24);background:linear-gradient(145deg,#1a1e30,#11131f);box-shadow:0 18px 40px rgba(0,0,0,.36);padding:10px 12px;color:#dce3f4;font-size:9px;transform:translateY(8px);opacity:0;transition:.2s}.toast.show{transform:none;opacity:1}.toast.ok{border-color:rgba(84,223,179,.27)}.toast.err{border-color:rgba(255,113,140,.30);color:#ffc2cc}@media(max-width:1180px){.stats.six{grid-template-columns:repeat(3,1fr)}.stats.five{grid-template-columns:repeat(3,1fr)}.module-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.shell{grid-template-columns:76px 1fr}.brand>div:last-child,.nav span,.nav em,.nav-scroll p,.side-status div{display:none}.brand{justify-content:center}.nav{grid-template-columns:1fr;justify-items:center;padding:0}.nav i{font-size:10px}.side-status{justify-content:center}.main{padding:0 12px 24px}.grid2{grid-template-columns:1fr}.hero{grid-template-columns:1fr}.core-orb{display:none}.toggle-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.topbar{height:auto;min-height:78px;align-items:flex-start;padding:13px 0}.topbar h1{font-size:17px}.top-actions{max-width:58%}.top-actions .ghost{display:none}.stats.six,.stats.five{grid-template-columns:repeat(2,1fr)}.module-grid,.toggle-grid,.form-grid{grid-template-columns:1fr}.span2{grid-column:auto}.filterbar{flex-direction:column}.main{padding-right:8px}.sidebar{padding-left:7px;padding-right:7px}.shell{grid-template-columns:60px 1fr}}