:root{--navy:#0f172a;--navy2:#172033;--slate:#334155;--emerald:#0f9f7a;--teal:#0d9488;--bg:#f4f7f8;--surface:#fff;--muted:#64748b;--line:#e2e8f0;--radius:18px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:#172033;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.app-sidebar{position:fixed;inset:0 auto 0 0;width:270px;background:linear-gradient(180deg,#0b1220,#111c2f);color:#dce6ef;padding:20px 16px;overflow:auto;z-index:1030}.brand{display:flex;gap:12px;align-items:center;padding:8px 8px 22px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,#14b8a6,#0f766e);display:grid;place-items:center;color:white;font-size:20px}.brand small{display:block;color:#91a3b7}.app-sidebar nav{display:flex;flex-direction:column;gap:4px}.app-sidebar nav a{color:#cbd5e1;text-decoration:none;padding:10px 12px;border-radius:11px;display:flex;align-items:center;gap:10px}.app-sidebar nav a:hover{background:#ffffff10;color:#fff}.nav-label{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#718096;margin:18px 12px 5px}.app-main{margin-left:270px;min-height:100vh}.topbar{height:76px;background:#ffffffd9;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 28px;gap:16px;position:sticky;top:0;z-index:1020}.user-pill{display:flex;align-items:center;gap:8px;background:#eef3f5;padding:8px 12px;border-radius:999px}.content{padding:28px}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--teal)}.page-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:22px}.page-head h2{margin:5px 0 2px}.page-head p{margin:0;color:var(--muted)}.hero-summary{background:linear-gradient(135deg,#0f172a,#14304d 68%,#0f766e);color:#fff;border-radius:26px;padding:30px;display:flex;justify-content:space-between;align-items:center;box-shadow:0 18px 45px rgba(15,23,42,.16)}.hero-summary p{color:#d6e4ee;margin-bottom:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;position:relative;box-shadow:0 8px 24px rgba(15,23,42,.04)}.kpi>i{position:absolute;right:16px;top:16px;width:38px;height:38px;border-radius:12px;background:#e6f7f3;color:#0f766e;display:grid;place-items:center}.kpi span,.kpi small{display:block;color:var(--muted)}.kpi strong{display:block;font-size:25px;margin:8px 0}.panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 8px 24px rgba(15,23,42,.035)}.panel-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-head h5{margin:0}.table>:not(caption)>*>*{padding:.85rem .75rem;border-bottom-color:#edf1f4}.table thead th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:#64748b;background:#f8fafc}.badge-soft,.component-pill,.status-chip{display:inline-flex;padding:6px 10px;border-radius:999px;background:#eaf5f3;color:#0f766e;font-weight:700;font-size:12px}.form-control,.form-select{border-radius:11px;border-color:#d8e0e7;padding:.7rem .8rem}.btn{border-radius:11px}.btn-primary{background:#0f8f73;border-color:#0f8f73}.btn-primary:hover{background:#0b745e;border-color:#0b745e}.budget-preview{background:linear-gradient(135deg,#ecfdf5,#eef8f6);border:1px solid #cdebe3;border-radius:15px;padding:14px 18px}.budget-preview span,.budget-preview small{display:block;color:#57746d}.budget-preview strong{font-size:23px;color:#0f766e}.summary-strip{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#dfe7eb;border:1px solid #dfe7eb;border-radius:18px;overflow:hidden}.summary-strip>div{background:#fff;padding:18px}.summary-strip span,.metric-list span{display:block;color:var(--muted);font-size:12px}.summary-strip b{font-size:17px}.metric-list>div{display:flex;justify-content:space-between;gap:12px;padding:12px 0;border-bottom:1px solid #edf1f4}.sticky-summary{position:sticky;bottom:14px;margin:18px auto 0;background:#0f172af2;color:#fff;backdrop-filter:blur(10px);border-radius:18px;padding:14px 18px;display:grid;grid-template-columns:repeat(4,1fr) auto;align-items:center;gap:18px;box-shadow:0 18px 42px #0f172a33}.sticky-summary span{display:block;color:#a8b4c4;font-size:12px}.hpp-hero{background:linear-gradient(135deg,#0f172a,#17395a);border-radius:26px;color:#fff;padding:32px}.hpp-hero>div:first-child span,.hpp-hero>div:first-child small{display:block;color:#b9cad8}.hpp-hero>div:first-child strong{font-size:46px}.hpp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:24px}.hpp-grid>div{background:#ffffff10;border:1px solid #ffffff15;border-radius:15px;padding:14px}.hpp-grid span{display:block;color:#b9cad8;font-size:12px}.chat-shell{max-width:980px;margin:auto;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 18px 50px rgba(15,23,42,.08)}.chat-header{padding:16px 20px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between}.chat-messages{height:55vh;overflow:auto;padding:18px;background:#f7fafb}.chat-msg{max-width:76%;background:#fff;border:1px solid #e4eaee;border-radius:15px;padding:10px 12px;margin-bottom:10px;box-shadow:0 3px 10px #0f172a0b}.chat-msg.me{margin-left:auto;background:#eaf8f4;border-color:#cdebe3}.chat-msg small{display:block;color:#7a8999}.chat-attach{display:block;margin-top:6px;font-size:13px}.emoji-row{padding:8px 18px;border-top:1px solid var(--line);word-spacing:8px;cursor:pointer}.chat-compose{display:grid;grid-template-columns:1fr auto auto;gap:8px;padding:12px 16px}.permission-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.timeline>div{display:flex;gap:12px}.timeline>div>span{width:9px;height:9px;background:#0f9f7a;border-radius:50%;margin-top:8px}.timeline p{margin:0 0 16px}.timeline small{display:block;color:var(--muted)}.login-shell{min-height:100vh;padding:28px;display:grid;place-items:center;background:radial-gradient(circle at 10% 10%,#d8f2eb,transparent 30%),#eef3f5}.login-panel{width:min(1050px,100%);display:grid;grid-template-columns:1.2fr .8fr;background:#fff;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px rgba(15,23,42,.16)}.login-art{min-height:600px;padding:52px;background:linear-gradient(135deg,#0b1220,#15304a 68%,#0f766e);color:#fff;display:flex;align-items:flex-end}.login-art h1{font-size:45px;line-height:1.05;max-width:650px}.login-art p{color:#c7d6e2;max-width:600px}.login-form{padding:52px;display:flex;flex-direction:column;justify-content:center}@media(max-width:991px){.app-sidebar{transform:translateX(-100%);transition:.2s}.app-sidebar.show{transform:none}.app-main{margin-left:0}.content{padding:18px}.kpi-grid{grid-template-columns:repeat(2,1fr)}.summary-strip{grid-template-columns:repeat(2,1fr)}.sticky-summary{grid-template-columns:repeat(2,1fr)}.login-panel{grid-template-columns:1fr}.login-art{min-height:240px}.login-art h1{font-size:32px}.permission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:575px){.topbar{padding:0 12px}.topbar .user-pill span{display:none}.kpi-grid{grid-template-columns:1fr}.hero-summary{padding:22px;align-items:flex-start;gap:16px;flex-direction:column}.page-head{align-items:flex-start;flex-direction:column}.summary-strip{grid-template-columns:1fr 1fr}.sticky-summary{position:static;grid-template-columns:1fr 1fr}.sticky-summary .btn{grid-column:1/-1}.login-shell{padding:0}.login-panel{border-radius:0}.login-art{display:none}.login-form{padding:28px;min-height:100vh}.hpp-grid{grid-template-columns:1fr 1fr}.chat-msg{max-width:90%}}
.mini-chart{display:flex;flex-direction:column;gap:11px}.chart-row{display:grid;grid-template-columns:42px 1fr;align-items:center;gap:10px}.chart-label{font-size:12px;font-weight:800;color:#64748b}.bars{display:flex;flex-direction:column;gap:3px}.bar{height:6px;border-radius:99px;display:block}.bar.budget,.legend.budget{background:#94a3b8}.bar.plan,.legend.plan{background:#14b8a6}.bar.actual,.legend.actual{background:#0f766e}.chart-legend{display:flex;gap:16px;margin-top:16px;font-size:12px;color:#64748b}.legend{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:4px}.status-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.status-stack>div{background:#f7fafb;border:1px solid #e7edf0;border-radius:14px;padding:12px;text-align:center}.status-stack b{display:block;font-size:26px}.status-stack span{font-size:11px;color:#64748b}.feed-item{padding:10px 0;border-bottom:1px solid #edf1f4}.feed-item:last-child{border:0}.feed-item p{margin:3px 0;color:#526171;font-size:13px}.feed-item small{color:#94a3b8}.chat-author{display:flex;align-items:center;gap:9px;margin-bottom:7px}.chat-avatar{width:34px;height:34px;border-radius:50%;object-fit:cover;background:#dce8eb}.chat-avatar.fallback{display:grid;place-items:center;font-weight:800;color:#0f766e}.role-badge{font-size:10px;padding:2px 6px;background:#edf3f5;color:#526171;border-radius:99px}.reply-ref{font-size:11px;color:#64748b;border-left:3px solid #0f9f7a;padding-left:7px;margin:5px 0}.chat-body{line-height:1.45}.chat-image{display:block;max-width:260px;max-height:190px;border-radius:12px;margin-top:8px;object-fit:cover}.chat-image-wrap{margin-top:6px}.reaction-count{font-size:11px;color:#64748b}.brand-logo{width:42px;height:42px;border-radius:14px;object-fit:contain;background:#fff;padding:4px}
.user-pill span b,.user-pill span small{display:block}.user-pill span small{font-size:10px;color:#64748b;max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.top-avatar{width:30px;height:30px;border-radius:50%;object-fit:cover}