:root{--ink:#111a2e;--muted:#778197;--line:#e7eaf1;--surface:#fff;--page:#f5f7fb;--blue:#4d67f5;--cyan:#18b8c8;--orange:#f59b4b;--purple:#8a72e8;--green:#22ad79;--red:#e05b6f;--shadow:0 10px 28px rgba(23,35,70,.06)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#10182c;color:#dbe2f1;display:flex;flex-direction:column;padding:25px 16px 20px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 33px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#6de1eb,#3f62f2);display:grid;place-items:center;color:#10182c;font-weight:800;font-size:19px}.brand strong{display:block;font-size:15px;color:#fff;letter-spacing:.02em}.brand span{display:block;font-size:11px;color:#8190ad;margin-top:3px}.side-nav{display:grid;gap:7px}.nav-item{border:0;color:#aab5cc;background:transparent;border-radius:10px;display:flex;align-items:center;gap:13px;padding:12px 13px;text-align:left;transition:.2s}.nav-item:hover{background:#1b2642;color:#fff}.nav-item.active{background:linear-gradient(90deg,#25386d,#1a284c);color:#fff;box-shadow:inset 3px 0 #69d8e5}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-count{margin-left:auto;font-size:11px;color:#9feaf0;background:#213b54;padding:3px 7px;border-radius:10px}.sidebar-bottom{margin-top:auto}.system-status{border-top:1px solid #27334f;border-bottom:1px solid #27334f;padding:15px 10px;color:#8b9ab7;font-size:12px;display:flex;align-items:center;gap:8px}.system-status i{width:7px;height:7px;border-radius:50%;background:#36d596;box-shadow:0 0 0 4px rgba(54,213,150,.12)}.profile{display:flex;align-items:center;gap:9px;padding:18px 8px 0}.profile .avatar{width:33px;height:33px;border-radius:50%;background:#dce6ff;color:#425bd5;display:grid;place-items:center;font-weight:700;font-size:11px}.profile strong{font-size:12px;color:#e8edf7;display:block}.profile span{font-size:11px;color:#7f8da7}.profile button{margin-left:auto;border:0;background:transparent;color:#8290aa}.main-content{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#98a1b2;font-size:13px}.breadcrumb b{color:#d2d7e1;font-weight:400}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:18px;color:#9ba4b5}.icon-btn{border:0;background:transparent;color:#7d879c;font-size:21px;position:relative}.notification-dot{position:absolute;right:1px;top:1px;width:5px;height:5px;background:#f35f75;border-radius:50%}.top-date{font-size:12px;border-left:1px solid var(--line);padding-left:18px}.view{display:none;padding:38px 44px 60px;max-width:1560px;margin:auto}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;color:#7990d9;letter-spacing:.2em;font-weight:700;margin:0 0 9px}.page-heading h1{font-size:30px;letter-spacing:-.04em;margin:0}.subheading{color:var(--muted);margin:9px 0 0}.primary-btn{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:11px 17px;font-weight:600;box-shadow:0 8px 16px rgba(77,103,245,.2);transition:.2s}.primary-btn:hover{background:#3e56da;transform:translateY(-1px)}.primary-btn span{font-size:17px;vertical-align:-1px;margin-right:5px}.outline-btn{border:1px solid #d9deea;background:#fff;border-radius:8px;color:#55617a;padding:10px 14px}.text-btn{border:0;background:transparent;color:#4e67de;font-size:12px;font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.kpi-card{background:var(--surface);border-radius:13px;padding:20px 21px;min-height:145px;position:relative;box-shadow:var(--shadow);overflow:hidden}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.accent-blue:before{background:var(--blue)}.accent-cyan:before{background:var(--cyan)}.accent-orange:before{background:var(--orange)}.accent-purple:before{background:var(--purple)}.kpi-label{color:#69758c;font-size:12px}.kpi-trend{float:right;font-size:11px}.kpi-trend.up{color:var(--green)}.kpi-trend.down{color:var(--orange)}.kpi-trend.neutral{color:#99a2b4}.kpi-value{font-size:32px;font-weight:700;margin:12px 0 5px;letter-spacing:-.05em}.kpi-value span{font-size:18px;margin-left:2px}.kpi-foot{color:#9aa3b3;font-size:11px}.sparkline,.asset-bars{display:flex;align-items:flex-end;gap:4px;height:38px;position:absolute;right:20px;bottom:18px}.sparkline span{width:6px;border-radius:5px 5px 1px 1px;background:linear-gradient(#7d91fa,#d3dafc)}.asset-bars span{width:7px;background:#d8cefb;border-radius:5px 5px 1px 1px}.progress-ring{position:absolute;right:20px;bottom:14px;width:57px;height:57px;border-radius:50%;background:conic-gradient(var(--orange) 0 94.6%,#f3e8d9 94.6%);display:grid;place-items:center}.progress-ring:before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:#fff}.progress-ring div{position:relative;text-align:center}.progress-ring strong{display:block;font-size:10px}.progress-ring small{font-size:8px;color:#9ca4b1}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.panel{background:#fff;border-radius:13px;box-shadow:var(--shadow);padding:23px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font-size:16px;margin:0 0 5px}.panel-heading p{margin:0;color:#9aa3b3;font-size:11px}.panel-heading select{border:1px solid var(--line);border-radius:6px;padding:6px 9px;color:#68758b;font-size:11px}.trend-panel{min-height:330px}.chart-legend{display:flex;align-items:center;gap:17px;color:#7d8798;font-size:11px;margin-bottom:7px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.blue{background:var(--blue)}.legend-dot.cyan{background:var(--cyan)}.chart-total{margin-left:auto;color:#6978cf}.line-chart{display:flex;height:220px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#a1aabc;font-size:10px;padding:5px 10px 31px 0}.chart-area{position:relative;flex:1;padding-bottom:25px}.grid-line{height:1px;left:0;right:0;background:#eef0f5;position:absolute}.g1{top:0}.g2{top:25%}.g3{top:50%}.g4{top:75%}.chart-area svg{position:absolute;inset:0 0 25px;width:100%;height:calc(100% - 25px);overflow:visible}.area-path{fill:url(#fillBlue)}.line-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.blue-line{stroke:var(--blue)}.cyan-line{stroke:var(--cyan);stroke-width:2}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a1aabc;font-size:10px}.category-panel{min-height:330px}.donut-wrap{display:flex;align-items:center;gap:22px;padding:18px 0}.donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(var(--blue) 0 43%,var(--cyan) 43% 70%,var(--orange) 70% 88%,var(--purple) 88% 100%);display:grid;place-items:center;flex:none}.donut:before{content:"";width:91px;height:91px;background:#fff;border-radius:50%;position:absolute}.donut div{position:relative;text-align:center}.donut strong{font-size:25px;display:block}.donut small{font-size:10px;color:#9ba4b3}.category-list{flex:1}.category-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f5;color:#647087}.category-list>div:last-child{border-bottom:0}.category-list b{color:var(--ink);font-size:12px}.category-list b small{color:#a2aab9;font-weight:400;margin-left:5px}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.cat-dot.blue{background:var(--blue)}.cat-dot.cyan{background:var(--cyan)}.cat-dot.orange{background:var(--orange)}.cat-dot.purple{background:var(--purple)}.table-panel,.health-panel{min-height:260px}.table-panel{grid-column:1}.health-panel{grid-column:2}.mini-table{font-size:12px}.mini-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;align-items:center;gap:10px;padding:13px 3px;border-bottom:1px solid #f0f1f5;color:#647087}.mini-row:last-child{border:0}.mini-row.header{color:#a1aaba;font-size:11px;padding-top:3px}.mini-row strong{font-weight:600;color:var(--ink)}.priority{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.priority.high{background:var(--red)}.priority.medium{background:var(--orange)}.status{font-size:10px;padding:4px 7px;border-radius:5px;display:inline-block;text-align:center}.status.danger{color:#d55268;background:#fff0f2}.status.warning{color:#c98635;background:#fff7e9}.status.info{color:#4b67d8;background:#eff2ff}.health-list{display:grid;gap:15px}.health-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;position:relative;padding-bottom:17px}.health-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.health-icon.green{background:#e4f8f0;color:#20a979}.health-icon.blue{background:#e8edff;color:#5873e5}.health-icon.purple{background:#eeeaff;color:#8c70e7}.health-item strong{display:block;font-size:12px}.health-item span{display:block;color:#9da5b5;font-size:10px;margin-top:3px}.health-item>b{font-size:12px}.health-item .health-bar{position:absolute;left:41px;right:0;bottom:0;height:4px;background:#edf0f5;border-radius:5px}.health-bar i{display:block;height:100%;border-radius:5px;background:var(--blue)}.health-item:nth-child(1) .health-bar i{background:var(--green)}.health-item:nth-child(3) .health-bar i{background:var(--purple)}.filter-bar{display:flex;gap:10px;margin-bottom:17px}.search-box{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 11px;flex:1;max-width:390px;color:#9ba4b3}.search-box input{border:0;outline:0;background:transparent;padding:10px 8px;width:100%;color:var(--ink)}.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px;color:#657189;min-width:135px}.data-panel{padding:0;overflow:hidden}.data-summary{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;color:#66728a}.data-summary b{color:var(--blue)}.view-switch{display:flex;gap:3px}.view-switch button{border:1px solid var(--line);background:#fff;color:#a0a8b5;padding:5px 8px}.view-switch .active{color:var(--blue);background:#f0f3ff}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:940px}.data-table th{font-size:11px;font-weight:500;text-align:left;color:#9aa3b3;background:#fafbfc;padding:12px 22px;border-top:1px solid #f0f1f5;border-bottom:1px solid #f0f1f5;white-space:nowrap}.data-table td{padding:16px 22px;border-bottom:1px solid #f0f1f5;color:#66728a;white-space:nowrap}.data-table td:first-child{color:var(--blue);font-weight:600;font-size:12px}.data-table td:nth-child(2){color:var(--ink);font-weight:500}.data-table tbody tr:hover{background:#fbfcff}.pill{font-size:10px;border-radius:5px;padding:4px 8px;display:inline-block}.pill.blue{color:#4d67d8;background:#eef2ff}.pill.orange{color:#bf7b2a;background:#fff5e5}.pill.green{color:#189467;background:#e5f8f0}.pill.purple{color:#7960d2;background:#eeeaff}.pill.gray{color:#7c8798;background:#f0f2f5}.priority-label{font-size:11px}.priority-label i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.priority-label.high{color:var(--red)}.priority-label.high i{background:var(--red)}.priority-label.medium{color:#c5842f}.priority-label.medium i{background:var(--orange)}.priority-label.low{color:#8490a4}.priority-label.low i{background:#aab3c2}.row-menu{border:0;background:transparent;color:#9aa3b3;font-size:17px}.asset-summary,.line-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:20px}.asset-summary>div,.line-summary>div{background:#fff;padding:20px 24px}.asset-summary span,.line-summary span{font-size:11px;color:#8993a6;display:block}.asset-summary strong,.line-summary strong{font-size:28px;display:block;margin:8px 0 3px;letter-spacing:-.04em}.asset-summary small,.line-summary small{font-size:10px;color:#9ba4b3}.orange-text{color:var(--orange)}.green-text{color:var(--green)}.red-text{color:var(--red)}.line-summary{grid-template-columns:1.6fr repeat(3,1fr)}.line-summary-main{display:flex;align-items:center;gap:16px}.line-globe{width:45px;height:45px;border-radius:13px;background:#e8edff;color:var(--blue);display:grid;place-items:center;font-size:26px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.knowledge-card{background:#fff;border-radius:13px;padding:22px;box-shadow:var(--shadow);min-height:180px}.knowledge-tag{font-size:10px;padding:5px 8px;border-radius:5px}.knowledge-tag.blue{color:#4d67d8;background:#eef2ff}.knowledge-tag.purple{color:#7960d2;background:#eeeaff}.knowledge-tag.cyan{color:#149aa8;background:#e4f8fa}.knowledge-card h3{font-size:15px;margin:18px 0 9px}.knowledge-card p{font-size:12px;color:#78849a;line-height:1.7;margin:0 0 21px}.knowledge-card small{color:#a0a8b5;font-size:10px}.modal{border:0;border-radius:14px;padding:0;width:min(640px,calc(100vw - 30px));box-shadow:0 24px 80px rgba(16,24,44,.25)}.modal::backdrop{background:rgba(16,24,44,.48)}.modal form{padding:27px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-header h2{margin:0;font-size:23px}.close-btn{border:0;background:transparent;font-size:25px;color:#9ca5b4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{color:#657189;font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe4ee;border-radius:7px;padding:10px 11px;color:var(--ink);background:#fff;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,103,245,.1)}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:1100px){.sidebar{width:218px}.view{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.table-panel,.health-panel{grid-column:auto}}@media(max-width:720px){.sidebar{width:68px;padding:18px 10px}.brand{padding:0 7px 28px}.brand>div:last-child,.nav-item span:not(.nav-icon),.system-status span,.profile>div:not(.avatar),.profile button{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-count{position:absolute;margin-left:31px;margin-top:-21px}.main-content{min-width:0}.topbar{padding:0 17px;height:64px}.top-date{display:none}.view{padding:26px 16px 40px}.page-heading{align-items:flex-start;gap:17px;flex-direction:column}.page-heading h1{font-size:26px}.kpi-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.filter-bar select{flex:1;min-width:120px}.asset-summary,.line-summary{grid-template-columns:1fr 1fr}.line-summary{grid-template-columns:1fr 1fr}.line-summary-main{grid-column:span 2}.knowledge-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
:root{--ink:#111a2e;--muted:#778197;--line:#e7eaf1;--surface:#fff;--page:#f5f7fb;--blue:#4d67f5;--cyan:#18b8c8;--orange:#f59b4b;--purple:#8a72e8;--green:#22ad79;--red:#e05b6f;--shadow:0 10px 28px rgba(23,35,70,.06)}*{box-sizing:border-box}body{margin:0;background:var(--page);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button{cursor:pointer}.app-shell{display:flex;min-height:100vh}.sidebar{width:248px;background:#10182c;color:#dbe2f1;display:flex;flex-direction:column;padding:25px 16px 20px;flex-shrink:0}.brand{display:flex;align-items:center;gap:11px;padding:0 12px 33px}.brand-mark{width:34px;height:34px;border-radius:11px;background:linear-gradient(145deg,#6de1eb,#3f62f2);display:grid;place-items:center;color:#10182c;font-weight:800;font-size:19px}.brand strong{display:block;font-size:15px;color:#fff;letter-spacing:.02em}.brand span{display:block;font-size:11px;color:#8190ad;margin-top:3px}.side-nav{display:grid;gap:7px}.nav-item{border:0;color:#aab5cc;background:transparent;border-radius:10px;display:flex;align-items:center;gap:13px;padding:12px 13px;text-align:left;transition:.2s}.nav-item:hover{background:#1b2642;color:#fff}.nav-item.active{background:linear-gradient(90deg,#25386d,#1a284c);color:#fff;box-shadow:inset 3px 0 #69d8e5}.nav-icon{font-size:17px;width:20px;text-align:center}.nav-count{margin-left:auto;font-size:11px;color:#9feaf0;background:#213b54;padding:3px 7px;border-radius:10px}.sidebar-bottom{margin-top:auto}.system-status{border-top:1px solid #27334f;border-bottom:1px solid #27334f;padding:15px 10px;color:#8b9ab7;font-size:12px;display:flex;align-items:center;gap:8px}.system-status i{width:7px;height:7px;border-radius:50%;background:#36d596;box-shadow:0 0 0 4px rgba(54,213,150,.12)}.profile{display:flex;align-items:center;gap:9px;padding:18px 8px 0}.profile .avatar{width:33px;height:33px;border-radius:50%;background:#dce6ff;color:#425bd5;display:grid;place-items:center;font-weight:700;font-size:11px}.profile strong{font-size:12px;color:#e8edf7;display:block}.profile span{font-size:11px;color:#7f8da7}.profile button{margin-left:auto;border:0;background:transparent;color:#8290aa}.main-content{flex:1;min-width:0}.topbar{height:76px;background:#fff;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:0 44px}.breadcrumb{display:flex;align-items:center;gap:11px;color:#98a1b2;font-size:13px}.breadcrumb b{color:#d2d7e1;font-weight:400}.breadcrumb strong{color:var(--ink);font-weight:600}.top-actions{display:flex;align-items:center;gap:18px;color:#9ba4b5}.icon-btn{border:0;background:transparent;color:#7d879c;font-size:21px;position:relative}.notification-dot{position:absolute;right:1px;top:1px;width:5px;height:5px;background:#f35f75;border-radius:50%}.top-date{font-size:12px;border-left:1px solid var(--line);padding-left:18px}.view{display:none;padding:38px 44px 60px;max-width:1560px;margin:auto}.view.active{display:block}.page-heading{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:10px;color:#7990d9;letter-spacing:.2em;font-weight:700;margin:0 0 9px}.page-heading h1{font-size:30px;letter-spacing:-.04em;margin:0}.subheading{color:var(--muted);margin:9px 0 0}.primary-btn{border:0;border-radius:8px;background:var(--blue);color:#fff;padding:11px 17px;font-weight:600;box-shadow:0 8px 16px rgba(77,103,245,.2);transition:.2s}.primary-btn:hover{background:#3e56da;transform:translateY(-1px)}.primary-btn span{font-size:17px;vertical-align:-1px;margin-right:5px}.outline-btn{border:1px solid #d9deea;background:#fff;border-radius:8px;color:#55617a;padding:10px 14px}.text-btn{border:0;background:transparent;color:#4e67de;font-size:12px;font-weight:600}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-bottom:20px}.kpi-card{background:var(--surface);border-radius:13px;padding:20px 21px;min-height:145px;position:relative;box-shadow:var(--shadow);overflow:hidden}.kpi-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px}.accent-blue:before{background:var(--blue)}.accent-cyan:before{background:var(--cyan)}.accent-orange:before{background:var(--orange)}.accent-purple:before{background:var(--purple)}.kpi-label{color:#69758c;font-size:12px}.kpi-trend{float:right;font-size:11px}.kpi-trend.up{color:var(--green)}.kpi-trend.down{color:var(--orange)}.kpi-trend.neutral{color:#99a2b4}.kpi-value{font-size:32px;font-weight:700;margin:12px 0 5px;letter-spacing:-.05em}.kpi-value span{font-size:18px;margin-left:2px}.kpi-foot{color:#9aa3b3;font-size:11px}.sparkline,.asset-bars{display:flex;align-items:flex-end;gap:4px;height:38px;position:absolute;right:20px;bottom:18px}.sparkline span{width:6px;border-radius:5px 5px 1px 1px;background:linear-gradient(#7d91fa,#d3dafc)}.asset-bars span{width:7px;background:#d8cefb;border-radius:5px 5px 1px 1px}.progress-ring{position:absolute;right:20px;bottom:14px;width:57px;height:57px;border-radius:50%;background:conic-gradient(var(--orange) 0 94.6%,#f3e8d9 94.6%);display:grid;place-items:center}.progress-ring:before{content:"";position:absolute;width:44px;height:44px;border-radius:50%;background:#fff}.progress-ring div{position:relative;text-align:center}.progress-ring strong{display:block;font-size:10px}.progress-ring small{font-size:8px;color:#9ca4b1}.dashboard-grid{display:grid;grid-template-columns:1.35fr .9fr;gap:18px}.panel{background:#fff;border-radius:13px;box-shadow:var(--shadow);padding:23px}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}.panel-heading h2{font-size:16px;margin:0 0 5px}.panel-heading p{margin:0;color:#9aa3b3;font-size:11px}.panel-heading select{border:1px solid var(--line);border-radius:6px;padding:6px 9px;color:#68758b;font-size:11px}.trend-panel{min-height:330px}.chart-legend{display:flex;align-items:center;gap:17px;color:#7d8798;font-size:11px;margin-bottom:7px}.legend-dot{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:5px}.legend-dot.blue{background:var(--blue)}.legend-dot.cyan{background:var(--cyan)}.chart-total{margin-left:auto;color:#6978cf}.line-chart{display:flex;height:220px}.y-labels{display:flex;flex-direction:column;justify-content:space-between;color:#a1aabc;font-size:10px;padding:5px 10px 31px 0}.chart-area{position:relative;flex:1;padding-bottom:25px}.grid-line{height:1px;left:0;right:0;background:#eef0f5;position:absolute}.g1{top:0}.g2{top:25%}.g3{top:50%}.g4{top:75%}.chart-area svg{position:absolute;inset:0 0 25px;width:100%;height:calc(100% - 25px);overflow:visible}.area-path{fill:url(#fillBlue)}.line-path{fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}.blue-line{stroke:var(--blue)}.cyan-line{stroke:var(--cyan);stroke-width:2}.x-labels{position:absolute;bottom:0;left:0;right:0;display:flex;justify-content:space-between;color:#a1aabc;font-size:10px}.category-panel{min-height:330px}.donut-wrap{display:flex;align-items:center;gap:22px;padding:18px 0}.donut{width:142px;height:142px;border-radius:50%;background:conic-gradient(var(--blue) 0 43%,var(--cyan) 43% 70%,var(--orange) 70% 88%,var(--purple) 88% 100%);display:grid;place-items:center;flex:none}.donut:before{content:"";width:91px;height:91px;background:#fff;border-radius:50%;position:absolute}.donut div{position:relative;text-align:center}.donut strong{font-size:25px;display:block}.donut small{font-size:10px;color:#9ba4b3}.category-list{flex:1}.category-list>div{display:flex;justify-content:space-between;align-items:center;padding:9px 0;border-bottom:1px solid #f0f1f5;color:#647087}.category-list>div:last-child{border-bottom:0}.category-list b{color:var(--ink);font-size:12px}.category-list b small{color:#a2aab9;font-weight:400;margin-left:5px}.cat-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:7px}.cat-dot.blue{background:var(--blue)}.cat-dot.cyan{background:var(--cyan)}.cat-dot.orange{background:var(--orange)}.cat-dot.purple{background:var(--purple)}.table-panel,.health-panel{min-height:260px}.table-panel{grid-column:1}.health-panel{grid-column:2}.mini-table{font-size:12px}.mini-row{display:grid;grid-template-columns:1.5fr 1fr 1fr .7fr;align-items:center;gap:10px;padding:13px 3px;border-bottom:1px solid #f0f1f5;color:#647087}.mini-row:last-child{border:0}.mini-row.header{color:#a1aaba;font-size:11px;padding-top:3px}.mini-row strong{font-weight:600;color:var(--ink)}.priority{width:7px;height:7px;border-radius:50%;display:inline-block;margin-right:7px}.priority.high{background:var(--red)}.priority.medium{background:var(--orange)}.status{font-size:10px;padding:4px 7px;border-radius:5px;display:inline-block;text-align:center}.status.danger{color:#d55268;background:#fff0f2}.status.warning{color:#c98635;background:#fff7e9}.status.info{color:#4b67d8;background:#eff2ff}.health-list{display:grid;gap:15px}.health-item{display:grid;grid-template-columns:32px 1fr auto;align-items:center;gap:9px;position:relative;padding-bottom:17px}.health-icon{width:29px;height:29px;border-radius:8px;display:grid;place-items:center}.health-icon.green{background:#e4f8f0;color:#20a979}.health-icon.blue{background:#e8edff;color:#5873e5}.health-icon.purple{background:#eeeaff;color:#8c70e7}.health-item strong{display:block;font-size:12px}.health-item span{display:block;color:#9da5b5;font-size:10px;margin-top:3px}.health-item>b{font-size:12px}.health-item .health-bar{position:absolute;left:41px;right:0;bottom:0;height:4px;background:#edf0f5;border-radius:5px}.health-bar i{display:block;height:100%;border-radius:5px;background:var(--blue)}.health-item:nth-child(1) .health-bar i{background:var(--green)}.health-item:nth-child(3) .health-bar i{background:var(--purple)}.filter-bar{display:flex;gap:10px;margin-bottom:17px}.search-box{background:#fff;border:1px solid var(--line);border-radius:8px;display:flex;align-items:center;padding:0 11px;flex:1;max-width:390px;color:#9ba4b3}.search-box input{border:0;outline:0;background:transparent;padding:10px 8px;width:100%;color:var(--ink)}.filter-bar select{border:1px solid var(--line);background:#fff;border-radius:8px;padding:0 12px;color:#657189;min-width:135px}.data-panel{padding:0;overflow:hidden}.data-summary{padding:18px 22px;display:flex;justify-content:space-between;align-items:center;color:#66728a}.data-summary b{color:var(--blue)}.view-switch{display:flex;gap:3px}.view-switch button{border:1px solid var(--line);background:#fff;color:#a0a8b5;padding:5px 8px}.view-switch .active{color:var(--blue);background:#f0f3ff}.data-table-wrap{overflow-x:auto}.data-table{border-collapse:collapse;width:100%;min-width:940px}.data-table th{font-size:11px;font-weight:500;text-align:left;color:#9aa3b3;background:#fafbfc;padding:12px 22px;border-top:1px solid #f0f1f5;border-bottom:1px solid #f0f1f5;white-space:nowrap}.data-table td{padding:16px 22px;border-bottom:1px solid #f0f1f5;color:#66728a;white-space:nowrap}.data-table td:first-child{color:var(--blue);font-weight:600;font-size:12px}.data-table td:nth-child(2){color:var(--ink);font-weight:500}.data-table tbody tr:hover{background:#fbfcff}.pill{font-size:10px;border-radius:5px;padding:4px 8px;display:inline-block}.pill.blue{color:#4d67d8;background:#eef2ff}.pill.orange{color:#bf7b2a;background:#fff5e5}.pill.green{color:#189467;background:#e5f8f0}.pill.purple{color:#7960d2;background:#eeeaff}.pill.gray{color:#7c8798;background:#f0f2f5}.priority-label{font-size:11px}.priority-label i{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:5px}.priority-label.high{color:var(--red)}.priority-label.high i{background:var(--red)}.priority-label.medium{color:#c5842f}.priority-label.medium i{background:var(--orange)}.priority-label.low{color:#8490a4}.priority-label.low i{background:#aab3c2}.row-menu{border:0;background:transparent;color:#9aa3b3;font-size:17px}.asset-summary,.line-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:13px;overflow:hidden;margin-bottom:20px}.asset-summary>div,.line-summary>div{background:#fff;padding:20px 24px}.asset-summary span,.line-summary span{font-size:11px;color:#8993a6;display:block}.asset-summary strong,.line-summary strong{font-size:28px;display:block;margin:8px 0 3px;letter-spacing:-.04em}.asset-summary small,.line-summary small{font-size:10px;color:#9ba4b3}.orange-text{color:var(--orange)}.green-text{color:var(--green)}.red-text{color:var(--red)}.line-summary{grid-template-columns:1.6fr repeat(3,1fr)}.line-summary-main{display:flex;align-items:center;gap:16px}.line-globe{width:45px;height:45px;border-radius:13px;background:#e8edff;color:var(--blue);display:grid;place-items:center;font-size:26px}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.knowledge-card{background:#fff;border-radius:13px;padding:22px;box-shadow:var(--shadow);min-height:180px}.knowledge-tag{font-size:10px;padding:5px 8px;border-radius:5px}.knowledge-tag.blue{color:#4d67d8;background:#eef2ff}.knowledge-tag.purple{color:#7960d2;background:#eeeaff}.knowledge-tag.cyan{color:#149aa8;background:#e4f8fa}.knowledge-card h3{font-size:15px;margin:18px 0 9px}.knowledge-card p{font-size:12px;color:#78849a;line-height:1.7;margin:0 0 21px}.knowledge-card small{color:#a0a8b5;font-size:10px}.modal{border:0;border-radius:14px;padding:0;width:min(640px,calc(100vw - 30px));box-shadow:0 24px 80px rgba(16,24,44,.25)}.modal::backdrop{background:rgba(16,24,44,.48)}.modal form{padding:27px}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:22px}.modal-header h2{margin:0;font-size:23px}.close-btn{border:0;background:transparent;font-size:25px;color:#9ca5b4}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{color:#657189;font-size:11px}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #dfe4ee;border-radius:7px;padding:10px 11px;color:var(--ink);background:#fff;outline:0}.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,103,245,.1)}.form-grid textarea{resize:vertical}.span-2{grid-column:span 2}.modal-footer{display:flex;justify-content:flex-end;gap:10px;margin-top:23px;padding-top:18px;border-top:1px solid var(--line)}@media(max-width:1100px){.sidebar{width:218px}.view{padding-left:28px;padding-right:28px}.topbar{padding:0 28px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.table-panel,.health-panel{grid-column:auto}}@media(max-width:720px){.sidebar{width:68px;padding:18px 10px}.brand{padding:0 7px 28px}.brand>div:last-child,.nav-item span:not(.nav-icon),.system-status span,.profile>div:not(.avatar),.profile button{display:none}.nav-item{justify-content:center;padding:12px 0}.nav-count{position:absolute;margin-left:31px;margin-top:-21px}.main-content{min-width:0}.topbar{padding:0 17px;height:64px}.top-date{display:none}.view{padding:26px 16px 40px}.page-heading{align-items:flex-start;gap:17px;flex-direction:column}.page-heading h1{font-size:26px}.kpi-grid{grid-template-columns:1fr}.filter-bar{flex-wrap:wrap}.search-box{max-width:none;flex-basis:100%}.filter-bar select{flex:1;min-width:120px}.asset-summary,.line-summary{grid-template-columns:1fr 1fr}.line-summary{grid-template-columns:1fr 1fr}.line-summary-main{grid-column:span 2}.knowledge-grid{grid-template-columns:1fr}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}}
.change-fields{display:none;padding:14px;border:1px solid #e0e6ff;border-radius:9px;background:#f7f8ff}.change-fields.visible{display:block}.change-fields-title{font-size:11px;font-weight:700;color:#4d67d8;margin-bottom:11px}.change-fields-title span{font-size:9px;background:#e9edff;border-radius:4px;padding:3px 5px;margin-left:5px}.change-fields-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.change-fields-grid label{font-size:11px}.change-fields-grid .span-2{grid-column:span 2}
.admin-note{font-size:11px;color:#9aa3b3}
.assignee-panel{margin-top:18px}.assignee-panel .data-table{min-width:760px}.assignee-panel .data-table td,.assignee-panel .data-table th{padding-left:18px;padding-right:18px}.record-assignee-hint{font-size:10px;color:#8d98aa;margin-top:5px}.form-grid select[multiple]{height:86px;padding:5px}.form-grid select[multiple] option{padding:5px 6px}
.knowledge-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:18px}.knowledge-toolbar .search-box{max-width:520px}.knowledge-count{color:#9aa3b3;font-size:12px}.knowledge-card{cursor:default}.knowledge-card .knowledge-content{color:#78849a;font-size:12px;line-height:1.75}.bot-status{display:flex;align-items:center;gap:7px;color:var(--green);font-size:12px;background:#e8f8f0;padding:8px 11px;border-radius:7px}.bot-status i{width:7px;height:7px;border-radius:50%;background:var(--green)}.bot-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:18px}.bot-chat,.bot-guide{min-height:520px}.bot-messages{height:355px;overflow:auto;background:#f7f8fc;border:1px solid var(--line);border-radius:10px;padding:16px;display:flex;flex-direction:column;gap:12px}.bot-message{max-width:86%;padding:11px 13px;border-radius:10px;font-size:12px;line-height:1.7;white-space:pre-wrap}.bot-message-system{color:#63708a;background:#fff;border:1px solid var(--line)}.bot-message-user{align-self:flex-end;color:#fff;background:var(--blue)}.bot-message-assistant{color:#36435e;background:#eaf0ff}.bot-input{display:flex;gap:9px;margin-top:14px}.bot-input input{flex:1;border:1px solid var(--line);border-radius:8px;padding:11px 12px;outline:0}.bot-input input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,103,245,.1)}.bot-capability{padding:15px 0;border-bottom:1px solid #f0f1f5}.bot-capability:last-child{border-bottom:0}.bot-capability strong{display:block;font-size:13px;margin-bottom:5px}.bot-capability span{display:block;color:#778399;font-size:12px;line-height:1.65}@media(max-width:900px){.bot-layout{grid-template-columns:1fr}}@media(max-width:720px){.knowledge-toolbar{align-items:stretch;flex-direction:column}.knowledge-toolbar .search-box{max-width:none}.bot-chat,.bot-guide{min-height:0}}
.knowledge-tag.green{color:#189467;background:#e5f8f0}
.module-field{border:1px solid #dfe4ee;border-radius:8px;padding:12px 14px;margin:0}.module-field legend{padding:0 5px;color:#657189;font-size:11px}.module-options{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:4px 0 8px}.module-options label{color:#536079;font-size:11px;display:flex;align-items:center;gap:5px}.module-options input{accent-color:var(--blue)}.module-field small,.password-hint{color:#9aa3b3;font-size:10px}.password-hint{margin:14px 0 0;padding:10px 12px;background:#f7f8fc;border-radius:7px}
.customer-admin-panel{margin-top:18px;padding:0;overflow:hidden}.customer-admin-panel .panel-heading{align-items:center;padding:20px 22px;margin:0}.customer-form{display:flex;gap:8px}.customer-form input{border:1px solid var(--line);border-radius:7px;padding:9px 11px;min-width:190px;outline:0}.customer-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,103,245,.1)}.customer-admin-panel .data-table{min-width:560px}.customer-admin-panel .data-table td,.customer-admin-panel .data-table th{padding-top:12px;padding-bottom:12px}
.knowledge-draft-panel{margin-top:18px}.knowledge-draft-list{display:grid;gap:12px}.knowledge-draft{display:flex;justify-content:space-between;gap:20px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#fbfcff}.knowledge-draft h3{margin:8px 0 6px;font-size:15px}.knowledge-draft p{margin:0;color:#66728a;font-size:13px;line-height:1.7;white-space:pre-line}.knowledge-draft small{display:block;margin-top:10px;color:#9aa3b3}.knowledge-draft-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.knowledge-draft-actions .primary-btn,.knowledge-draft-actions .outline-btn{white-space:nowrap}@media(max-width:720px){.knowledge-draft{display:block}.knowledge-draft-actions{margin-top:14px}}
.logged-out{overflow:hidden}.login-screen{position:fixed;inset:0;z-index:50;background:linear-gradient(135deg,#10182c 0%,#19264a 55%,#243878 100%);display:none;place-items:center;padding:24px}.logged-out .login-screen{display:grid}.logged-out .app-shell{visibility:hidden}.login-card{width:min(430px,100%);background:#fff;border-radius:18px;padding:35px 36px 30px;box-shadow:0 24px 80px rgba(0,0,0,.28)}.login-brand{padding:0 0 30px}.login-card h1{margin:0;font-size:28px;letter-spacing:-.04em}.login-subtitle{color:var(--muted);font-size:13px;line-height:1.7;margin:9px 0 25px}.login-card label{display:block;color:#657189;font-size:12px;margin-top:15px}.login-card input{display:block;width:100%;margin-top:7px;border:1px solid #dfe4ee;border-radius:8px;padding:12px;color:var(--ink);outline:0}.login-card input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(77,103,245,.1)}.login-submit{width:100%;margin-top:18px;padding:12px}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{min-height:18px;color:var(--red);font-size:12px;margin:12px 0 0}.login-hint{color:#9aa3b3;font-size:11px;margin:22px 0 0;padding-top:16px;border-top:1px solid var(--line)}.login-hint code{background:#f1f3f8;color:#4d67d8;border-radius:4px;padding:2px 5px}
.record-id-link{border:0;background:transparent;color:var(--blue);font-weight:600;font-size:12px;padding:0;text-align:left}.record-id-link:hover{text-decoration:underline}.filter-bar{flex-wrap:wrap}.filter-bar .search-box{flex:1 1 280px}
.record-delete{color:var(--red)}
@media(max-width:720px){#view-records .data-table-wrap{overflow:visible}#view-records .data-table{min-width:0;table-layout:fixed;font-size:11px}#view-records .data-table th,#view-records .data-table td{padding:10px 7px;white-space:normal;word-break:break-word}#view-records .data-table th:nth-child(2),#view-records .data-table td:nth-child(2),#view-records .data-table th:nth-child(4),#view-records .data-table td:nth-child(4),#view-records .data-table th:nth-child(5),#view-records .data-table td:nth-child(5),#view-records .data-table th:nth-child(6),#view-records .data-table td:nth-child(6),#view-records .data-table th:nth-child(8),#view-records .data-table td:nth-child(8),#view-records .data-table th:nth-child(11),#view-records .data-table td:nth-child(11),#view-records .data-table th:nth-child(12),#view-records .data-table td:nth-child(12){display:none}#view-records .data-table th:nth-child(1){width:25%}#view-records .data-table th:nth-child(3){width:29%}#view-records .data-table th:nth-child(7){width:15%}#view-records .data-table th:nth-child(9),#view-records .data-table th:nth-child(10){width:13%}#view-records .data-table th:nth-child(13){width:15%}.record-id-link{font-size:11px;word-break:break-all}.data-summary{padding-left:14px;padding-right:14px}}