*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:Helvetica Neue,Helvetica,Arial,sans-serif;background:#0f1b33;color:#1b2330;-webkit-font-smoothing:antialiased;overflow:hidden}:root{--navy: #1E2A4A;--navy-deep: #16243f;--navy-top: #16386b;--teal: #0D9488;--sidebar-w: 244px}#erp-app{display:flex;height:100vh;width:100vw}#sidebar{width:var(--sidebar-w);flex:none;background:linear-gradient(180deg,#1e2a4a,#18233f);color:#cdd5e3;display:flex;flex-direction:column;border-right:1px solid rgba(255,255,255,.06);-webkit-user-select:none;user-select:none}.sb-brand{display:flex;align-items:center;gap:11px;padding:18px 18px 16px;border-bottom:1px solid rgba(255,255,255,.07)}.sb-logo{width:38px;height:38px;border-radius:8px;flex:none;background:linear-gradient(135deg,var(--teal),#0b7c72);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:#fff;letter-spacing:.03em;box-shadow:0 2px 8px #0d948859}.sb-brand-txt{line-height:1.2}.sb-brand-txt b{font-size:14px;font-weight:600;color:#fff;display:block}.sb-brand-txt span{font-size:11px;color:#8593ad}.sb-section{padding:16px 12px 6px}.sb-section-lbl{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#6b7894;padding:0 10px 8px;font-weight:600}.sb-nav{display:flex;flex-direction:column;gap:3px;flex:1;padding:0 12px}.sb-item{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:8px;cursor:pointer;font-size:13.5px;color:#c2cadb;font-weight:500;position:relative;border:none;background:none;text-align:left;width:100%;transition:background .18s ease,color .18s ease}.sb-item:hover{background:#ffffff0f;color:#fff}.sb-item .ico{width:20px;height:20px;flex:none;display:flex;align-items:center;justify-content:center;opacity:.85}.sb-item .ico svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:1.7}.sb-item.active{background:#0d948829;color:#fff}.sb-item.active:before{content:"";position:absolute;left:-12px;top:7px;bottom:7px;width:3px;border-radius:0 3px 3px 0;background:var(--teal)}.sb-item.active .ico{opacity:1;color:var(--teal)}.sb-foot{padding:10px 12px 16px;border-top:1px solid rgba(255,255,255,.07);display:flex;flex-direction:column;gap:3px}.sb-user{display:flex;align-items:center;gap:10px;padding:10px 12px 14px}.sb-user .av{width:32px;height:32px;border-radius:50%;flex:none;background:#ffffff24;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:600;color:#fff}.sb-user .nm{line-height:1.25}.sb-user .nm b{font-size:12.5px;color:#eef1f7;font-weight:600;display:block}.sb-user .nm span{font-size:11px;color:#8593ad}#main{flex:1;position:relative;overflow:hidden;background:#eef0f3}.erp-view{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;opacity:0;pointer-events:none;z-index:1;transition:opacity .34s ease}.erp-view.active{opacity:1;pointer-events:auto;z-index:2}.erp-view::-webkit-scrollbar{width:10px}.erp-view::-webkit-scrollbar-thumb{background:#c4ccd6;border-radius:6px;border:2px solid #eef0f3}.erp-clickable{cursor:pointer;transition:filter .15s ease,transform .15s ease,box-shadow .15s ease,background .15s ease}.erp-clickable:hover{filter:brightness(1.06)}.erp-kpi{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.erp-kpi:hover{transform:translateY(-2px);box-shadow:0 8px 22px #14285021;border-color:#c2ccda!important}.erp-kpi:after{content:"↗";position:absolute;top:12px;right:14px;font-size:13px;color:#b6bfca;opacity:0;transition:opacity .16s ease}.erp-kpi{position:relative}.erp-kpi:hover:after{opacity:1}.erp-row{cursor:pointer;transition:background .14s ease}.erp-row:hover{background:#f1f5fb!important}.erp-menu{position:fixed;z-index:1200;min-width:190px;background:#fff;border:1px solid #e1e5ea;border-radius:8px;box-shadow:0 12px 34px #0f1e3c2e;padding:6px;font-size:13px;color:#1b2330;animation:erp-pop .14s ease}.erp-menu .it{padding:8px 11px;border-radius:6px;cursor:pointer;display:flex;align-items:center;gap:9px}.erp-menu .it:hover{background:#f0f3f8}.erp-menu .it.sel{color:var(--teal);font-weight:600}.erp-menu .it.sel:after{content:"✓";margin-left:auto}@keyframes erp-pop{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}#erp-toasts{position:fixed;bottom:22px;right:22px;z-index:1400;display:flex;flex-direction:column;gap:10px}.erp-toast{background:#1e2a4a;color:#fff;padding:12px 16px;border-radius:9px;font-size:13px;box-shadow:0 10px 30px #00000040;display:flex;align-items:center;gap:11px;min-width:230px;max-width:360px;animation:erp-slide .26s cubic-bezier(.2,.8,.2,1);border-left:3px solid var(--teal)}.erp-toast .tli{width:22px;height:22px;flex:none;border-radius:50%;background:#0d948840;display:flex;align-items:center;justify-content:center;font-size:12px}.erp-toast.out{animation:erp-slideout .26s ease forwards}@keyframes erp-slide{0%{opacity:0;transform:translate(40px)}to{opacity:1;transform:none}}@keyframes erp-slideout{to{opacity:0;transform:translate(40px)}}#erp-modal-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1300;background:#101b3373;display:none;align-items:flex-start;justify-content:center;padding:64px 20px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:erp-fade .2s ease}#erp-modal-bg.show{display:flex}.erp-modal{background:#fff;border-radius:12px;width:100%;max-width:540px;box-shadow:0 24px 70px #0a142d66;overflow:hidden;animation:erp-modal-in .26s cubic-bezier(.2,.8,.2,1)}@keyframes erp-fade{0%{opacity:0}to{opacity:1}}@keyframes erp-modal-in{0%{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.erp-modal-h{background:var(--navy-top);color:#fff;padding:16px 20px;display:flex;align-items:center;justify-content:space-between}.erp-modal-h .t{font-size:15px;font-weight:600}.erp-modal-h .t small{display:block;font-size:11px;color:#fff9;font-weight:400;margin-top:2px}.erp-modal-h .x{cursor:pointer;font-size:20px;line-height:1;opacity:.8}.erp-modal-h .x:hover{opacity:1}.erp-modal-b{padding:18px 20px 22px}.erp-dl{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;font-size:13px}.erp-dl dt{color:#6c7480;font-weight:500}.erp-dl dd{margin:0;font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.erp-modal-foot{margin-top:18px;padding-top:14px;border-top:1px solid #edeff2;display:flex;gap:10px;justify-content:flex-end}.erp-btn{border:none;border-radius:7px;padding:9px 16px;font-size:13px;font-weight:600;cursor:pointer;font-family:inherit}.erp-btn.primary{background:var(--teal);color:#fff}.erp-btn.primary:hover{background:#0b7c72}.erp-btn.ghost{background:#eef1f5;color:#1b2330}.erp-btn.ghost:hover{background:#e2e7ee}#erp-chart-tip{position:fixed;z-index:1500;background:#1e2a4a;color:#fff;font-size:11.5px;padding:6px 10px;border-radius:6px;pointer-events:none;box-shadow:0 6px 18px #0000004d;display:none;white-space:nowrap;font-variant-numeric:tabular-nums}#erp-chart-tip b{color:#5ee0d3}@media (max-width: 1100px){:root{--sidebar-w: 76px}.sb-brand-txt,.sb-item span.lbl,.sb-section-lbl,.sb-user .nm{display:none}.sb-item{justify-content:center}}