:root{--ink:#152033;--muted:#778197;--line:#e8ebf1;--bg:#f7f8fb;--navy:#142443;--blue:#3d6df2;--violet:#7c55ec}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.shell{min-height:100vh;display:grid;grid-template-columns:250px 1fr}.shell.collapsed{grid-template-columns:70px 1fr}.sidebar{background:var(--navy);color:#d9e2f1;display:flex;flex-direction:column;padding:16px 10px;transition:.2s}.brand{height:48px;display:flex;align-items:center;gap:10px;font-size:16px;white-space:nowrap;padding:0 8px}.brand b{color:#9cb4f5}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:#4776fa;border-radius:8px;color:#fff;font-weight:800}.brand button{margin-left:auto;color:#b9c8e4}.brand button,.nav-item{background:transparent;border:0;cursor:pointer}.nav-item{width:100%;color:#b8c4dc;display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:8px;text-align:left;margin:2px 0;font-size:13px}.nav-item.active,.nav-item:hover{background:#22365d;color:#fff}.nav-item.active{box-shadow:inset 3px 0 #8caaff}.sidebar-footer{margin-top:auto;padding:12px 8px;font-size:11px;color:#98a9c8}.live-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#55d693;margin-right:6px}.content{padding:0 34px 36px;max-width:1440px;width:100%;margin:auto}header{height:98px;display:flex;align-items:center;justify-content:space-between}.eyebrow{margin:0 0 5px;color:#8a94a7;font-size:10px;font-weight:700;letter-spacing:.11em}h1{font-size:25px;margin:0;letter-spacing:-.6px}h2{font-size:17px;margin:0 0 7px;letter-spacing:-.25px}.header-actions{display:flex;gap:11px}.icon-button,.user{border:1px solid var(--line);background:#fff;border-radius:9px;height:37px;display:flex;align-items:center;gap:7px;padding:0 11px;color:#4c566b}.user{font-weight:700;color:#fff;background:#456ef3;border:0}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px}.card{background:#fff;border:1px solid var(--line);border-radius:13px;padding:20px;box-shadow:0 1px 2px #17213a05}.metric p{margin:0;color:var(--muted);font-size:12px}.metric strong{font-size:29px;display:inline-block;margin:13px 12px 3px 0}.metric span{font-size:11px;color:#20a16d;background:#effaf5;padding:4px 7px;border-radius:6px}.two-col{display:grid;grid-template-columns:1.35fr 1fr;grid-gap:16px;gap:16px;margin-top:16px}.card-title{display:flex;justify-content:space-between;align-items:flex-start}.card-title button{border:0;background:#eef3ff;color:#3a67e9;border-radius:7px;padding:7px 10px;font-size:12px;font-weight:600;cursor:pointer}.trend-list{margin-top:13px}.trend{display:grid;grid-template-columns:12px 1fr auto 112px;align-items:center;padding:13px 0;border-top:1px solid var(--line);grid-gap:8px;gap:8px}.trend-dot{width:8px;height:8px;border-radius:50%}.purple{background:#9665f1}.blue{background:#3d94ed}.orange{background:#f38a51}.green{background:#44b88a}.trend em{font-style:normal;color:#23a06e;font-weight:700}.trend small{color:#8e98aa;text-align:right}.recommend{border-top:1px solid var(--line);padding:14px 0 2px}.recommend span{font-size:11px;font-weight:700;color:#5962a7;background:#f1f0ff;padding:4px 7px;border-radius:5px}.recommend b{display:block;margin:10px 0 4px}.module-placeholder>p,.recommend p,.subtle{color:var(--muted);line-height:1.5;margin:0}.activity-card{margin-top:16px}.empty{text-align:center;padding:25px;color:#9ca5b5}.empty p{margin:6px 0 0}.module-placeholder{max-width:650px;margin-top:25px;padding:40px}.placeholder-icon{display:grid;place-items:center;width:58px;height:58px;border-radius:15px;color:#5a72df;background:#eef2ff;margin-bottom:22px}.module-placeholder h2{font-size:24px}.primary{border:0;border-radius:8px;background:#3e6ef3;color:#fff;padding:11px 15px;margin-top:22px;font-weight:700;cursor:pointer}.modal-backdrop{position:fixed;inset:0;background:#14244377;display:grid;place-items:center;padding:20px}.modal{position:relative;background:#fff;border-radius:16px;padding:30px;width:min(520px,100%);box-shadow:0 20px 60px #14244355}.modal h2{font-size:22px;margin-bottom:8px}.close{position:absolute;right:18px;top:13px;font-size:28px;border:0;background:none;color:#8490a6;cursor:pointer}.modal label{display:block;font-weight:600;font-size:12px;margin-top:15px;color:#4e5a6d}.modal input,.modal select,.modal textarea{display:block;width:100%;margin-top:6px;border:1px solid #dfe4ed;border-radius:7px;padding:10px;font:inherit;resize:vertical}.modal textarea{line-height:1.45}.analysis-result{background:#f5f7fd;border-radius:9px;padding:14px;margin-top:18px;color:#57627a;line-height:1.5}.analysis-result b{color:#32456e}@media(max-width:900px){.metric-grid{grid-template-columns:repeat(2,1fr)}.two-col{grid-template-columns:1fr}.content{padding:0 18px 25px}}@media(max-width:620px){.shell{grid-template-columns:70px 1fr}.shell:not(.collapsed) .sidebar{padding:16px 8px}.shell:not(.collapsed) .brand>span:not(.brand-mark),.shell:not(.collapsed) .nav-item span,.shell:not(.collapsed) .sidebar-footer{display:none}.metric-grid{grid-template-columns:1fr}.content{padding:0 13px}.trend{grid-template-columns:12px 1fr auto}.trend small{display:none}}.settings-page{margin-top:4px}.settings-tabs{display:flex;gap:5px;border-bottom:1px solid var(--line);margin-bottom:16px;overflow:auto}.settings-tabs button{border:0;background:transparent;color:var(--muted);padding:12px;white-space:nowrap;cursor:pointer}.settings-tabs button.selected{color:#3d6df2;border-bottom:2px solid #3d6df2;font-weight:700}.settings-card{max-width:760px}.field-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:16px;gap:16px;margin-top:20px}.field-grid label{font-size:12px;font-weight:600;color:#59647b}.field-grid input,.field-grid select{display:block;width:100%;margin-top:6px;border:1px solid #dfe4ed;border-radius:7px;padding:10px;font:inherit;background:#fff}.field-grid .wide{grid-column:span 2}.setting-copy{color:var(--muted);line-height:1.6;margin:20px 0}.agent-toggles{margin:20px 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px}.agent-toggles label{display:flex;justify-content:space-between;padding:10px;border:1px solid var(--line);border-radius:8px}@media(max-width:620px){.field-grid{grid-template-columns:1fr}.field-grid .wide{grid-column:auto}}