:root{--bg: #f3f6fa;--panel: #ffffff;--ink: #13202e;--muted: #607083;--line: #dce5ef;--blue: #1967d2;--blue-soft: #e8f1ff;--teal: #12857a;--teal-soft: #e9f8f6;--amber: #b36b00;--amber-soft: #fff4d9;--red: #c73535;--red-soft: #fff0f0;--shadow: 0 14px 42px rgba(31, 48, 68, .11);--focus-ring: 0 0 0 3px rgba(25, 103, 210, .18)}*{box-sizing:border-box}body{margin:0;min-width:1200px;background:var(--bg);color:var(--ink);font-family:Microsoft YaHei,PingFang SC,Arial,sans-serif;letter-spacing:0}button,input,select{font:inherit}button{cursor:pointer}button,.btn,.icon-btn,.link-btn{transition:background-color .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease,transform .08s ease}button:focus,.btn:focus,.icon-btn:focus,.link-btn:focus,select:focus,input:focus,button:focus-visible,.btn:focus-visible,.icon-btn:focus-visible,.link-btn:focus-visible,select:focus-visible,input:focus-visible{outline:0;box-shadow:var(--focus-ring);border-color:var(--blue)}button:active:not(:disabled),.btn:active:not(:disabled),.icon-btn:active:not(:disabled),.link-btn:active:not(:disabled){transform:translateY(1px) scale(.99)}button:disabled,.btn:disabled,.icon-btn:disabled{cursor:not-allowed;opacity:.48;transform:none}.app-shell{display:grid;grid-template-columns:230px 1fr;min-height:100vh}.sidebar{display:flex;flex-direction:column;gap:24px;padding:22px 18px;background:#10233a;color:#fff}.brand{display:flex;align-items:center;gap:10px}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:8px;background:#f2b33d;color:#10233a;font-weight:800}.brand strong,.brand span{display:block}.brand span{margin-top:3px;color:#a9bed3;font-size:12px}.nav-list{display:grid;gap:8px}.nav-list button{display:flex;align-items:center;gap:10px;height:42px;border:0;border-radius:8px;padding:0 12px;background:transparent;color:#d8e5f1;text-align:left}.nav-list button:hover{background:#ffffff17;color:#fff}.nav-list button:focus-visible{box-shadow:0 0 0 3px #f2b33d42}.nav-list button.active{background:#ffffff21;color:#fff;font-weight:700}.nav-dot{width:16px;height:16px;border-radius:50%;background:#fff3}.side-note{margin-top:auto;border:1px solid rgba(255,255,255,.16);border-radius:8px;padding:14px;background:#ffffff14}.side-note span{color:#f2b33d;font-size:12px;font-weight:700}.side-note strong{display:block;margin:8px 0}.side-note p{margin:0;color:#c5d4e4;font-size:13px;line-height:1.6}.content{overflow:hidden}.content-header{display:grid;grid-template-columns:minmax(360px,620px) auto;gap:18px;align-items:center;padding:18px 28px;background:#fff;border-bottom:1px solid var(--line)}.eyebrow{color:var(--teal);font-size:12px;font-weight:800}h1{margin:4px 0 0;font-size:25px}.header-actions{position:relative;z-index:5;grid-column:2;display:flex;align-items:center;justify-content:flex-end;gap:10px}.toolbar{grid-column:1 / -1;display:grid;grid-template-columns:220px 150px 150px minmax(220px,1fr) auto;gap:12px;align-items:end}.dashboard-toolbar{grid-column:1;grid-row:1;display:flex;align-items:center;gap:10px;max-width:620px}.dashboard-toolbar>span{flex:0 0 auto}.dashboard-toolbar select,.dashboard-toolbar input{flex:1 1 260px;min-width:260px}.dashboard-name-actions{display:inline-flex;align-items:center;gap:6px}.toolbar label,.field{display:grid;gap:6px}.toolbar span,.dashboard-toolbar span,.field span{color:var(--muted);font-size:12px;font-weight:700}select,input{height:40px;border:1px solid var(--line);border-radius:8px;padding:0 12px;background:#fff;color:var(--ink);outline:none}.btn,.icon-btn,.link-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink);font-weight:700}.btn{height:40px;padding:0 14px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.primary:hover{background:#155bbb;border-color:#155bbb;box-shadow:0 8px 18px #1967d22e}.btn.ghost{background:#fff}.btn:not(.primary):hover:not(:disabled),.icon-btn:hover:not(:disabled){border-color:#b9c9da;background:#f7faff;color:var(--blue)}.btn.ghost:hover,.icon-btn:hover,.widget-actions button:hover,.rank-list button:hover{border-color:#b9c9da;background:#f7faff;color:var(--blue)}.icon-btn{width:36px;height:36px}.link-btn{border:0;background:transparent;color:var(--blue);padding:0}.link-btn:hover{color:#155bbb;text-decoration:underline;text-underline-offset:3px}.dashboard-meta{display:flex;align-items:center;gap:12px;padding:16px 28px;color:var(--muted);font-size:13px}.dashboard-meta div,.dashboard-meta button{display:inline-flex;align-items:center;gap:7px}.dashboard-meta button{margin-left:auto;border:0;background:transparent;color:var(--blue);font-weight:700;border-radius:8px;padding:4px 6px}.dashboard-meta button:hover{background:var(--blue-soft);color:#155bbb}.dashboard-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;padding:0 28px 28px}.empty-dashboard{grid-column:1 / -1;display:grid;place-items:center;gap:12px;min-height:420px;border:1px dashed #aebfd1;border-radius:8px;background:#fff;color:var(--muted);text-align:center}.empty-dashboard h2{margin:0;color:var(--ink)}.empty-dashboard p{margin:0;max-width:520px;line-height:1.6}.empty-dashboard div{display:flex;gap:10px;margin-top:6px}.card{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:var(--shadow)}.kpi-card{grid-column:span 3;min-height:122px;padding:18px}.kpi-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.kpi-group>.widget-header{grid-column:1 / -1;margin-bottom:0}.kpi-group .kpi-card{grid-column:span 1}.card-heading,.widget-header,.drawer-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.card h3,.widget h3,.drawer h2,.modal h2,.drill-panel h2{margin:0}.kpi-card strong{display:block;margin-top:14px;font-size:26px}.kpi-card p{margin:8px 0 0;color:var(--muted);font-size:13px}.pill{border-radius:999px;padding:5px 9px;font-size:12px;font-weight:800}.pill.blue{background:var(--blue-soft);color:var(--blue)}.pill.teal{background:var(--teal-soft);color:var(--teal)}.pill.amber{background:var(--amber-soft);color:var(--amber)}.pill.red{background:var(--red-soft);color:var(--red)}.widget{padding:18px;min-height:320px}.editable-wrap:has(.kpi-group){grid-column:span 12}.widget-wide,.editable-wrap:has(.widget-wide){grid-column:span 8}.widget:not(.widget-wide):not(.widget-half):not(.widget-full),.editable-wrap:has(.widget:not(.widget-wide):not(.widget-half):not(.widget-full)){grid-column:span 4}.widget-half,.editable-wrap:has(.widget-half){grid-column:span 6}.widget-full,.editable-wrap:has(.widget-full){grid-column:span 12}.editable-wrap{position:relative;min-width:0}.editable-wrap>.widget{height:100%}.widget-header{margin-bottom:12px}.widget-header span{display:block;margin-top:5px;color:var(--muted);font-size:12px}.widget-actions{display:flex;gap:6px}.widget-actions button{width:30px;height:30px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--muted)}.chart-box{height:278px}.filter-summary{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 14px;color:var(--muted);font-size:12px}.kpi-filter-summary{grid-column:1 / -1;margin-top:-4px;margin-bottom:0}.filter-summary span{border:1px solid var(--line);border-radius:999px;padding:5px 9px;background:#f7f9fc}.metric-chart-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.metric-chart{min-width:0;border:1px solid var(--line);border-radius:8px;padding:12px;background:#fbfdff}.metric-chart-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.metric-chart-title span{color:var(--muted);font-size:12px}.rank-list{display:grid;gap:10px}.rank-list button{display:grid;grid-template-columns:28px 1fr auto;align-items:center;gap:10px;height:42px;border:1px solid var(--line);border-radius:8px;background:#fff;padding:0 10px;text-align:left}.rank-list span{font-weight:800}.rank-list em{font-style:normal;font-weight:800}.danger{color:var(--red)}.structure{display:flex;align-items:center;min-height:230px}.legend-list{display:grid;flex:1;gap:14px}.legend-list div{display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:10px}.legend-list i{width:12px;height:12px;border-radius:50%}.table-wrap{overflow:auto;max-height:360px}table{width:100%;border-collapse:collapse;font-size:13px}th,td{border-bottom:1px solid var(--line);padding:11px 10px;text-align:left;white-space:nowrap}th{position:sticky;top:0;background:#f7f9fc;color:var(--muted);z-index:1}.table-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:14px;color:var(--muted);font-size:13px}.table-pagination div{display:flex;align-items:center;gap:8px}.table-pagination .btn{height:34px;padding:0 12px}.table-pagination .btn:disabled{cursor:not-allowed;opacity:.45}.editing .card{outline:2px dashed rgba(25,103,210,.3)}.editing .editable-wrap{cursor:grab;transition:opacity .16s ease,transform .16s ease}.editing .editable-wrap:active{cursor:grabbing}.editable-wrap.is-dragging{opacity:.45;transform:scale(.99)}.edit-controls{position:absolute;right:12px;top:12px;display:flex;align-items:center;gap:8px;max-width:calc(100% - 24px);border-radius:8px;padding:7px 8px;background:var(--blue);color:#fff;font-size:12px;font-weight:700;z-index:3;box-shadow:0 8px 20px #1967d23d}.edit-controls button{border:0;color:#fff;background:transparent}.drawer,.drill-panel{position:fixed;right:0;top:0;width:430px;height:100vh;z-index:20;background:#fff;border-left:1px solid var(--line);box-shadow:-18px 0 46px #1f30442e;padding:0 22px 22px;overflow:auto}.drawer-wide{width:620px}.drawer-header{position:sticky;top:0;z-index:4;margin:0 -22px 24px;padding:22px;background:#fff;border-bottom:1px solid var(--line)}.drawer-header p{margin:6px 0 0;color:var(--muted);font-size:13px}.field{margin-bottom:16px}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.choice-actions{display:flex;gap:8px;margin:8px 0 10px}.choice-actions .btn{height:32px;padding:0 11px;font-size:12px}.checkbox-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.checkbox-grid.metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.checkbox-grid label{display:flex;align-items:center;gap:8px;min-height:34px;border:1px solid var(--line);border-radius:8px;padding:7px 9px;background:#f9fbfd;font-size:13px}.checkbox-grid input{width:15px;height:15px}.check-row{display:flex;align-items:center;gap:10px;margin:16px 0;color:var(--ink);font-weight:700}.check-row input{width:16px;height:16px}.preview-box{border-radius:8px;padding:14px;background:var(--teal-soft);color:var(--teal);line-height:1.6;margin:18px 0}.preview-box p{margin:6px 0 0}.full-btn{width:100%}.modal-layer{position:fixed;inset:0;z-index:30;display:grid;place-items:center;background:#10233a73}.modal{width:780px;border-radius:8px;background:#fff;padding:24px;box-shadow:var(--shadow)}.library-modal{width:min(980px,calc(100vw - 60px));max-height:calc(100vh - 72px);overflow:auto}.widget-catalog{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.widget-catalog button{display:grid;gap:8px;min-height:118px;border:1px solid var(--line);border-radius:8px;padding:16px;background:#f9fbfd;text-align:left}.widget-catalog button:hover{border-color:var(--blue);background:var(--blue-soft);box-shadow:0 8px 20px #1967d21f}.widget-catalog button:focus-visible{border-color:var(--blue);box-shadow:var(--focus-ring)}.widget-catalog span{color:var(--muted);font-size:12px;line-height:1.5}.library-list{display:grid;gap:12px}.library-card{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:center;border:1px solid var(--line);border-radius:8px;padding:14px;background:#f9fbfd}.library-card p{margin:6px 0;color:var(--muted);font-size:13px}.library-card span{color:var(--muted);font-size:12px}.locked-note{display:block;margin-top:7px;color:var(--amber);font-size:12px;font-style:normal;font-weight:700}.library-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:420px}.library-actions .btn{height:34px;padding:0 11px;font-size:12px}.danger-btn{color:var(--red);border-color:#f0c9c9}.danger-btn:hover{background:var(--red-soft);border-color:#e4a9a9;color:var(--red)}.drill-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.kpi-mini{border:1px solid var(--line);border-radius:8px;padding:12px}.kpi-mini span{color:var(--muted);font-size:12px}.kpi-mini strong{display:block;margin-top:8px}.mini-table td:first-child{color:var(--muted);width:120px}@media(max-width:900px){body{min-width:0}.app-shell{grid-template-columns:1fr}.sidebar{display:none}.content-header,.toolbar,.dashboard-toolbar,.dashboard-grid{display:block}.header-actions,.toolbar label,.toolbar button{margin-top:10px;width:100%}.dashboard-toolbar{margin-top:10px;max-width:none}.dashboard-toolbar select,.dashboard-toolbar input{min-width:0;width:100%}.dashboard-toolbar .btn{width:auto}.metric-chart-grid,.form-grid,.checkbox-grid,.library-card{grid-template-columns:1fr}.library-actions{justify-content:stretch;max-width:none}.library-actions .btn{width:100%}.kpi-card,.widget,.widget-half,.widget-full{margin-bottom:14px}.drawer,.drill-panel{width:min(100vw,430px)}.drawer-wide{width:100vw}}