:root{--bg:#EEF2F7;--card:#fff;--ink:#14213D;--mut:#64708A;--line:#E1E7F0;--side:#14213D;--acc:#2F5BEA;--ok:#0E9F6E;--warn:#D97706;--bad:#DC3545;--okb:#DDF5EA;--warnb:#FDEBCB;--badb:#FBDDE0;--row:#F6F8FC;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media(prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0C1220;--card:#151E33;--ink:#E8EDF8;--mut:#8D9AB8;--line:#243050;--side:#0A0F1C;--acc:#6C8CFF;--okb:#0F3A2C;--warnb:#47320D;--badb:#4A1A21;--row:#1A2540;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0C1220;--card:#151E33;--ink:#E8EDF8;--mut:#8D9AB8;--line:#243050;--side:#0A0F1C;--acc:#6C8CFF;--okb:#0F3A2C;--warnb:#47320D;--badb:#4A1A21;--row:#1A2540;color-scheme:dark}
*{box-sizing:border-box}html{scroll-padding-top:env(safe-area-inset-top,0px)}
body{margin:0;background:var(--bg);color:var(--ink);font:500 14px/1.5 "Plus Jakarta Sans",system-ui,sans-serif;display:flex;min-height:100vh}
aside{width:224px;background:var(--side);color:#C9D3EA;padding:22px 14px;display:flex;flex-direction:column;gap:6px;position:sticky;top:0;height:100vh}
.logo{font-weight:800;font-size:19px;color:#fff;padding:0 10px 18px;display:flex;gap:10px;align-items:center}
.logo i{width:30px;height:30px;border-radius:9px;background:linear-gradient(135deg,#6C8CFF,#2F5BEA);display:grid;place-items:center;font-style:normal}
.nav{background:none;border:0;color:inherit;text-align:left;padding:10px 12px;border-radius:10px;font:inherit;cursor:pointer;display:flex;justify-content:space-between}
.nav:hover{background:#ffffff14}.nav.on{background:#ffffff1f;color:#fff;font-weight:700}
.me{margin-top:auto;padding:12px;border-radius:12px;background:#ffffff12;font-size:12px}.me b{display:block;color:#fff;font-size:13px}
main{flex:1;padding:28px 32px;min-width:0;max-width:1180px}
h1{font-size:26px;margin:0 0 4px;font-weight:800;letter-spacing:-.4px}.sub{color:var(--mut);margin:0 0 20px}
.top{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:flex-start}
.btn{background:var(--acc);color:#fff;border:0;border-radius:10px;padding:10px 16px;font:700 13px inherit;font-family:inherit;cursor:pointer}
.btn:hover{filter:brightness(1.1)}.btn.g{background:var(--card);color:var(--ink);border:1px solid var(--line)}.btn.s{padding:6px 10px;font-size:12px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px}
.st{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:14px 16px}
.st b{font-size:26px;font-weight:800;display:block;letter-spacing:-.5px}.st span{color:var(--mut);font-size:12px}
.st.w b{color:var(--warn)}.st.b b{color:var(--bad)}.st.o b{color:var(--ok)}
.bar{display:flex;gap:10px;margin-bottom:12px;flex-wrap:wrap}
input,select,textarea{font:inherit;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:10px;padding:9px 12px;width:100%}
input:focus,select:focus,textarea:focus,button:focus-visible{outline:2px solid var(--acc);outline-offset:1px}
.bar input{flex:1;min-width:180px}.bar select{width:auto}
.tw{background:var(--card);border:1px solid var(--line);border-radius:14px;overflow-x:auto}
table{width:100%;border-collapse:collapse;min-width:760px}
th{text-align:left;font-size:12px;color:var(--mut);font-weight:700;padding:12px 14px;border-bottom:1px solid var(--line)}
td{padding:12px 14px;border-bottom:1px solid var(--line);vertical-align:middle}
tr.r{cursor:pointer}tr.r:hover td{background:var(--row)}tr:last-child td{border-bottom:0}
.av{width:34px;height:34px;border-radius:50%;display:inline-grid;place-items:center;color:#fff;font-weight:800;font-size:13px;margin-right:10px;vertical-align:middle}
.chip{display:inline-block;padding:3px 10px;border-radius:99px;font-size:12px;font-weight:700}
.ok{background:var(--okb);color:var(--ok)}.warn{background:var(--warnb);color:var(--warn)}.bad{background:var(--badb);color:var(--bad)}
.mut{color:var(--mut);font-size:12px}
.det td{background:var(--row)}.macs{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 10px}
.mac{font-family:ui-monospace,Menlo,monospace;font-size:12px;background:var(--card);border:1px solid var(--line);padding:4px 9px;border-radius:8px}
.modal{position:fixed;inset:0;background:#0009;display:none;place-items:center;padding:16px;z-index:20}.modal.on{display:grid}
.box{background:var(--card);border-radius:16px;padding:22px;width:100%;max-width:480px;max-height:90vh;overflow:auto}
.box h2{margin:0 0 14px;font-size:19px}label{display:block;font-size:12px;font-weight:700;color:var(--mut);margin:10px 0 4px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:10px}.acts{display:flex;gap:8px;justify-content:flex-end;margin-top:18px}
.toast{position:fixed;bottom:calc(20px + env(safe-area-inset-bottom,0px));left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);padding:10px 18px;border-radius:10px;font-weight:700;display:none;z-index:30}
.hint{background:var(--card);border:1px dashed var(--line);border-radius:14px;padding:14px 16px;margin-top:16px;color:var(--mut);font-size:13px}
.hide{display:none}.dev{border:1px solid var(--line);border-radius:12px;padding:12px;margin-top:10px;background:var(--row)}.dh{display:flex;justify-content:space-between}button:disabled{opacity:.5;cursor:not-allowed}.rmd{color:var(--bad);font-size:12px;font-weight:700}
@media(max-width:820px){body{flex-direction:column}aside{width:100%;height:auto;position:static;flex-direction:row;flex-wrap:wrap;align-items:center;padding:12px}.logo{padding:0 10px 0 4px}.me{display:none}main{padding:18px 14px}.stats{grid-template-columns:1fr 1fr}.two{grid-template-columns:1fr}}
:root:root:root{--bg:#0A0C11;--card:#12161F;--ink:#EDEAE2;--mut:#8B91A0;--line:#232938;--side:#07090D;--acc:#C8A862;--ok:#4FD1A1;--warn:#E8B04B;--bad:#F0707A;--okb:#10302A;--warnb:#3A2E12;--badb:#3C171B;--row:#171C27;color-scheme:dark}
:root:root:root[data-theme="light"]{--bg:#F5F3EE;--card:#fff;--ink:#14161C;--mut:#6B7080;--line:#E6E1D6;--acc:#8F6F22;--ok:#0F8B62;--warn:#B7740A;--bad:#C4303C;--okb:#DDF3EA;--warnb:#FBEBCB;--badb:#F9DEE0;--row:#FAF8F3;color-scheme:light}
body{font-family:"Manrope",system-ui,sans-serif;background:radial-gradient(900px 420px at 85% -8%,#C8A8621F,transparent 65%),var(--bg)}
h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:600}
h1{font-size:42px;line-height:1.05;letter-spacing:-.01em}.box h2{font-size:27px}
aside{background:linear-gradient(180deg,#0D1118,#07090D);border-right:1px solid #ffffff0f;padding:28px 16px}
.logo{font-family:"Cormorant Garamond",Georgia,serif;font-size:28px;font-weight:600;gap:12px;padding:0 6px 26px}
.logo i{background:none;border:1px solid var(--acc);color:var(--acc);border-radius:50%;width:38px;height:38px;font-size:14px;font-weight:700}
.logo small{display:block;font:500 11px "Manrope",sans-serif;color:#7C8497;margin-top:-4px}
.nav{padding:11px 14px;border-radius:8px;color:#9AA2B5}
.nav.on{background:linear-gradient(90deg,#C8A8622B,transparent);color:#fff;box-shadow:inset 2px 0 0 var(--acc)}
.me{background:none;border-top:1px solid #ffffff14;border-radius:0;padding:18px 4px 0}
.me label{color:#7C8497;margin:0 0 6px}.me select{background:#ffffff0d;color:#fff;border-color:#ffffff1f}.me option{color:#111}
.me a{display:inline-block;margin-top:14px;color:var(--acc)!important;font-size:12px}
main{padding:42px 48px;max-width:1240px}
.btn{background:linear-gradient(180deg,#D8BC78,#B8964D);color:#15120A;border-radius:8px;padding:11px 20px;box-shadow:0 8px 24px -10px #C8A86299}
.btn.g{background:transparent;color:var(--ink);border:1px solid var(--line);box-shadow:none}.btn.g:hover{border-color:var(--acc)}.btn.s{padding:7px 12px}
.stats{gap:0;background:var(--card);border:1px solid var(--line);border-radius:14px;overflow:hidden;margin:6px 0 28px}
.st{background:none;border:0;border-radius:0;border-right:1px solid var(--line);padding:22px 26px}.st:last-child{border:0}
.st b{font:600 46px/1 "Cormorant Garamond",Georgia,serif;margin-bottom:8px}
.tw{border-radius:14px;box-shadow:0 30px 60px -40px #000}
th{background:var(--row);padding:16px 20px;font-weight:600}td{padding:17px 20px}
.av{background:none!important;border:1px solid var(--acc);color:var(--acc);font-family:"Cormorant Garamond",Georgia,serif;font-size:17px}
.chip{padding:4px 12px;font-weight:600}.chip::before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor;margin-right:7px;vertical-align:middle}
input,select,textarea{background:var(--row);border-radius:8px}
.modal{backdrop-filter:blur(6px)}.box{border:1px solid var(--line);box-shadow:0 40px 90px -30px #000}
.hint{display:none}.hide{display:none!important}
#bn{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;border:1px solid var(--acc);background:#C8A8621A;border-radius:10px;padding:10px 16px;margin-bottom:22px}#bn.hide{display:none!important}
@media(max-width:820px){.me{display:block;width:100%;padding-top:8px;border:0}main{padding:22px 14px}h1{font-size:32px}.st{padding:16px}.st b{font-size:34px}}
#lg{position:fixed;inset:0;z-index:50;display:grid;place-items:center;padding:16px;background:radial-gradient(900px 420px at 50% -10%,#C8A8622B,transparent 65%),var(--bg)}#lg .logo{color:var(--ink)}
.chart{display:flex;gap:14px;align-items:flex-end;height:200px}.bc{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:6px;font-size:11px;color:var(--mut)}.bb{width:100%;max-width:56px;border-radius:6px 6px 0 0;background:linear-gradient(180deg,#D8BC78,#B8964D)}.bv{font-size:11px;color:var(--ink);white-space:nowrap}.pk .ar{display:flex;gap:6px;margin-top:6px}.pk .ar input{flex:1;min-width:0}
body{background:radial-gradient(800px 500px at 92% -10%,#C8A86228,transparent 60%),radial-gradient(700px 500px at -5% 108%,#5B6CFF22,transparent 60%),var(--bg)}
aside{background:linear-gradient(180deg,#0E131C,#080A0F);box-shadow:inset -1px 0 0 #ffffff0d}
.nav{transition:.2s}.nav:hover{background:#ffffff0a;color:#fff}.nav.on{background:linear-gradient(90deg,#C8A86238,#C8A86208);box-shadow:inset 3px 0 0 var(--acc),0 0 30px -14px var(--acc)}
h1{font-size:48px;background:linear-gradient(180deg,var(--ink),#9AA0AE);-webkit-background-clip:text;background-clip:text;color:transparent}
.stats{background:none;border:0;border-radius:0;overflow:visible;gap:16px}
.st,.st:last-child{position:relative;overflow:hidden;background:linear-gradient(160deg,#ffffff0d,#ffffff03),var(--card);border:1px solid var(--line);border-radius:18px;padding:22px 24px;box-shadow:0 24px 50px -34px #000}
.st::after{content:"";position:absolute;right:-34px;top:-34px;width:120px;height:120px;border-radius:50%;background:radial-gradient(circle,#C8A86232,transparent 70%)}
.st:first-child{background:linear-gradient(150deg,#DEC37E,#A9873F);border-color:transparent;color:#17130A}.st:first-child span{color:#17130Ad0}.st:first-child::after{background:radial-gradient(circle,#fff6,transparent 70%)}
.st b{font-size:54px}
.tw{background:linear-gradient(180deg,#ffffff08,transparent),var(--card);border-radius:18px;box-shadow:0 30px 70px -44px #000}
th{background:transparent;font-size:12.5px;padding:18px 20px}tr.r{transition:.15s}tr.r:hover td{background:linear-gradient(90deg,#C8A8620F,transparent)}
.av{background:linear-gradient(135deg,#C8A86238,#C8A86206)!important;box-shadow:0 8px 20px -10px var(--acc)}
.chip{box-shadow:inset 0 0 0 1px #ffffff14}
.sec{margin:44px 0 18px}.sec h2{font-size:34px;margin:0 0 2px}
.sg{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px;margin-bottom:30px}
.sc{background:linear-gradient(160deg,#ffffff0d,#ffffff02),var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 24px 50px -36px #000;transition:.2s}.sc:hover{transform:translateY(-3px);border-color:var(--acc)}
.sh{display:flex;justify-content:space-between;align-items:center;gap:8px}.sn{font-weight:700}.pc{font-size:12px;color:var(--acc);font-weight:700}
.sb{margin:16px 0 14px}.sb b{font:600 52px/1 "Cormorant Garamond",Georgia,serif;display:block}.sb span{color:var(--mut);font-size:12.5px}
.pg{height:6px;border-radius:9px;background:var(--row);overflow:hidden;margin-bottom:18px}.pg i{display:block;height:100%;border-radius:9px;background:linear-gradient(90deg,#B8964D,#E6CD8B)}
.sf{display:grid;grid-template-columns:1fr 1fr;gap:12px;font-size:11.5px;color:var(--mut)}.sf b{display:block;font-size:15px;color:var(--ink)}.sf .o{color:var(--ok)}.sf .w{color:var(--warn)}.sf .b{color:var(--bad)}
:root:root:root{--bg:#070A14;--card:#0F1424;--ink:#EEF1FA;--mut:#8A93AD;--line:#1F2742;--side:#060813;--acc:#8B6CFF;--ok:#34D399;--warn:#FBBF24;--bad:#FB7185;--okb:#0E3B2E;--warnb:#3D3010;--badb:#46141F;--row:#151B30;--g:linear-gradient(135deg,#8B6CFF,#38BDF8);color-scheme:dark}
:root:root:root[data-theme="light"]{--bg:#F4F5FB;--card:#fff;--ink:#11142B;--mut:#6A7190;--line:#E3E6F2;--acc:#6D4AFF;--ok:#059669;--warn:#B45309;--bad:#E11D48;--okb:#D9F7EA;--warnb:#FDEFC9;--badb:#FDE0E6;--row:#F1F2FA;color-scheme:light}
body{font-family:'Inter',system-ui,sans-serif;background:radial-gradient(900px 500px at 100% -10%,#7C5CFF33,transparent 60%),radial-gradient(800px 500px at -10% 110%,#22D3EE1F,transparent 60%),var(--bg)}
h1,h2,.logo,.st b{font-family:'Sora',system-ui,sans-serif}
h1{font-size:34px;font-weight:700;letter-spacing:-.02em;background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--ink)}
.box h2{font-size:22px}.sec h2{font-size:24px}
.logo{font-size:22px;font-weight:700}.logo i{background:var(--g);border:0;color:#fff;border-radius:12px;width:40px;height:40px;font-size:14px}
@media(min-width:821px){aside{margin:14px;height:calc(100vh - 28px);top:14px;border-radius:22px;border:1px solid #ffffff14;background:linear-gradient(180deg,#0E1326,#080B18);box-shadow:0 30px 60px -30px #000}}
.nav{align-items:center;justify-content:flex-start;font-weight:600;color:#97A0BB}.nav.on{background:linear-gradient(90deg,#8B6CFF30,#8B6CFF05);color:#fff;box-shadow:inset 3px 0 0 #8B6CFF}
.nav svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;margin-right:12px;flex:none}
.btn{background:var(--g);color:#fff;box-shadow:0 10px 30px -10px #7C5CFF99}.btn.g{background:transparent;color:var(--ink);box-shadow:none}
.st:first-child{background:var(--g);color:#fff}.st:first-child span{color:#ffffffcc}.st::after{background:radial-gradient(circle,#7C5CFF2E,transparent 70%)}.st:first-child::after{background:radial-gradient(circle,#ffffff40,transparent 70%)}
.st b{font:700 40px/1 'Sora',sans-serif}
.ic{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;margin-bottom:18px;background:var(--g);color:#fff}.st:first-child .ic{background:#ffffff33}
.ic svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.st.o .ic{background:linear-gradient(135deg,#34D399,#059669)}.st.w .ic{background:linear-gradient(135deg,#FBBF24,#D97706)}.st.b .ic{background:linear-gradient(135deg,#FB7185,#E11D48)}
tr.r:hover td{background:linear-gradient(90deg,#8B6CFF14,transparent)}
.av{background:var(--g)!important;color:#fff;border:0;font:700 14px 'Sora',sans-serif;box-shadow:0 8px 20px -8px #7C5CFF}
td:nth-child(7){font-weight:700}
.tl{height:4px;border-radius:4px;background:var(--row);margin-top:8px;width:120px}.tl i{display:block;height:100%;border-radius:4px}.tl i.ok{background:var(--ok)}.tl i.warn{background:var(--warn)}.tl i.bad{background:var(--bad)}
.sv{display:inline-block;padding:4px 10px;border-radius:8px;background:var(--row);border:1px solid var(--line);font-size:12.5px;font-weight:600}
.bb{background:linear-gradient(180deg,#38BDF8,#7C5CFF)}#bn{background:#8B6CFF1A}
.rw{display:flex;align-items:center;gap:16px;margin:18px 0}.rg{width:78px;height:78px;border-radius:50%;background:conic-gradient(#8B6CFF,#38BDF8 calc(var(--p)*1%),var(--row) 0);display:grid;place-items:center;position:relative;flex:none}.rg::after{content:'';position:absolute;inset:7px;border-radius:50%;background:var(--card)}.rg b{position:relative;z-index:1;font:700 24px 'Sora',sans-serif}.rt b{display:block;font-size:15px}.rt span{color:var(--mut);font-size:12.5px}