:root{color-scheme:light;--bg:#f5f7fb;--panel:#fff;--panel2:#f8fafc;--line:#e2e8f0;--ink:#17253b;--muted:#66758b;--soft:#8793a6;--accent:#11745f;--accent-dim:#eaf7f1;--orange:#986314;--danger:#c33c50;--blue:#2c63b6;--green:#24865b;--shadow:0 12px 36px rgba(30,51,77,.08)}
html,body{background:var(--bg);color:var(--ink)}
body{font-size:14px;-webkit-font-smoothing:antialiased}
button{touch-action:manipulation}input,select,textarea{background:#fff;color:var(--ink);border-color:#d4dde9;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{border-color:#3b9d82;box-shadow:0 0 0 3px #e1f3eb}
input:disabled{background:#f2f5f8;color:#748196;cursor:not-allowed}input::placeholder,textarea::placeholder{color:#8b98aa}input[type=checkbox]{accent-color:#16816a}
button:focus-visible,a:focus-visible{outline:3px solid #88cbb8;outline-offset:3px}
.sidebar{background:#fff;border-color:var(--line);padding-top:30px;width:244px}
.logo{padding-bottom:24px}.logo strong{color:#182a3d;letter-spacing:-.7px}.logo small{color:#8290a3;letter-spacing:1.8px}
.mark{background:linear-gradient(135deg,#218d73,#11664f);color:#fff;box-shadow:0 4px 12px #16795d20}
.side-group{color:#929daf;font-size:9px;letter-spacing:1.6px}.nav{color:#5d6a7e}.nav:hover{color:#173c30;background:#f4f8f6}.nav.active{background:#eaf6ef;color:#156b50;box-shadow:inset 3px 0 #228365}.nav .symbol{color:inherit}
.side-bottom{color:#758296;border-color:var(--line);font-size:11px}.side-bottom .dot{background:#288b65}
.main{max-width:none}.topbar{background:rgba(255,255,255,.95);border-color:var(--line);position:sticky;top:0;z-index:8;backdrop-filter:blur(12px)}
.bread{color:#8793a6;font-size:10px;letter-spacing:.8px}.bread strong{color:#26354b;letter-spacing:-.5px;font-size:18px}.top-actions{gap:10px}
.status{color:#197251;background:#edf8f1;border:1px solid #d3ebdc;min-height:33px;font-size:11px;cursor:pointer}.status[data-state=saving]{color:#6b7790;background:#f4f6fa;border-color:#e0e5ee}.status[data-state=error],.status[data-state=conflict]{color:#b43b4b;background:#fff1f2;border-color:#f3ccd3}
.content{max-width:1620px;margin:0 auto}.hero h1{color:#1c2e43;font-size:28px;letter-spacing:-.9px}.hero p{font-size:12px;color:#778498}.eyebrow{font-size:10px;letter-spacing:1.7px;color:#43856e}
.btn{background:#fff;border-color:#d9e1eb;color:#526074;font-weight:750;box-shadow:0 1px 2px #1f334d04}.btn:hover{background:#f7fbf9;border-color:#8cbeaa;color:#175f48;transform:none}.btn.primary{background:#177658;color:#fff;border-color:#177658;box-shadow:0 3px 8px #17765818}.btn.primary:hover{background:#10674b;border-color:#10674b;color:#fff}.btn.ghost{background:transparent}.btn.danger{color:#bd3c51;border-color:#edcbd2;background:#fff8f9}.textbutton{color:#167658}.btn.sm{font-size:11px}
.metric,.panel,.boss-card{box-shadow:0 2px 7px #22324c03}.metric{background:#fff;border-color:#e3e8f0;border-radius:14px}.metric:before{background:#7fb69e}.metric .k{color:#7a879b;font-size:11px}.metric .v{color:#22354b;font-size:27px;letter-spacing:-.5px}.metric .d{color:#98a1b1;font-size:10px}
.panel{border-color:#e2e8f0;background:#fff;border-radius:14px}.panel h2,.panel h3{color:#26374c}.panel-head h2{font-size:15px}.panel .sub{color:#8591a3}
.tabset{background:#f4f6f9;border-color:#e7ebf1}.tabset button{color:#8791a2}.tabset button.active{color:#286e53;background:#fff;box-shadow:0 1px 4px #344c6710}
.boss-card{background:#fff;border-color:#e1e8ef;border-radius:13px}.boss-num{color:#288365;letter-spacing:1.4px;font-size:9px}.boss-name{color:#34445b}.boss-hp{color:#243850;font-size:22px}.boss-info{color:#8d98a9}.track{background:#edf1f6}.bar{background:linear-gradient(90deg,#63ad94,#228365)}.bar.orange{background:linear-gradient(90deg,#e6bd7a,#cb963e)}
.datatable th{background:#f6f8fb;color:#7c899c;border-bottom-color:#e2e8f0;font-size:10px}.datatable td{color:#4c5e75;border-bottom-color:#edf1f5;font-size:11px}.datatable tr:hover td{background:#f7fbf9}.datatable .h-num,.h-num{color:#268266}.table-scroll{max-height:680px;border-radius:8px;scrollbar-width:thin;scrollbar-color:#cbd5df transparent}.datatable th{position:sticky;top:0;z-index:1}
.pill{background:#edf2f6;color:#738297;border-radius:5px;font-size:9px}.pill.positive{color:#2b8060;background:#eaf6ee}.pill.warning{color:#a3732c;background:#fff5e5}.pill.blue{color:#4779bc;background:#edf4fe}.pill.gray{color:#8995a4;background:#f1f4f7}
.field label{color:#748399;font-size:11px}.note{background:#f4f8fb;color:#78869a;border-color:#e1e9f1;line-height:1.8}.note b{color:#556b82}.divider{background:#e7edf3}
.rank-head{color:#526377}.rank-num{color:#97a4b5}.rank-data{color:#3d566e}.rank-name{font-size:11px}.empty{color:#97a3b4}.avatar{background:linear-gradient(135deg,#e9f4ee,#cfe4da);color:#28775b;border:1px solid #dbeae2}
.tactic-card{background:#fff;border-color:#e2e8f0;color:#394d65}.tactic-card:hover{background:#f7faf8}.tactic-card.active{border-color:#80b9a2;background:#eff8f3;box-shadow:inset 3px 0 #2b8a65}.tactic-card .desc{color:#8a97a9;font-size:10px}.tactic-card .title{font-size:11px}
.portrait-picture{background:#f0f4f8;border-color:#d9e2eb;color:#6e8a80;position:relative}.portrait-picture span{position:absolute;inset:0;display:grid;place-items:center}.portrait-picture img{position:relative;z-index:1}.portrait label{color:#7b899c}.tactic-row{border-bottom-color:#edf1f5}.tactic-text{color:#50627a}.checkstrip span{color:#c7d2dc}.checkstrip .on{color:#248463}.t-on{color:#c33d53}.t-off{color:#326abc}.t-once{color:#29804e}.tactic-editor{border-top-color:#e2e8f0}.editor-row .x{color:#c25a6c;border-color:#ecd7dd;background:#fff}
.inline-checks label{color:#8291a4}.calc-box{border-color:#dfe7f0;background:#f8fafc;color:#52657c}.mathvalue{color:#197557;font-size:23px;line-height:1.5}.settings-tabs button{background:#fff;border-color:#dfe6ef;color:#8996a9}.settings-tabs button.active{background:#eaf5ee;border-color:#88bda5;color:#277455}.setting-title{color:#31465d}.history-month{background:#fff;border-color:#e0e8f0;color:#395269}.kbd{background:#f3f5f8;border-color:#dce3eb;color:#7e8ca1}.foot{color:#a0aaba;font-size:10px;margin-top:28px}
.toast{background:#fff;border-color:#b8d9ca;color:#246e50;box-shadow:0 8px 30px #233e5512}.mobile-nav{background:rgba(255,255,255,.98);border-color:#e0e6ee;box-shadow:0 -4px 18px #24354f08}.mobile-nav button{color:#96a1b3}.mobile-nav button.active{color:#1a7a59}
.sync-message{padding:12px 34px;background:#fff2f2;border-bottom:1px solid #f0d0d3;color:#ac3b4d;font-size:12px;line-height:1.9}.sync-message .textbutton{margin-left:10px;color:#a43f4b}
.star-label{color:#bd8d3c;font-size:9px;line-height:1}.portrait{gap:4px}.portrait label{line-height:1.5}
@media(min-width:1500px){.content{padding-left:42px;padding-right:42px}.boss-card{padding:20px 18px}.boss-grid{gap:15px}}
@media(max-width:1160px){.sidebar{width:215px}.content{padding:25px 22px 65px}.hero h1{font-size:25px}}
@media(max-width:800px){.sidebar{display:none}.topbar{height:67px;padding:0 14px}.bread{font-size:8px;letter-spacing:.3px}.bread strong{font-size:16px}.top-actions .status{display:inline-flex;align-items:center;padding:5px 7px;font-size:9px;min-height:30px}.top-actions>.btn{display:none}.top-actions{gap:7px}.month{width:103px;font-size:11px}.content{padding:23px 14px 100px}.hero h1{font-size:23px}.boss-hp{font-size:20px}.metric .v{font-size:23px}.sync-message{padding:10px 14px;font-size:11px}.mobile-nav button{font-size:9px}.tactic-row{grid-template-columns:112px 1fr}.table-scroll{max-height:60vh}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}