*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}:root{--green: #4F8C62;--green2: #3D7050;--green3: #2E5A3E;--green-light: #EEF7F1;--green-mid: #C8E6D2;--gold: #C8922A;--gold-light: #FEF3E2;--red: #E5484D;--red-light: #FFEFEF;--blue: #0070F3;--blue-light: #EFF6FF;--purple: #7C3AED;--purple-light: #F3EEFF;--orange: #F76B15;--orange-light: #FFF3E8;--text: #0D1117;--text2: #57606A;--text3: #8C959F;--bg: #F6F8FA;--bg2: #FFFFFF;--bg3: #EAEEF2;--border: #D0D7DE;--border2: #B6BDC5;--r: 12px;--rs: 8px;--rl: 16px;--shadow-sm: 0 1px 3px rgba(27,31,36,.06), 0 1px 2px rgba(27,31,36,.04);--shadow: 0 3px 12px rgba(27,31,36,.1), 0 1px 3px rgba(27,31,36,.06);--shadow-lg: 0 8px 32px rgba(27,31,36,.14), 0 2px 8px rgba(27,31,36,.06);--st: env(safe-area-inset-top, 0px);--sb: env(safe-area-inset-bottom, 0px)}[data-theme=dark]{--text: #F0F6FC;--text2: #8B949E;--text3: #6E7681;--bg: #0D1117;--bg2: #161B22;--bg3: #21262D;--border: #30363D;--border2: #484F58;--green-light: #0D2014;--green-mid: #1A3528;--gold-light: #1C1500;--red-light: #1C0A0A;--blue-light: #051528;--purple-light: #12082A;--orange-light: #1A0D00}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--text: #F0F6FC;--text2: #8B949E;--text3: #6E7681;--bg: #0D1117;--bg2: #161B22;--bg3: #21262D;--border: #30363D;--border2: #484F58;--green-light: #0D2014;--green-mid: #1A3528;--gold-light: #1C1500;--red-light: #1C0A0A;--blue-light: #051528;--purple-light: #12082A;--orange-light: #1A0D00}}.sim-save-input{color:var(--text)!important;-webkit-text-fill-color:var(--text)!important;background:var(--bg2)!important}html,body,#root{height:100%;background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,SF Pro Text,system-ui,sans-serif;font-size:15px;line-height:1.5;-webkit-font-smoothing:antialiased}.app{display:flex;flex-direction:column;height:100%;padding-top:var(--st)}.topbar{background:var(--green);padding:13px 16px 11px;display:flex;align-items:center;gap:10px;flex-shrink:0;box-shadow:0 1px #0000001a}.topbar h1{font-size:18px;font-weight:700;color:#fff;letter-spacing:-.3px}.topbar p{font-size:10px;color:#ffffff8c;margin-top:1px;letter-spacing:.1px}.topbar-right{margin-left:auto;display:flex;align-items:center;gap:8px}.tb-btn{background:#ffffff24;border:1px solid rgba(255,255,255,.18);border-radius:20px;padding:5px 12px;font-size:11px;color:#fff;cursor:pointer;font-family:inherit;font-weight:500;transition:background .15s}.tb-btn:active{background:#ffffff38}.sync-dot{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.25}}.scroll-area{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:16px 16px calc(74px + var(--sb)) 16px}.page{animation:pageIn .18s ease}@keyframes pageIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.navbar{position:fixed;bottom:0;left:0;right:0;background:var(--bg2);border-top:1px solid var(--border);padding-bottom:var(--sb);display:grid;grid-template-columns:repeat(5,1fr);z-index:100;box-shadow:0 -1px 0 var(--border),0 -4px 16px #0000000d}.nav-btn{display:flex;flex-direction:column;align-items:center;padding:8px 2px 6px;gap:3px;border:none;background:none;color:var(--text3);font-family:inherit;cursor:pointer;transition:color .15s}.nav-btn.active{color:var(--green)}.nav-btn svg{width:22px;height:22px;stroke-width:1.7}.nav-btn span{font-size:8.5px;font-weight:600;letter-spacing:.2px}.card{background:var(--bg2);border-radius:var(--r);margin-bottom:10px;border:1px solid var(--border);box-shadow:var(--shadow-sm);overflow:hidden}.card-pad{padding:14px 16px}.ct{font-size:10.5px;color:var(--text3);text-transform:uppercase;letter-spacing:.7px;font-weight:600;margin-bottom:12px;display:flex;justify-content:space-between;align-items:center}h2.page-title{font-size:20px;font-weight:700;letter-spacing:-.4px;color:var(--text);line-height:1.2}.page-sub{font-size:13px;color:var(--text2);margin-top:3px;margin-bottom:16px;line-height:1.5}.kg{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}.kc{background:var(--bg2);border-radius:var(--r);padding:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:box-shadow .15s}.kl{font-size:10px;color:var(--text3);margin-bottom:6px;text-transform:uppercase;letter-spacing:.5px;font-weight:600}.kv{font-size:20px;font-weight:700;letter-spacing:-.5px;color:var(--text);line-height:1}.ks{font-size:11px;color:var(--text3);margin-top:4px}.hero-stat{background:linear-gradient(135deg,var(--green) 0%,var(--green2) 100%);border-radius:var(--r);padding:20px;margin-bottom:14px;box-shadow:0 4px 16px #4f8c6240;border:none}.hero-stat .kl{color:#ffffffa6}.hero-stat .kv{color:#fff;font-size:30px;text-shadow:0 1px 3px rgba(0,0,0,.15)}.hero-stat .ks{color:#ffffff8c}.li{display:flex;justify-content:space-between;align-items:center;padding:11px 0;border-bottom:1px solid var(--border)}.li:last-child{border-bottom:none}.lt{font-size:13px;font-weight:500;color:var(--text)}.ls{font-size:11px;color:var(--text2);margin-top:2px}.lv{font-size:13px;font-weight:600;text-align:right;flex-shrink:0;margin-left:10px}.b{display:inline-flex;align-items:center;padding:3px 8px;border-radius:20px;font-size:10px;font-weight:600;gap:3px}.bg{background:var(--green-light);color:var(--green2)}.by{background:var(--gold-light);color:var(--gold)}.br{background:var(--red-light);color:var(--red)}.bb{background:var(--blue-light);color:var(--blue)}.bp{background:var(--purple-light);color:var(--purple)}.bk{background:var(--bg3);color:var(--text2)}.bo{background:var(--orange-light);color:var(--orange)}.al{padding:11px 14px;border-radius:var(--rs);font-size:13px;margin-bottom:10px;border-left:3px solid;line-height:1.55}.al-y{background:var(--gold-light);color:var(--gold);border-color:var(--gold)}.al-b{background:var(--blue-light);color:var(--blue);border-color:var(--blue)}.al-g{background:var(--green-light);color:var(--green2);border-color:var(--green)}.al-r{background:var(--red-light);color:var(--red);border-color:var(--red)}.btn{padding:10px 16px;border-radius:var(--rs);font-size:13px;font-weight:600;cursor:pointer;border:1.5px solid var(--border);background:var(--bg2);color:var(--text);width:100%;margin-top:8px;font-family:inherit;transition:all .15s;display:flex;align-items:center;justify-content:center;gap:6px}.btn:hover{border-color:var(--border2);background:var(--bg)}.btn:active{opacity:.78;transform:scale(.98)}.btn.primary{background:var(--green);color:#fff;border-color:var(--green);box-shadow:0 1px 4px #4f8c624d}.btn.primary:hover{background:var(--green2);border-color:var(--green2)}.btn.danger{color:var(--red);border-color:var(--red);background:var(--red-light)}.btn.sm{width:auto;padding:6px 12px;font-size:12px;margin:0;border-radius:7px}.btn.ghost{background:transparent;border-color:transparent;color:var(--text2)}.btn.ghost:hover{background:var(--bg3);border-color:var(--border)}.fab{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--green);border:none;cursor:pointer;flex-shrink:0;box-shadow:0 4px 14px #4f8c6266;transition:transform .15s,box-shadow .15s}.fab:active{transform:scale(.92);box-shadow:0 2px 8px #4f8c624d}.fi{width:100%;background:var(--bg2);border:1.5px solid var(--border);border-radius:var(--rs);padding:10px 13px;font-size:15px;color:var(--text);outline:none;font-family:inherit;margin-bottom:12px;transition:border-color .15s,box-shadow .15s}.fi:focus{border-color:var(--green);box-shadow:0 0 0 3px #4f8c621f}.fi::placeholder{color:var(--text3)}label{display:block;font-size:11.5px;color:var(--text2);margin-bottom:5px;font-weight:600;letter-spacing:.1px}.fr2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.fr3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.fsep{font-size:10.5px;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;padding:12px 0 6px;border-top:1px solid var(--border);margin-top:6px;font-weight:600}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:199;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.modal{background:var(--bg2);border-radius:20px 20px 0 0;padding:20px 16px;border-top:1px solid var(--border);position:fixed;bottom:0;left:0;right:0;z-index:200;max-height:92vh;overflow-y:auto;padding-bottom:calc(24px + var(--sb));box-shadow:var(--shadow-lg);animation:slideUp .25s cubic-bezier(.32,.72,0,1)}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}.modal-handle{width:36px;height:4px;background:var(--border);border-radius:2px;margin:0 auto 16px}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.modal-header h3{font-size:17px;font-weight:700;color:var(--text);letter-spacing:-.2px}.modal-close{width:30px;height:30px;border-radius:50%;background:var(--bg3);border:none;cursor:pointer;color:var(--text2);font-size:16px;font-family:inherit;display:flex;align-items:center;justify-content:center;transition:background .15s}.modal-close:hover{background:var(--border)}.pg{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;margin:5px 0}.pf{height:100%;border-radius:3px;transition:width .4s ease}.tabs{display:flex;gap:2px;background:var(--bg3);border-radius:10px;padding:3px;margin-bottom:14px;border:1px solid var(--border)}.tab{flex:1;padding:7px 4px;text-align:center;font-size:11.5px;border:none;background:transparent;cursor:pointer;border-radius:7px;color:var(--text2);font-weight:600;font-family:inherit;transition:all .14s;letter-spacing:.1px}.tab.active{background:var(--bg2);color:var(--text);box-shadow:var(--shadow-sm)}.acc{border-radius:var(--r);overflow:hidden;margin-bottom:10px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.acc-head{display:flex;align-items:center;padding:13px 14px;cursor:pointer;gap:10px;background:var(--bg2);border:none;width:100%;text-align:left;font-family:inherit;transition:background .12s}.acc-head:hover{background:var(--bg)}.acc-icon{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:14px}.aic-g{background:var(--green-light)}.acc-info{flex:1;min-width:0}.acc-title{font-size:14px;font-weight:600;color:var(--text);letter-spacing:-.1px}.acc-sub{font-size:11px;color:var(--text2);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.acc-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.acc-val{font-size:13px;font-weight:600;color:var(--text);text-align:right}.acc-val-sub{font-size:10px;color:var(--text3);text-align:right;margin-top:2px}.chevron{font-size:12px;color:var(--text3);transition:transform .2s;line-height:1}.chevron.open{transform:rotate(90deg)}.acc-body{background:var(--bg);border-top:1px solid var(--border)}.acc-detail{padding:12px 14px;background:var(--bg2);border-bottom:1px solid var(--border)}.lot-item{border-top:1px solid var(--border)}.lot-head{display:flex;align-items:center;padding:10px 14px 10px 20px;cursor:pointer;gap:8px;background:var(--bg);border:none;width:100%;text-align:left;font-family:inherit;transition:background .12s}.lot-head:hover{background:var(--bg3)}.lot-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.lot-body{padding:10px 14px 12px 20px;background:var(--bg3);border-top:1px solid var(--border)}.empty{text-align:center;padding:48px 24px;color:var(--text3)}.empty-icon{font-size:38px;margin-bottom:12px}.empty p{font-size:14px;margin-bottom:20px;line-height:1.65;color:var(--text2);max-width:280px;margin-left:auto;margin-right:auto}.cal12{display:grid;grid-template-columns:repeat(12,1fr);gap:2px;margin-bottom:3px}.cll{text-align:center;font-size:8px;color:var(--text3);padding:1px 0}.clc{height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:8px;font-weight:700}.sr{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid var(--border);font-size:13px}.sr:last-child{border-bottom:none}.sim-res{background:linear-gradient(135deg,var(--green) 0%,var(--green2) 100%);border-radius:var(--r);padding:18px;margin-bottom:10px;color:#fff;box-shadow:0 4px 16px #4f8c6247}.sim-res .kl{color:#ffffffa6}.sim-res .kv{color:#fff;font-size:28px;font-weight:700;letter-spacing:-.5px}.sim-bar{height:8px;background:#ffffff2e;border-radius:4px;overflow:hidden;margin:9px 0}.sim-bar-f{height:100%;border-radius:4px;background:#ffffffe6;transition:width .5s ease}.sim-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:10px}.sim-cell{background:#ffffff24;border-radius:9px;padding:10px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.sim-cell .kl{color:#ffffffa6;font-size:9px}.sim-cell .kv{color:#fff;font-size:16px;font-weight:700}.sim-det{background:var(--bg2);border-radius:var(--r);padding:14px;margin-bottom:10px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.sim-row{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-bottom:1px solid var(--border);font-size:13px}.sim-row:last-child{border-bottom:none}.sim-row.tot{font-weight:700;font-size:14px;border-top:2px solid var(--border2);margin-top:2px;padding-top:10px;border-bottom:none}.quitt-preview{background:var(--bg2);border-radius:var(--r);padding:16px;border:1px solid var(--border);margin-top:4px}.quitt-head{text-align:center;border-bottom:2px solid var(--green);padding-bottom:12px;margin-bottom:14px}.quitt-label{font-size:10px;text-transform:uppercase;letter-spacing:.5px;color:var(--text3);font-weight:600;margin-bottom:4px}.quitt-cert{background:var(--green-light);border-radius:var(--rs);padding:12px;font-size:12px;color:var(--green2);line-height:1.6;margin:14px 0}.info-box{background:var(--blue-light);border-radius:var(--rs);padding:11px 14px;font-size:13px;color:var(--blue);line-height:1.55;margin-bottom:12px;border-left:3px solid var(--blue)}.plat-row{display:flex;align-items:center;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--border)}.plat-row:last-child{border-bottom:none}.login-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;padding:32px 24px;background:linear-gradient(160deg,var(--bg) 60%,var(--green-light) 100%)}.login-logo{width:72px;height:72px;background:linear-gradient(135deg,var(--green),var(--green2));border-radius:22px;display:flex;align-items:center;justify-content:center;margin-bottom:22px;box-shadow:0 8px 28px #4f8c6259}.login-screen h1{font-size:28px;font-weight:700;color:var(--text);margin-bottom:6px;letter-spacing:-.6px}.login-screen .tagline{font-size:14px;color:var(--text2);margin-bottom:32px;text-align:center;line-height:1.6;max-width:280px}.login-card{background:var(--bg2);border-radius:var(--rl);padding:28px 24px;width:100%;max-width:360px;border:1px solid var(--border);box-shadow:var(--shadow-lg)}.login-card h2{font-size:17px;font-weight:700;margin-bottom:18px;color:var(--text)}.login-err{background:var(--red-light);color:var(--red);padding:10px 12px;border-radius:var(--rs);font-size:13px;margin-bottom:12px;line-height:1.5;border-left:3px solid var(--red)}.login-info{background:#4f8c621f;color:var(--green);padding:10px 12px;border-radius:var(--rs);font-size:13px;margin-bottom:12px;line-height:1.5;border-left:3px solid var(--green)}.login-switch{text-align:center;margin-top:16px;font-size:13px;color:var(--text2)}.login-switch span{color:var(--green);cursor:pointer;font-weight:600}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.edit-btn{background:none;border:none;cursor:pointer;color:var(--text3);font-size:17px;padding:4px;line-height:1;transition:color .12s}.edit-btn:hover{color:var(--green)}.resa-c{background:var(--bg);border-radius:var(--rs);padding:11px;margin-bottom:8px;border:1px solid var(--border)}.ob-screen{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg2);z-index:999;display:flex;flex-direction:column;padding:var(--st) 0 0;overflow:hidden}.ob-progress-bar{height:3px;background:var(--bg3)}.ob-progress-fill{height:100%;background:var(--green);transition:width .4s ease}.ob-content{flex:1;overflow-y:auto;padding:32px 24px 24px;display:flex;flex-direction:column}.ob-step-num{font-size:11px;color:var(--text3);font-weight:600;letter-spacing:.5px;text-transform:uppercase;margin-bottom:10px}.ob-title{font-size:26px;font-weight:700;letter-spacing:-.5px;color:var(--text);margin-bottom:8px;line-height:1.2}.ob-sub{font-size:15px;color:var(--text2);margin-bottom:32px;line-height:1.6}.ob-options{display:flex;flex-direction:column;gap:12px}.ob-option{display:flex;align-items:center;gap:14px;padding:16px;border-radius:12px;border:2px solid var(--border);background:var(--bg2);cursor:pointer;transition:all .15s;text-align:left;font-family:inherit;width:100%}.ob-option:hover{border-color:var(--green-mid);background:var(--green-light)}.ob-option.selected{border-color:var(--green);background:var(--green-light)}.ob-option-icon{font-size:26px;flex-shrink:0;width:44px;text-align:center}.ob-option-text{flex:1}.ob-option-title{font-size:15px;font-weight:600;color:var(--text)}.ob-option-desc{font-size:12px;color:var(--text2);margin-top:2px;line-height:1.4}.ob-option-check{width:20px;height:20px;border-radius:50%;border:2px solid var(--border);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}.ob-option.selected .ob-option-check{background:var(--green);border-color:var(--green)}.ob-footer{padding:16px 24px calc(24px + var(--sb));border-top:1px solid var(--border);background:var(--bg2);display:flex;gap:10px;align-items:center}.ob-back{width:42px;height:42px;border-radius:var(--rs);border:1.5px solid var(--border);background:var(--bg2);cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--text2);font-size:18px;flex-shrink:0;transition:all .15s}.ob-back:hover{border-color:var(--border2);background:var(--bg)}.ob-next{flex:1;padding:12px;border-radius:var(--rs);background:var(--green);color:#fff;border:none;font-size:15px;font-weight:600;font-family:inherit;cursor:pointer;transition:all .15s;box-shadow:0 2px 8px #4f8c624d}.ob-next:hover{background:var(--green2)}.ob-next:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.ob-welcome-icon{width:80px;height:80px;background:linear-gradient(135deg,var(--green),var(--green2));border-radius:24px;display:flex;align-items:center;justify-content:center;margin-bottom:28px;box-shadow:0 8px 24px #4f8c624d}.obj-card{background:var(--bg2);border-radius:var(--r);padding:14px 16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:10px}.obj-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.obj-label{font-size:12px;font-weight:600;color:var(--text2)}.obj-value{font-size:20px;font-weight:700;color:var(--text)}.obj-progress{height:8px;background:var(--bg3);border-radius:4px;overflow:hidden;margin:8px 0}.obj-bar{height:100%;border-radius:4px;background:linear-gradient(90deg,var(--green),var(--green2));transition:width .6s ease}.quick-add{display:flex;gap:8px;background:var(--bg2);border-radius:var(--r);padding:12px;border:1px solid var(--border);margin-bottom:10px}.quick-add .fi{margin-bottom:0;font-size:14px}.guide-card{background:var(--bg2);border-radius:var(--r);border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:10px;overflow:hidden}.guide-card-header{display:flex;align-items:center;gap:12px;padding:14px 16px;cursor:pointer;background:var(--bg2);transition:background .12s;border:none;width:100%;text-align:left;font-family:inherit}.guide-card-header:hover{background:var(--bg)}.guide-icon{width:36px;height:36px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}.guide-body{padding:0 16px 16px;border-top:1px solid var(--border);background:var(--bg)}.guide-term{font-size:13px;font-weight:600;color:var(--text);margin-bottom:4px;padding-top:12px}.guide-def{font-size:13px;color:var(--text2);line-height:1.6}.guide-formula{background:var(--bg3);border-radius:var(--rs);padding:10px 12px;font-family:monospace;font-size:12px;color:var(--text);margin:8px 0;border:1px solid var(--border)}.profile-chip{display:inline-flex;align-items:center;gap:6px;background:var(--green-light);border:1px solid var(--green-mid);border-radius:20px;padding:4px 10px 4px 6px;cursor:pointer;transition:all .15s;font-size:12px;font-weight:600;color:var(--green2)}.profile-chip:hover{background:var(--green-mid)}.section-title{font-size:11px;font-weight:600;color:var(--text3);text-transform:uppercase;letter-spacing:.6px;margin:18px 0 10px;display:flex;align-items:center;gap:8px}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.chart-wrap{width:100%;overflow:hidden}.sidebar{display:none;width:240px;flex-shrink:0;background:linear-gradient(180deg,var(--green3) 0%,var(--green2) 100%);flex-direction:column;height:100vh;position:fixed;left:0;top:0;z-index:50}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:22px 20px 18px;border-bottom:1px solid rgba(255,255,255,.09)}.sidebar-nav{flex:1;padding:10px;display:flex;flex-direction:column;gap:1px;overflow-y:auto}.sidebar-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:none;background:transparent;color:#ffffffa6;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;text-align:left;width:100%;transition:all .14s;position:relative}.sidebar-item:hover{background:#ffffff1a;color:#fff}.sidebar-item.active{background:#ffffff2e;color:#fff;font-weight:600}.sidebar-icon{width:20px;height:20px;flex-shrink:0}.sidebar-icon svg{width:20px;height:20px;stroke-width:1.7}.sidebar-label{flex:1}.sidebar-badge{background:var(--red);color:#fff;font-size:10px;font-weight:700;min-width:18px;height:18px;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 4px}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.09)}.sidebar-logout{background:#ffffff17;border:1px solid rgba(255,255,255,.13);border-radius:8px;padding:9px 14px;font-size:12px;color:#ffffffbf;cursor:pointer;font-family:inherit;width:100%;transition:all .15s;font-weight:500}.sidebar-logout:hover{background:#ffffff2e;color:#fff}.main-content{display:flex;flex-direction:column;flex:1;height:100%}.desktop-header{display:none;align-items:center;justify-content:space-between;padding:22px 32px 0;flex-shrink:0}.desktop-title{font-size:22px;font-weight:700;letter-spacing:-.4px;color:var(--text)}.sync-dot-dark{width:7px;height:7px;border-radius:50%;background:var(--gold);animation:pulse 1.4s infinite}@media (min-width: 768px){.app{flex-direction:row}.sidebar{display:flex;position:relative;height:100vh}.main-content{margin-left:0;height:100vh;overflow:hidden}.topbar{display:none}.desktop-header{display:flex}.navbar{display:none}.scroll-area{padding:18px 32px 24px;max-width:900px}.kg{grid-template-columns:repeat(4,1fr)}.hero-stat .kv{font-size:36px}.modal{max-width:540px;left:50%;border-radius:16px;bottom:auto;top:50%;transform:translate(-50%,-50%);animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0;transform:translate(-50%,-47%)}to{opacity:1;transform:translate(-50%,-50%)}}.ob-content{max-width:520px;margin:0 auto;padding:48px 32px 24px}.ob-footer{justify-content:flex-end;padding:20px 32px;max-width:520px;margin:0 auto;width:100%}.ob-footer-inner{max-width:520px;width:100%;display:flex;gap:10px;align-items:center}.ob-next{max-width:220px}.kpi-grid{grid-template-columns:repeat(4,1fr)}.sub-tab-strip{display:none}.sidebar-group-label{font-size:10px;color:#fff6;text-transform:uppercase;letter-spacing:.7px;font-weight:600;padding:14px 12px 4px;display:flex;align-items:center;gap:8px}.sidebar-group-label .sidebar-icon{width:16px;height:16px}.sidebar-group-label .sidebar-icon svg{width:16px;height:16px}}.hero-widget{background:linear-gradient(135deg,var(--green) 0%,var(--green3) 100%);border-radius:20px;padding:22px 20px;margin-bottom:12px;position:relative;overflow:hidden;box-shadow:0 6px 24px #4f8c624d}.hero-widget-inner{position:relative;z-index:1}.hero-widget-deco{position:absolute;right:-8px;bottom:-8px;width:120px;height:80px;opacity:.12}.kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}.kpi-widget{background:var(--bg2);border-radius:18px;padding:14px;border:1px solid var(--border);box-shadow:var(--shadow-sm)}.kpi-widget-icon{width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:10px}.kpi-widget-label{font-size:10px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.kpi-widget-value{font-size:20px;font-weight:800;letter-spacing:-.5px;line-height:1;margin-bottom:3px}.kpi-widget-sub{font-size:10px;color:var(--text3)}.widget-card{background:var(--bg2);border-radius:18px;padding:16px;border:1px solid var(--border);box-shadow:var(--shadow-sm);margin-bottom:10px}.widget-card-header{display:flex;align-items:center;gap:10px}.widget-card-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.1px}.widget-card-sub{font-size:11px;color:var(--text3);margin-top:1px}.widget-pct{font-size:22px;font-weight:800;color:var(--green);margin-left:auto;letter-spacing:-.5px}.widget-progress-track{height:6px;background:var(--bg3);border-radius:3px;overflow:hidden;margin:8px 0 0}.widget-progress-fill{height:100%;border-radius:3px;background:linear-gradient(90deg,var(--green),var(--green2));transition:width .6s ease}.widget-tip{background:var(--green-light);border-radius:10px;padding:9px 12px;font-size:12px;color:var(--green2);line-height:1.5;margin-top:10px}.widget-list-row{display:flex;align-items:center;gap:10px;padding:9px 0;border-bottom:1px solid var(--border)}.widget-list-row:last-child{border-bottom:none}.widget-list-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.widget-cta{display:flex;align-items:center;gap:12px;width:100%;background:var(--bg2);border:1px solid var(--border);border-radius:18px;padding:14px 16px;margin-bottom:10px;cursor:pointer;text-align:left;font-family:inherit;box-shadow:var(--shadow-sm);transition:all .15s}.widget-cta:hover{border-color:var(--border2);background:var(--bg)}.widget-cta-icon{width:40px;height:40px;background:var(--green-light);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.widget-cta-title{font-size:14px;font-weight:600;color:var(--text)}.widget-cta-sub{font-size:12px;color:var(--text2);margin-top:2px}.sub-tab-strip{display:flex;gap:0;background:var(--bg2);border-bottom:1px solid var(--border);flex-shrink:0;padding:0 16px}.sub-tab{position:relative;padding:11px 16px 10px;font-size:13px;font-weight:600;color:var(--text3);background:none;border:none;cursor:pointer;font-family:inherit;transition:color .14s;border-bottom:2px solid transparent;margin-bottom:-1px}.sub-tab.active{color:var(--green);border-bottom-color:var(--green)}.sub-tab-badge{position:absolute;top:8px;right:6px;min-width:16px;height:16px;border-radius:8px;background:var(--red);color:#fff;font-size:9px;font-weight:700;display:flex;align-items:center;justify-content:center;padding:0 3px}.sidebar-group{margin-top:6px}.sidebar-group-label{font-size:10px;color:#ffffff59;text-transform:uppercase;letter-spacing:.7px;font-weight:600;padding:12px 12px 4px;display:flex;align-items:center;gap:8px}.sidebar-group-label.active{color:#fff9}.sidebar-sub-item{display:flex;align-items:center;gap:8px;padding:8px 12px 8px 28px;border-radius:9px;border:none;background:transparent;color:#ffffff8c;cursor:pointer;font-family:inherit;font-size:13px;font-weight:500;text-align:left;width:100%;transition:all .14s;position:relative}.sidebar-sub-item:hover{background:#ffffff14;color:#ffffffd9}.sidebar-sub-item.active{background:#ffffff29;color:#fff;font-weight:600}.compte-avatar{width:56px;height:56px;border-radius:50%;background:linear-gradient(135deg,var(--green2),var(--green));display:flex;align-items:center;justify-content:center;font-size:22px;font-weight:700;color:#fff;flex-shrink:0}.compte-field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px}.compte-field label{font-size:11px;color:var(--text3);font-weight:600;text-transform:uppercase;letter-spacing:.4px}.compte-field input{padding:10px 12px;border:1.5px solid var(--border);border-radius:10px;font-size:14px;color:var(--text);background:var(--bg);outline:none;transition:border-color .15s;width:100%;font-family:inherit}.compte-field input:focus{border-color:var(--green)}.compte-field input:disabled{background:var(--bg);color:var(--text3);cursor:default}.compte-inline-row{display:flex;gap:8px;align-items:flex-end}.compte-inline-row input{flex:1}.compte-feedback{font-size:12px;margin-top:4px}.compte-feedback.ok{color:var(--green)}.compte-feedback.err{color:var(--red)}.compte-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:20px;background:#4f8c621f;color:var(--green);font-size:12px;font-weight:600;margin-bottom:8px}.compte-danger-card{border:1.5px solid rgba(229,72,77,.15)!important}