@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--brand: #2E5BFF;--brand-2: #6D5DF6;--brand-deep: #1F45D9;--brand-soft: rgba(46, 91, 255, .08);--teal: #0FB5A8;--teal-soft: rgba(15, 181, 168, .12);--amber: #F2A413;--amber-soft: rgba(242, 164, 19, .12);--coral: #F0434B;--coral-soft: rgba(240, 67, 75, .1);--danger-red: #E0434B;--bg: #FFFFFF;--danger: #E0434B;--warning: #B97A0D;--success: #0B8D82;--violet: #8B5CF6;--violet-soft: rgba(139, 92, 246, .1);--cyan: #17B4D6;--cyan-soft: rgba(23, 180, 214, .1);--bg-subtle: #F8FAFD;--bg-hover: #F1F4FA;--bg-elevate: #FDFEFF;--bg-ink: #0A1120;--bg-ink-2: #0E1730;--bg-ink-3: #16203D;--ink: #0D1424;--ink-2: #41506B;--ink-3: #8B97AD;--ink-4: #B7C0D0;--on-ink: #FFFFFF;--line: #E7EBF2;--line-soft: rgba(231, 235, 242, .7);--line-ink: rgba(255, 255, 255, .08);--sh-1: 0 1px 2px rgba(13, 20, 36, .05), 0 4px 16px rgba(13, 20, 36, .04);--sh-2: 0 2px 4px rgba(13, 20, 36, .05), 0 12px 32px rgba(13, 20, 36, .08);--sh-3: 0 4px 12px rgba(13, 20, 36, .06), 0 24px 60px rgba(13, 20, 36, .14);--sh-brand: 0 6px 20px rgba(46, 91, 255, .28);--sh-ink: 0 8px 32px rgba(5, 10, 22, .45);--grad-brand: linear-gradient(135deg, #2E5BFF 0%, #6D5DF6 100%);--grad-brand-deep: linear-gradient(150deg, #1F45D9 0%, #2E5BFF 45%, #8B5CF6 100%);--grad-teal: linear-gradient(135deg, #0FB5A8 0%, #2FD0C0 100%);--grad-amber: linear-gradient(135deg, #E8932B 0%, #F2B24C 100%);--grad-coral: linear-gradient(135deg, #E5383F 0%, #F0736B 100%);--grad-violet: linear-gradient(135deg, #6D5DF6 0%, #A78BFA 100%);--grad-ink: linear-gradient(160deg, #0A1120 0%, #0E1730 55%, #16203D 100%);--grad-card-top: linear-gradient(180deg, rgba(46, 91, 255, .028) 0%, rgba(46, 91, 255, 0) 100%);--r-s: 8px;--r-m: 12px;--r-l: 16px;--r-xl: 20px;--r-full: 9999px;--mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--brand-blue: #2E5BFF;--brand-blue-light: #5B7BFF;--brand-blue-dark: #1F45D9;--brand-cyan: #17B4D6;--brand-cyan-light: #49C9E6;--brand-purple: #8B5CF6;--brand-purple-light: #A78BFA;--jade-green: #0FB5A8;--jade-green-light: #2FD0C0;--jade-green-dark: #0B8D82;--silver-gray: #E9EDF4;--silver-gray-light: #F6F8FB;--deep-blue: #2E5BFF;--deep-blue-black: #0A1120;--deep-blue-black-light: #0E1730;--text-primary: #0D1424;--text-secondary: #41506B;--text-muted: #8B97AD;--text-white: #FFFFFF;--text-on-blue: #FFFFFF;--border-light: #E7EBF2;--border-card: #E7EBF2;--bg-page: #F4F6FB;--bg-card: #FFFFFF;--bg-card-hover: #F8FAFD;--shadow-sm: 0 1px 2px rgba(13, 20, 36, .05), 0 4px 16px rgba(13, 20, 36, .04);--shadow-md: 0 2px 4px rgba(13, 20, 36, .05), 0 12px 32px rgba(13, 20, 36, .08);--shadow-lg: 0 4px 12px rgba(13, 20, 36, .06), 0 24px 60px rgba(13, 20, 36, .14);--shadow-blue: 0 6px 20px rgba(46, 91, 255, .28);--shadow-green: 0 4px 14px rgba(15, 181, 168, .3);--gradient-blue: linear-gradient(135deg, #2E5BFF 0%, #6D5DF6 100%);--gradient-blue-deep: linear-gradient(150deg, #1F45D9 0%, #2E5BFF 45%, #8B5CF6 100%);--gradient-cyan: linear-gradient(135deg, #17B4D6 0%, #49C9E6 100%);--gradient-green: linear-gradient(135deg, #0FB5A8 0%, #2FD0C0 100%);--gradient-purple: linear-gradient(135deg, #6D5DF6 0%, #A78BFA 100%);--gradient-orange: linear-gradient(135deg, #E8932B 0%, #F2B24C 100%);--gradient-card: linear-gradient(180deg, rgba(46, 91, 255, .03) 0%, rgba(46, 91, 255, 0) 100%);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-full: 9999px;--bg-hero: linear-gradient(160deg, #0A1120 0%, #0E1730 55%, #16203D 100%);--bg-sidebar: linear-gradient(160deg, #0A1120 0%, #0E1730 55%, #16203D 100%)}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-page);color:var(--ink);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04"}::selection{background:#2e5bff2e}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#c7d0df;border-radius:4px;border:2px solid var(--bg-page)}.mono,.stat-value,.count-up{font-family:var(--mono);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.page-bg-pattern{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(880px 420px at 12% -4%,rgba(46,91,255,.05) 0%,transparent 62%),radial-gradient(720px 380px at 92% 0%,rgba(139,92,246,.045) 0%,transparent 58%),radial-gradient(600px 400px at 60% 110%,rgba(15,181,168,.035) 0%,transparent 60%)}.sidebar{width:264px;height:100vh;position:fixed;left:0;top:0;z-index:100;display:flex;flex-direction:column;background:var(--grad-ink);border-right:1px solid var(--line-ink);box-shadow:var(--sh-ink)}.sidebar-logo{padding:22px 20px 20px;border-bottom:1px solid var(--line-ink);display:flex;align-items:center;gap:13px}.sidebar-logo-icon{width:42px;height:42px;border-radius:var(--r-m);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#2e5bff,#6d5df6 60%,#8b5cf6);box-shadow:0 6px 22px #2e5bff73;overflow:hidden;flex-shrink:0}.sidebar-logo-icon svg{width:26px;height:26px}.sidebar-logo-text h2{font-size:1.08rem;font-weight:700;color:var(--on-ink);letter-spacing:.2px}.sidebar-logo-text p{font-size:.68rem;color:#ffffff73;margin-top:3px;letter-spacing:1.6px}.sidebar-nav{flex:1;padding:14px 12px 8px;overflow-y:auto}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff1f;border:none}.nav-section{margin-bottom:18px}.nav-section-title{font-size:.62rem;font-weight:600;color:#ffffff52;text-transform:uppercase;letter-spacing:2.4px;padding:0 14px;margin-bottom:6px}.nav-item{display:flex;align-items:center;gap:11px;padding:9px 14px;border-radius:10px;color:#ffffff94;cursor:pointer;font-size:.88rem;font-weight:500;margin-bottom:2px;transition:all .18s ease;position:relative}.nav-item:hover{background:#ffffff0f;color:#ffffffeb}.nav-item.active{background:linear-gradient(90deg,#2e5bff47,#6d5df629);color:#fff;box-shadow:inset 0 0 0 1px #6d7cff47}.nav-item.active:after{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:18px;border-radius:0 3px 3px 0;background:linear-gradient(180deg,#4d7cff,#9c7bff)}.nav-icon{width:19px;height:19px;display:flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.9}.nav-item.active .nav-icon{opacity:1}.sidebar-footer{padding:14px 14px 16px;border-top:1px solid var(--line-ink)}.user-card{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:var(--r-m);background:#ffffff0d;border:1px solid var(--line-ink)}.user-avatar{width:34px;height:34px;border-radius:9px;background:var(--grad-brand);display:flex;align-items:center;justify-content:center;font-size:.82rem;color:#fff;font-weight:600;flex-shrink:0}.user-info{flex:1;min-width:0}.user-name{font-size:.85rem;color:#ffffffeb;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{font-size:.7rem;color:#ffffff6b}.main-content{margin-left:264px;min-height:100vh;position:relative;z-index:1;padding:0 34px 56px;max-width:1560px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 4px 16px;position:sticky;top:0;z-index:60;background:linear-gradient(180deg,var(--bg-page) 82%,rgba(244,246,251,0))}.topbar-crumb{font-size:.82rem;color:var(--ink-3);display:flex;align-items:center;gap:8px}.topbar-crumb b{color:var(--ink);font-weight:600;font-size:.84rem}.topbar-tools{display:flex;align-items:center;gap:10px}.topbar-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:var(--r-full);background:var(--bg-card);border:1px solid var(--line);font-size:.75rem;font-weight:500;color:var(--ink-2);box-shadow:var(--sh-1)}.topbar-chip .dot-live{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px #0fb5a82e;animation:pulse 1.8s infinite}.page-header{margin:6px 0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-header-left{display:flex;flex-direction:column;gap:5px}.page-title{font-size:1.72rem;font-weight:800;letter-spacing:-.6px;color:var(--ink);line-height:1.15}.page-title-blue{background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.page-subtitle{color:var(--ink-3);font-size:.9rem;font-weight:400}.page-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.card,.ai-card,.chart-container,.table-container,.stat-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1)}.card{padding:22px 24px;transition:box-shadow .25s ease,transform .25s ease}.card:hover{box-shadow:var(--sh-2)}.hero-card{background:var(--grad-ink);border-radius:var(--r-xl);padding:30px 34px;color:var(--on-ink);position:relative;overflow:hidden;box-shadow:var(--sh-2)}.hero-card:before{content:"";position:absolute;top:-42%;right:-6%;width:360px;height:360px;background:radial-gradient(circle,rgba(46,91,255,.42) 0%,transparent 66%)}.hero-card:after{content:"";position:absolute;bottom:-60%;left:22%;width:280px;height:280px;background:radial-gradient(circle,rgba(139,92,246,.3) 0%,transparent 62%)}.hero-card>*{position:relative;z-index:1}.ai-card{padding:22px 24px;position:relative;overflow:hidden}.ai-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--grad-violet)}.ai-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 13px;border-radius:var(--r-full);background:var(--violet-soft);border:1px solid rgba(139,92,246,.22);font-size:.73rem;font-weight:600;color:var(--violet);margin-bottom:14px}.ai-badge:before{content:"✦";font-size:.66rem}.stat-card{padding:20px 22px;position:relative;overflow:hidden;transition:box-shadow .25s ease,transform .25s ease}.stat-card:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}.stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px}.stat-card.blue:before{background:var(--grad-brand)}.stat-card.green:before{background:var(--grad-teal)}.stat-card.purple:before{background:var(--grad-violet)}.stat-card.orange:before{background:var(--grad-amber)}.stat-card.red:before{background:var(--grad-coral)}.stat-icon{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;margin-bottom:14px;font-size:18px}.stat-icon.blue{background:var(--brand-soft);color:var(--brand)}.stat-icon.green{background:var(--teal-soft);color:var(--teal)}.stat-icon.purple{background:var(--violet-soft);color:var(--violet)}.stat-icon.orange{background:var(--amber-soft);color:#d98a12}.stat-icon.red{background:var(--coral-soft);color:var(--coral)}.stat-label{color:var(--ink-3);font-size:.82rem;font-weight:500}.stat-value{font-size:1.72rem;font-weight:700;margin:6px 0;color:var(--ink)}.stat-change{font-size:.78rem;margin-top:6px;font-weight:500}.stat-change.positive{color:var(--teal)}.stat-change.negative{color:var(--coral)}.table-container{overflow:hidden}.table-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}.table-header h3{font-size:1rem;font-weight:700;color:var(--ink)}.table-body{padding:0 20px}.table-row{display:flex;align-items:center;padding:14px 0;border-bottom:1px solid var(--line-soft);transition:background .15s ease}.table-row:last-child{border-bottom:none}.table-row:hover{background:var(--bg-subtle)}.table-row.clickable{cursor:pointer}.table-empty{text-align:center;padding:60px 20px;color:var(--ink-3);font-size:.9rem}.table-header-row{display:flex;align-items:center;padding:10px 20px;font-size:.75rem;font-weight:600;letter-spacing:.4px;color:var(--ink-3);text-transform:uppercase;border-bottom:1px solid var(--line);background:var(--bg-subtle);margin-bottom:4px;border-radius:10px}.btn-primary,.btn-success,.btn-outline{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;border-radius:10px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:1px solid transparent;line-height:1.4;white-space:nowrap}.btn-primary{background:var(--grad-brand);color:#fff;box-shadow:var(--sh-brand)}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 10px 26px #2e5bff5c}.btn-primary:active{transform:translateY(0)}.btn-success{background:var(--grad-teal);color:#fff;box-shadow:0 4px 14px #0fb5a84d}.btn-success:hover{opacity:.92;transform:translateY(-1px)}.btn-outline{background:var(--bg-card);border-color:var(--line);color:var(--ink-2)}.btn-outline:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn-outline.active{background:var(--brand-soft);border-color:#2e5bff59;color:var(--brand);font-weight:600}.btn-sm{padding:5px 12px;font-size:.78rem;border-radius:8px}.btn-icon{width:34px;height:34px;border-radius:9px;border:1px solid var(--line);background:var(--bg-card);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--ink-2);transition:all .18s ease}.btn-icon:hover{border-color:var(--brand);color:var(--brand);background:var(--brand-soft)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-3)}.btn-ghost:hover{color:var(--brand);background:var(--brand-soft)}.input{background:var(--bg-card);border:1px solid var(--line);border-radius:10px;padding:9px 13px;color:var(--ink);font-size:.9rem;transition:all .18s ease;width:100%;font-family:inherit}.input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2e5bff1f}.input::placeholder{color:var(--ink-4)}select.input{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:34px;background-image:url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%238B97AD' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}.input-label{display:block;font-size:.78rem;font-weight:600;color:var(--ink-2);margin-bottom:6px;letter-spacing:.2px}.status-tag{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:var(--r-full);font-size:.74rem;font-weight:600;letter-spacing:.2px;line-height:1.3}.status-tag:before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.85}.status-tag.draft{background:#eef1f6;color:#6b7688}.status-tag.submitted{background:var(--brand-soft);color:var(--brand-deep)}.status-tag.approved,.status-tag.department_approved,.status-tag.finance_approved,.status-tag.manager_approved,.status-tag.posted,.status-tag.paid{background:var(--teal-soft);color:#0b8d82}.status-tag.rejected,.status-tag.voided,.status-tag.exceeded,.status-tag.blocked{background:var(--coral-soft);color:var(--coral)}.status-tag.pending,.status-tag.unpaid,.status-tag.warning{background:var(--amber-soft);color:#b97a0d}.status-tag.completed{background:var(--violet-soft);color:var(--violet)}.progress-bar{height:8px;background:#e9edf4;border-radius:var(--r-full);overflow:hidden}.progress-fill{height:100%;border-radius:var(--r-full);transition:width .9s cubic-bezier(.22,1,.36,1)}.progress-fill.blue{background:var(--grad-brand)}.progress-fill.green{background:var(--grad-teal)}.progress-fill.purple{background:var(--grad-violet)}.progress-fill.orange{background:var(--grad-amber)}.progress-fill.red{background:var(--grad-coral)}.bar{height:8px;background:#eef1f6;border-radius:4px;overflow:hidden}.bar>div{height:100%;border-radius:4px;background:var(--grad-brand);transition:width .8s ease}.bar-warn>div{background:var(--grad-amber)}.bar-over>div{background:var(--grad-coral)}.modal-card{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000073;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;animation:fadeIn .2s ease}.modal-card-inner{background:#fff;border-radius:16px;padding:28px 32px;max-width:580px;width:92%;box-shadow:0 20px 60px #00000040}.modal-title{font-size:1.12rem;font-weight:700;margin-bottom:16px;color:var(--ink)}.modal-footer{margin-top:20px;display:flex;justify-content:flex-end;gap:10px}.tbl{width:100%;border-collapse:collapse}.tbl th{text-align:left;font-weight:600;font-size:.8rem;color:var(--ink-3);letter-spacing:.03em;padding:10px 14px;border-bottom:2px solid var(--line)}.tbl td{padding:12px 14px;border-bottom:1px solid var(--line);font-size:.88rem}.tbl th.r,.tbl td.r{text-align:right}.tbl th.mono,.tbl td.mono{font-family:var(--mono)}.tbl tr:last-child td{border-bottom:none}.page-container{padding-bottom:20px}.status-tag.ok{background:var(--teal-soft);color:#0b8d82}.status-tag.error{background:var(--coral-soft);color:var(--coral)}.status-tag.active{background:var(--teal-soft);color:#0b8d82}.chat-container{overflow:hidden;height:560px;display:flex;flex-direction:column}.chat-messages{flex:1;padding:24px;overflow-y:auto;background:var(--bg-subtle)}.chat-message{margin-bottom:14px;display:flex;gap:11px}.chat-message.user{flex-direction:row-reverse}.chat-avatar{width:34px;height:34px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:.82rem;font-weight:600;flex-shrink:0}.chat-avatar.ai{background:var(--grad-brand);color:#fff}.chat-avatar.user{background:var(--grad-teal);color:#fff}.chat-bubble{max-width:76%;padding:12px 16px;border-radius:14px;font-size:.9rem;line-height:1.65}.chat-message.user .chat-bubble{background:var(--grad-brand);color:#fff;border-bottom-right-radius:5px;box-shadow:var(--sh-brand)}.chat-message.ai .chat-bubble{background:var(--bg-card);color:var(--ink);border:1px solid var(--line);border-bottom-left-radius:5px;box-shadow:var(--sh-1)}.chat-input-bar{display:flex;gap:10px;padding:14px 18px;border-top:1px solid var(--line);background:var(--bg-card)}.chat-input-bar input{flex:1;background:var(--bg-subtle);border:1px solid var(--line);border-radius:12px;padding:11px 15px;color:var(--ink);font-size:.9rem}.chat-input-bar input:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px #2e5bff1a}.chart-container{padding:20px 22px}.chart-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.chart-title{font-size:1rem;font-weight:700;color:var(--ink)}.mini-chart{display:flex;align-items:flex-end;gap:6px;height:80px}.mini-bar{flex:1;border-radius:5px 5px 0 0;transition:height .7s cubic-bezier(.22,1,.36,1);min-height:3px}.mini-bar:hover{filter:brightness(1.06)}.risk-indicator{display:flex;align-items:center;gap:13px;padding:13px 16px;background:var(--bg-subtle);border-radius:var(--r-m);margin-bottom:10px;border:1px solid var(--line)}.risk-dot{width:9px;height:9px;border-radius:50%;flex-shrink:0}.risk-dot.low{background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.risk-dot.medium{background:var(--amber);box-shadow:0 0 0 3px var(--amber-soft)}.risk-dot.high{background:var(--coral);box-shadow:0 0 0 3px var(--coral-soft)}.pill-nav{display:flex;gap:10px;margin-bottom:24px;flex-wrap:wrap}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-full);font-size:.86rem;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all .2s ease;box-shadow:var(--sh-1)}.pill:hover{border-color:var(--brand);color:var(--brand);box-shadow:var(--sh-brand);transform:translateY(-1px)}.pill.active{background:var(--grad-brand);color:#fff;border-color:transparent;box-shadow:var(--sh-brand)}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--teal)}.toolbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:16px}.erp-modal-mask{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a112080;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:999}.erp-modal{width:440px;max-width:92vw;background:var(--bg-card);border-radius:var(--r-xl);padding:24px 26px;box-shadow:var(--sh-3);border:1px solid var(--line)}.erp-modal h3{margin:0 0 16px;font-size:1.05rem;font-weight:700;color:var(--ink)}.erp-form{display:flex;flex-direction:column;gap:10px}.erp-form label{display:flex;align-items:center;gap:10px;font-size:.85rem;color:var(--ink-2)}.erp-form label span{width:108px;text-align:right;flex-shrink:0}.erp-form input{flex:1;padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:.9rem;background:var(--bg-card)}.erp-form>input{padding:9px 12px;border:1px solid var(--line);border-radius:10px;font-size:.9rem}.erp-row{display:flex;gap:10px;margin-top:12px;justify-content:flex-end}@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.55}}.animate-fadeIn{animation:fadeIn .45s ease forwards}.animate-slideUp{animation:slideUp .35s ease forwards}.animate-pulse{animation:pulse 1.6s infinite}.loading-spinner{width:38px;height:38px;border:3px solid rgba(46,91,255,.14);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.grid-6{grid-template-columns:repeat(6,1fr)}.kit-tile{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-l);padding:18px 20px;box-shadow:var(--sh-1);transition:all .22s ease;position:relative;overflow:hidden}.kit-tile:hover{box-shadow:var(--sh-2);transform:translateY(-2px)}.kit-tile .kit-accent{position:absolute;top:0;left:0;right:0;height:3px}.kit-tile .ac-b{background:var(--grad-brand)}.kit-tile .ac-t{background:var(--grad-teal)}.kit-tile .ac-a{background:var(--grad-amber)}.kit-tile .ac-c{background:var(--grad-coral)}.kit-tile .ac-v{background:var(--grad-violet)}.kit-tile .ac-cn{background:var(--grad-ink)}.kit-ico{width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;font-size:18px;margin-bottom:12px}.kit-label{color:var(--ink-3);font-size:.8rem;font-weight:500;display:flex;align-items:center;gap:6px}.kit-value{font-family:var(--mono);font-size:1.6rem;font-weight:700;color:var(--ink);margin:4px 0 2px;line-height:1.1}.kit-value.sm{font-size:1.2rem}.kit-unit{font-size:.8rem;color:var(--ink-3);font-weight:500;margin-left:4px}.kit-delta{font-size:.76rem;font-weight:600;display:inline-flex;align-items:center;gap:4px}.kit-delta.up{color:var(--teal)}.kit-delta.down{color:var(--coral)}.kit-card{background:var(--bg-card);border:1px solid var(--line);border-radius:var(--r-l);box-shadow:var(--sh-1)}.kit-card-hd{display:flex;justify-content:space-between;align-items:center;padding:16px 22px;border-bottom:1px solid var(--line)}.kit-card-hd h3{font-size:1rem;font-weight:700;color:var(--ink);display:flex;align-items:center;gap:9px}.kit-card-hd h3:before{content:"";width:4px;height:15px;border-radius:3px;background:var(--grad-brand)}.kit-card-bd{padding:18px 22px}.kit-dot{display:inline-flex;align-items:center;gap:6px;font-size:.78rem}.kit-dot:before{content:"";width:6px;height:6px;border-radius:50%}.kit-dot.g{color:var(--teal)}.kit-dot.g:before{background:var(--teal)}.kit-dot.a{color:#b97a0d}.kit-dot.a:before{background:var(--amber)}.kit-dot.r{color:var(--coral)}.kit-dot.r:before{background:var(--coral)}.kit-dot.b{color:var(--brand-deep)}.kit-dot.b:before{background:var(--brand)}.kit-ai{background:linear-gradient(180deg,#8b5cf60f,#2e5bff0a),var(--bg-card);border:1px solid rgba(139,92,246,.18);border-radius:var(--r-xl);padding:20px 24px;box-shadow:var(--sh-1)}.kit-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.kit-form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 18px;padding:4px 2px}.kit-form .full{grid-column:1 / -1}.kit-field{display:flex;flex-direction:column;gap:6px}.kit-field>span{font-size:.78rem;font-weight:600;color:var(--ink-2)}.legend{display:flex;gap:16px;font-size:.8rem;color:var(--ink-2);margin-top:12px;flex-wrap:wrap}.sec-tabs{display:inline-flex;gap:4px;padding:4px;background:#edf0f6;border-radius:12px}.sec-tabs button{border:none;background:transparent;padding:7px 16px;border-radius:9px;font-size:.85rem;font-weight:500;color:var(--ink-2);cursor:pointer;transition:all .18s ease;display:inline-flex;align-items:center;gap:6px}.sec-tabs button:hover{color:var(--ink)}.sec-tabs button.on{background:var(--bg-card);color:var(--brand);font-weight:600;box-shadow:0 1px 4px #0d142417}.vlist{display:flex;flex-direction:column}.vlist-item{display:flex;align-items:flex-start;gap:12px;padding:14px 0;border-bottom:1px solid var(--line-soft)}.vlist-item:last-child{border-bottom:none}.vlist-main{flex:1;min-width:0}.vlist-title{font-size:.9rem;font-weight:600;color:var(--ink)}.vlist-sub{font-size:.82rem;color:var(--ink-3);margin-top:3px;line-height:1.5}.empty-cta{text-align:center;padding:48px 20px;color:var(--ink-3);font-size:.9rem}.badge-count{display:inline-flex;align-items:center;justify-content:center;min-width:20px;height:20px;padding:0 6px;border-radius:var(--r-full);background:var(--coral-soft);color:var(--coral);font-size:.72rem;font-weight:700}@media(max-width:1240px){.grid-4{grid-template-columns:repeat(2,1fr)}.grid-6{grid-template-columns:repeat(3,1fr)}.main-content{padding:0 22px 48px}}@media(max-width:1024px){.sidebar{width:74px}.sidebar-logo-text,.nav-item span,.nav-section-title,.user-info,.sidebar-footer .user-card>div:nth-child(2){display:none}.sidebar-logo{justify-content:center;padding:20px 12px}.nav-item{justify-content:center;padding:12px}.main-content{margin-left:74px}.grid-3{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media(max-width:768px){.sidebar{display:none}.main-content{margin-left:0;padding:0 14px 40px}.grid-3,.grid-4,.kit-form{grid-template-columns:1fr}}