:root{--navy:#0d203b;--navy2:#132d50;--blue:#2f67e8;--blue2:#4d80f4;--cyan:#16a3c7;--green:#18a66a;--orange:#ef8a2f;--red:#dc4f5d;--purple:#7958d6;--bg:#f3f6fb;--card:#fff;--text:#17243a;--muted:#778399;--border:#e5ebf3;--shadow:0 10px 32px rgba(26,49,82,.075);--radius:16px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:14px}.app-shell{min-height:100vh}.sidebar{position:fixed;inset:0 auto 0 0;width:260px;background:linear-gradient(180deg,var(--navy),#08172b);color:#fff;z-index:1040;display:flex;flex-direction:column;box-shadow:8px 0 30px rgba(8,22,42,.12)}.sidebar-brand{height:76px;display:flex;align-items:center;padding:0 18px;border-bottom:1px solid rgba(255,255,255,.08);gap:11px}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:linear-gradient(135deg,#3e7cff,#7ca7ff);font-weight:900;font-size:23px;color:#fff;box-shadow:0 9px 22px rgba(42,103,232,.38)}.brand-copy{min-width:0}.brand-copy b{display:block;font-size:17px;letter-spacing:.8px}.brand-copy small{display:block;color:#91a6c2;font-size:10px;letter-spacing:1.2px;margin-top:2px}.version-chip{margin-left:auto;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);font-size:10px;padding:3px 7px;border-radius:999px;color:#c6d5e8}.btn-close-sidebar{display:none;margin-left:auto;border:0;background:none;color:#fff;font-size:20px}.sidebar-nav{padding:11px 12px 18px;overflow-y:auto;flex:1}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-thumb{background:rgba(255,255,255,.12);border-radius:4px}.nav-group-title{color:#6e86a7;font-size:11px;padding:16px 12px 7px;text-transform:uppercase;letter-spacing:.8px}.sidebar .nav-link{display:flex;align-items:center;gap:12px;color:#b6c5d9;border-radius:11px;padding:10.5px 13px;margin:2px 0;transition:.18s}.sidebar .nav-link:hover{background:rgba(255,255,255,.055);color:#fff;transform:translateX(2px)}.sidebar .nav-link.active{background:linear-gradient(90deg,#2c61dc,#447cf0);color:#fff;box-shadow:0 8px 20px rgba(32,86,207,.30)}.sidebar .nav-link i{font-size:17px;width:20px;text-align:center}.nav-count{margin-left:auto;min-width:22px;height:20px;padding:0 6px;border-radius:10px;display:grid;place-items:center;background:#ffcc56;color:#5a3b00;font-size:11px;font-weight:800}.sidebar-bottom{padding:14px;border-top:1px solid rgba(255,255,255,.08)}.demo-account{background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);border-radius:12px;padding:11px 12px;display:flex;justify-content:space-between;align-items:center}.demo-account span{display:block;color:#8fa5c0;font-size:11px}.demo-account b{display:block;margin-top:2px}.demo-account i{font-size:20px;color:#7ca7ff}.main-content{margin-left:260px;min-height:100vh}.topbar{height:76px;background:rgba(255,255,255,.96);backdrop-filter:blur(12px);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 24px;position:sticky;top:0;z-index:1020}.topbar-left,.topbar-actions{display:flex;align-items:center;gap:10px}.mobile-menu{display:none;border:0;background:none;font-size:25px}.global-search{width:min(510px,38vw);height:42px;display:flex;align-items:center;gap:10px;background:#f5f7fb;border:1px solid #e6ebf3;border-radius:12px;padding:0 12px;color:#8b98aa}.global-search:focus-within{background:#fff;border-color:#a9bff3;box-shadow:0 0 0 4px rgba(47,103,232,.08)}.global-search input{border:0;outline:0;background:transparent;flex:1;color:var(--text);min-width:0}.global-search kbd{font:10px inherit;background:#fff;color:#9aa5b3;border:1px solid #dfe5ec;border-radius:5px;padding:2px 5px}.icon-button,.role-switch,.user-button{height:42px;border:1px solid var(--border);background:#fff;border-radius:11px;color:var(--text);display:flex;align-items:center;gap:7px;padding:0 11px}.icon-button{width:42px;justify-content:center;position:relative;font-size:18px}.notify-dot{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 4px;border-radius:9px;background:#e64e5a;color:#fff;font-size:10px;display:grid;place-items:center;border:2px solid #fff}.role-switch i{color:var(--blue)}.avatar{display:inline-grid;place-items:center;width:31px;height:31px;border-radius:9px;background:linear-gradient(135deg,#e8efff,#dce7ff);color:var(--blue);font-weight:800}.role-menu{width:360px;padding:8px}.role-menu-title{padding:9px 10px 10px;font-weight:750}.role-menu-title small{display:block;color:var(--muted);font-weight:400;margin-top:2px}.role-menu form{margin:0}.role-menu .dropdown-item{display:flex;gap:10px;align-items:flex-start;padding:10px;border-radius:9px;white-space:normal}.role-menu .dropdown-item i{width:24px;height:24px;display:grid;place-items:center;background:#eef3ff;color:var(--blue);border-radius:7px}.role-menu .dropdown-item b{display:block}.role-menu .dropdown-item small{display:block;color:var(--muted);line-height:1.45;margin-top:2px}.role-menu .dropdown-item.active,.role-menu .dropdown-item:active{background:#eef3ff;color:var(--text)}.notification-menu{width:370px;padding:0;overflow:hidden}.notification-head{padding:14px 15px;border-bottom:1px solid var(--border);display:flex;justify-content:space-between}.notification-head button{border:0;background:none;color:var(--blue);font-size:12px}.notification-item{display:flex;gap:10px;padding:12px 14px;text-decoration:none;color:var(--text);border-bottom:1px solid #edf1f6}.notification-item.unread{background:#f5f8ff}.notification-icon{width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#eaf0ff;color:var(--blue);flex:none}.notification-item b,.notification-item small,.notification-item em{display:block}.notification-item small{color:#647186;line-height:1.45;margin-top:2px}.notification-item em{font-style:normal;color:#9aa4b2;font-size:10px;margin-top:4px}.empty-mini{padding:30px;text-align:center;color:var(--muted)}.content-area{padding:22px 24px 38px}.role-context{display:flex;align-items:center;gap:11px;background:linear-gradient(90deg,#eef4ff,#f8fbff);border:1px solid #dce7fb;border-radius:13px;padding:10px 13px;margin-bottom:18px}.role-context-icon{width:36px;height:36px;border-radius:10px;background:#fff;display:grid;place-items:center;color:var(--blue);box-shadow:0 4px 12px rgba(44,93,200,.08)}.role-context b,.role-context span{display:block}.role-context span{font-size:12px;color:#65748b;margin-top:2px}.scope-badge{margin-left:auto;color:#4a6283;background:#fff;border:1px solid #dae4f3;border-radius:9px;padding:6px 9px;font-size:12px}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px}.page-header h1,.page-header h2{font-size:24px;margin:0 0 5px;font-weight:800;letter-spacing:-.3px}.page-header p{color:var(--muted);margin:0}.page-actions{display:flex;gap:8px;flex-wrap:wrap}.card,.erp-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.stat-card{padding:17px 18px;display:flex;align-items:center;gap:14px;height:100%;position:relative;overflow:hidden}.stat-card:after{content:"";position:absolute;width:90px;height:90px;border-radius:50%;right:-35px;bottom:-42px;background:rgba(47,103,232,.05)}.stat-icon{width:49px;height:49px;border-radius:14px;display:grid;place-items:center;font-size:21px;background:#edf3ff;color:var(--blue);flex:none}.stat-card.green .stat-icon{background:#e8f8f0;color:var(--green)}.stat-card.orange .stat-icon{background:#fff2e5;color:var(--orange)}.stat-card.red .stat-icon{background:#ffeaed;color:var(--red)}.stat-card.purple .stat-icon{background:#f0ebff;color:var(--purple)}.stat-label{color:var(--muted);font-size:12px}.stat-value{font-size:22px;font-weight:850;margin-top:3px;line-height:1.2}.stat-trend{font-size:11px;margin-top:4px;color:var(--green)}.stat-trend.down{color:var(--red)}.section-title{font-size:16px;font-weight:800;margin:0}.card-header{background:#fff!important;border-bottom:1px solid var(--border)!important;padding:14px 17px!important;border-radius:var(--radius) var(--radius) 0 0!important}.table-card .card-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.table{margin-bottom:0}.table th{font-size:11px;color:#7a8799;background:#f8fafc;font-weight:750;white-space:nowrap;border-bottom-color:var(--border);letter-spacing:.1px}.table td{vertical-align:middle;border-bottom-color:#edf1f6}.table-hover>tbody>tr:hover>*{--bs-table-accent-bg:#f7f9fd}.table-responsive{border-radius:0 0 var(--radius) var(--radius)}.sticky-table thead th{position:sticky;top:0;z-index:2}.entity-link{font-weight:750;text-decoration:none;color:#245cc9}.entity-sub{font-size:11px;color:var(--muted);margin-top:2px}.status-pill{display:inline-flex;align-items:center;padding:4px 8px;border-radius:999px;font-size:11px;font-weight:700;white-space:nowrap}.status-primary{background:#e9f0ff;color:#2d61ce}.status-success{background:#e7f8ef;color:#148252}.status-warning{background:#fff3d9;color:#a46900}.status-danger{background:#ffe9ec;color:#c73f4c}.status-info{background:#e5f6fb;color:#157993}.status-secondary{background:#eef1f5;color:#697587}.btn{border-radius:10px}.btn-primary{background:linear-gradient(135deg,#3269e7,#2458cc);border-color:#2d62d9;box-shadow:0 5px 12px rgba(47,103,232,.18)}.btn-outline-primary{border-color:#a8bdf0;color:#2f62d3}.form-control,.form-select{border-color:#dfe6ef;border-radius:10px;padding:.58rem .75rem}.form-control:focus,.form-select:focus{border-color:#7999e9;box-shadow:0 0 0 .2rem rgba(47,103,232,.10)}.filter-panel{padding:14px 16px;margin-bottom:14px}.filter-bar{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.filter-bar .form-control,.filter-bar .form-select{min-width:145px}.filter-grow{flex:1;min-width:210px!important}.action-links{display:flex;gap:5px;white-space:nowrap}.action-links a,.action-links button{border:0;background:#edf3ff;color:#245bcb;border-radius:8px;padding:6px 8px;text-decoration:none}.action-links .danger{background:#ffecef;color:#d14352}.progress{height:8px;background:#e8edf5;border-radius:8px}.progress-bar{background:linear-gradient(90deg,#3a72eb,#63a1ff)}.quick-link{display:flex;align-items:center;gap:12px;padding:13px;border:1px solid var(--border);border-radius:12px;text-decoration:none;color:var(--text);background:#fff;transition:.18s}.quick-link:hover{border-color:#aac0f7;box-shadow:var(--shadow);transform:translateY(-2px)}.quick-link i{font-size:20px;color:var(--blue)}.empty-state{text-align:center;padding:70px 20px}.empty-icon{font-size:52px;margin-bottom:12px}.muted{color:var(--muted)}.timeline{position:relative}.timeline-item{display:flex;gap:12px;padding:11px 0;border-bottom:1px solid #eef2f7}.timeline-dot{width:10px;height:10px;border-radius:50%;background:var(--blue);margin-top:6px;flex:none;box-shadow:0 0 0 4px #edf3ff}.timeline-item:last-child{border-bottom:0}.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.detail-item{background:#f7f9fc;border:1px solid #edf1f6;border-radius:11px;padding:11px}.detail-item span{display:block;color:#7b8798;font-size:11px;margin-bottom:4px}.detail-item b{font-size:14px}.hero-card{background:linear-gradient(135deg,#142c4c,#2458a4);color:#fff;border:0;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;border:70px solid rgba(255,255,255,.04);right:-90px;bottom:-150px}.hero-card .muted{color:#b9cae0}.hero-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:20px;position:relative;z-index:1}.hero-kpi{background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.hero-kpi span,.hero-kpi b{display:block}.hero-kpi span{color:#b8c9df;font-size:11px}.hero-kpi b{font-size:18px;margin-top:4px}.chart-wrap{height:285px}.donut-wrap{height:230px}.kanban-board{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.kanban-column{background:#f3f6fa;border:1px solid #e7ecf3;border-radius:13px;padding:10px;min-height:240px}.kanban-head{display:flex;justify-content:space-between;padding:4px 4px 10px;font-weight:750}.task-card{background:#fff;border:1px solid #e4e9f1;border-radius:11px;padding:11px;margin-bottom:9px;box-shadow:0 4px 10px rgba(31,50,77,.04)}.task-card .task-meta{display:flex;justify-content:space-between;color:var(--muted);font-size:10px;margin-top:8px}.workflow{display:flex;align-items:flex-start;overflow-x:auto;padding:10px 0 4px}.workflow-step{min-width:150px;position:relative;text-align:center;padding:0 13px}.workflow-step:not(:last-child):after{content:"";position:absolute;top:18px;left:62%;right:-38%;height:2px;background:#d9e2f0}.workflow-step.done:not(:last-child):after{background:#66bb8d}.workflow-icon{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;margin:0 auto 7px;background:#e7edf5;color:#758298;position:relative;z-index:1}.workflow-step.done .workflow-icon{background:#dcf6e8;color:#168653}.workflow-step.current .workflow-icon{background:#e8efff;color:var(--blue);box-shadow:0 0 0 5px rgba(47,103,232,.09)}.workflow-step b{display:block;font-size:12px}.workflow-step small{display:block;color:var(--muted);margin-top:2px}.tabs-modern{border-bottom:1px solid var(--border);gap:3px}.tabs-modern .nav-link{border:0;border-bottom:2px solid transparent;color:#6f7c8e;padding:10px 13px}.tabs-modern .nav-link.active{color:var(--blue);border-bottom-color:var(--blue);background:transparent;font-weight:750}.comment-item{display:flex;gap:10px;padding:11px 0;border-bottom:1px solid #edf1f6}.comment-avatar{width:34px;height:34px;border-radius:10px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-weight:800;flex:none}.comment-body{flex:1}.comment-head{display:flex;justify-content:space-between}.comment-body p{margin:4px 0 0;line-height:1.6}.file-item{display:flex;align-items:center;gap:10px;padding:10px;border:1px solid var(--border);border-radius:10px;margin-bottom:8px}.file-icon{width:34px;height:34px;border-radius:9px;background:#eef3ff;color:var(--blue);display:grid;place-items:center}.file-item>a{margin-left:auto}.metric-list{display:grid;gap:8px}.metric-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-bottom:1px solid #edf1f6}.metric-row:last-child{border:0}.tag{display:inline-flex;padding:4px 7px;border-radius:7px;background:#eef3ff;color:#2b5fc9;font-size:11px}.column-menu{min-width:220px;padding:10px}.column-menu label{display:flex;align-items:center;gap:8px;padding:5px}.pagination .page-link{color:#4264a4;border-color:#e1e7ef}.pagination .active>.page-link{background:var(--blue);border-color:var(--blue)}.print-only{display:none}.login-body{background:#eef3f9;min-height:100vh}.login-shell{min-height:100vh;display:grid;grid-template-columns:1.08fr .92fr}.login-brand-panel{background:linear-gradient(145deg,#0c203c,#1d518c);color:#fff;padding:8vh 7vw;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.login-brand-panel:after{content:"";position:absolute;width:560px;height:560px;border-radius:50%;border:105px solid rgba(255,255,255,.04);right:-210px;bottom:-255px}.login-brand-panel .brand-mark{width:60px;height:60px;font-size:31px;margin-bottom:22px}.login-brand-panel h1{font-size:45px;font-weight:900;letter-spacing:2px}.login-brand-panel h2{font-size:25px;margin:12px 0}.login-brand-panel p{color:#bfd0e5;font-size:16px;max-width:620px}.login-feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;position:relative;z-index:1}.login-feature{display:flex;gap:10px;align-items:flex-start;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px}.login-feature i{color:#7fb0ff;font-size:18px}.login-feature b,.login-feature small{display:block}.login-feature small{color:#aebfd5;margin-top:2px}.login-form-panel{display:grid;place-items:center;padding:30px}.login-card{width:min(445px,100%);background:#fff;border-radius:22px;padding:38px;box-shadow:0 20px 65px rgba(35,57,86,.14)}.login-card h3{font-size:27px;font-weight:850}.demo-credential{margin-top:22px;background:#f3f7ff;border:1px dashed #9ab4f3;border-radius:13px;padding:14px 16px}.demo-title{font-weight:800;color:var(--blue);margin-bottom:8px}.demo-credential>div:not(.demo-title){display:flex;justify-content:space-between;padding:3px 0}.demo-credential small{display:block;color:#778399;margin-top:8px;line-height:1.6}.login-footer{text-align:center;color:#9aa5b5;font-size:12px;margin-top:24px}.mobile-brand{display:none}.sidebar-overlay{display:none}.permission-table th,.permission-table td{text-align:center}.permission-table th:first-child,.permission-table td:first-child{text-align:left;position:sticky;left:0;background:#fff;z-index:2}.permission-toggle{width:18px;height:18px}.tour-step{display:flex;gap:15px;padding:15px;border:1px solid var(--border);border-radius:13px;background:#fff}.tour-number{width:34px;height:34px;border-radius:10px;background:#eaf0ff;color:var(--blue);display:grid;place-items:center;font-weight:850;flex:none}.tour-step b{display:block;margin-bottom:3px}.tour-step p{margin:0;color:var(--muted);line-height:1.5}.risk-high{color:var(--red)}.risk-normal{color:var(--orange)}.risk-low{color:var(--green)}
@media(max-width:1199px){.detail-grid{grid-template-columns:repeat(3,1fr)}.hero-kpis{grid-template-columns:repeat(2,1fr)}}
@media(max-width:991px){.sidebar{transform:translateX(-100%);transition:.25s}.sidebar.open{transform:translateX(0)}.main-content{margin-left:0}.mobile-menu,.btn-close-sidebar{display:block}.sidebar-overlay{position:fixed;inset:0;background:rgba(7,20,38,.5);z-index:1035}.sidebar-overlay.show{display:block}.topbar{padding:0 14px}.content-area{padding:16px}.global-search{width:min(430px,48vw)}.user-name{display:none}.login-shell{grid-template-columns:1fr}.login-brand-panel{display:none}.mobile-brand{display:flex;flex-direction:column;margin-bottom:28px;color:var(--blue)}.mobile-brand b{font-size:22px}.login-form-panel{min-height:100vh}.detail-grid{grid-template-columns:1fr 1fr}.kanban-board{grid-template-columns:1fr}.notification-menu,.role-menu{width:min(360px,92vw)}}
@media(max-width:650px){.global-search{display:none}.topbar{height:65px}.content-area{padding:12px}.role-context{align-items:flex-start}.scope-badge{display:none}.page-header{flex-direction:column}.page-actions{width:100%}.page-actions .btn{flex:1}.stat-value{font-size:18px}.detail-grid{grid-template-columns:1fr}.hero-kpis{grid-template-columns:1fr 1fr}.filter-bar>*{width:100%;min-width:100%!important}.table-card .card-header{align-items:flex-start;flex-direction:column}.login-card{padding:25px}.login-form-panel{padding:16px}.role-switch span{display:none}.topbar-actions{gap:5px}.role-switch,.user-button,.icon-button{height:39px}.workflow-step{min-width:130px}.chart-wrap{height:240px}}
@media print{.sidebar,.topbar,.role-context,.page-actions,.filter-panel,.no-print,.sidebar-overlay{display:none!important}.main-content{margin:0}.content-area{padding:0}.card{box-shadow:none}.print-only{display:block}.table{font-size:11px}body{background:#fff}}