:root{--core-blue: #044154;--core-orange: #dc4916;--core-white: #ffffff;--bg: #eef3f8;--surface: #ffffff;--text: #1d2734;--muted: #5d6a78;--border: #dde6ef;--shadow: 0 10px 24px rgba(9, 31, 54, .08);--radius: 14px}*{box-sizing:border-box}body{margin:0;font-family:Segoe UI,Inter,sans-serif;color:var(--text);background:linear-gradient(160deg,#f6f9fc,#e8f0f7)}a{color:inherit;text-decoration:none}.ccc-shell{min-height:100vh}.ccc-topbar{display:flex;justify-content:space-between;align-items:center;padding:1.1rem 1.6rem;background:radial-gradient(circle at 15% 20%,#2a6d9c,var(--core-blue));color:#f2f8ff}.ccc-topbar-left,.ccc-topbar-right{display:flex;align-items:center;gap:.9rem}.brand-logo{width:34px;height:34px;object-fit:contain;border-radius:6px}.brand-overline{margin:0;font-size:.82rem;opacity:.85;letter-spacing:.02em}.ccc-topbar h1{margin:.1rem 0 0;font-weight:600;font-size:1.6rem}.user-name,.user-role{margin:0;text-align:right}.user-name{font-weight:600}.user-role{font-size:.85rem;opacity:.85}.avatar{width:36px;height:36px;border-radius:50%;background:#ffffff29;display:grid;place-items:center;font-size:.75rem;font-weight:700}.ccc-nav{display:flex;gap:.3rem;padding:.55rem 1rem;background:#fffffff2;border-bottom:1px solid var(--border);overflow-x:auto}.ccc-nav-item{padding:.52rem .8rem;border-radius:8px;color:#2b3a4a;font-size:.92rem;white-space:nowrap}.ccc-nav-item.active{background:#edf4fb;color:#083c54;font-weight:600}.ccc-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.65rem 1.4rem;font-size:.86rem;color:var(--muted)}.toolbar-left,.toolbar-right{display:flex;align-items:center;gap:.7rem}.bullet{width:5px;height:5px;border-radius:50%;background:#9db0c2}.toolbar-right button{border:1px solid var(--border);background:#fff;border-radius:8px;padding:.35rem .6rem}.path-indicator{opacity:.75}.ccc-content{padding:0 1.4rem 1.4rem}.purchase-page{display:grid;gap:1rem}.sub-tabs{display:flex;gap:.55rem;align-items:center}.sub-tabs button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:.5rem .9rem;font-size:.9rem;color:#2f4052}.sub-tabs button.active{background:#e9f2fb;border-color:#c8dff4;color:#084e71;font-weight:600}.kpi-strip{display:grid;gap:.8rem;grid-template-columns:repeat(4,minmax(0,1fr))}.kpi-card{color:#fff;border-radius:var(--radius);padding:.95rem;box-shadow:var(--shadow)}.kpi-card h3,.kpi-card .note{margin:0;opacity:.92}.kpi-card .value{margin:.4rem 0;font-size:1.75rem;font-weight:700}.kpi-card.blue{background:linear-gradient(160deg,#2d67c8,#2152a7)}.kpi-card.green{background:linear-gradient(160deg,#23918d,#1c7b78)}.kpi-card.orange{background:linear-gradient(160deg,#f48a2b,#e66e22)}.kpi-card.amber{background:linear-gradient(160deg,#f3b63b,#e2991f)}.panel-grid{display:grid;gap:1rem;grid-template-columns:2.1fr 1fr}.main-panel,.widget,.placeholder-page,.login-card{background:var(--surface);border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid rgba(205,220,234,.65)}.main-panel{padding:1rem}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:.8rem;gap:.8rem}.panel-head h2{margin:0;font-size:1.1rem}.quick-filters{display:flex;gap:.5rem;flex-wrap:wrap}.quick-filters button,.panel-footer button{border:1px solid var(--border);background:#fff;border-radius:9px;padding:.45rem .7rem;font-size:.86rem}.quick-filters .primary{border-color:transparent;background:var(--core-blue);color:#fff}table{width:100%;border-collapse:collapse;overflow:hidden}th,td{text-align:left;padding:.65rem .55rem;border-bottom:1px solid #edf2f7;font-size:.89rem}th{color:#6a7480;font-weight:600;background:#f8fbfe}tbody tr:hover{background:#f7fbff}.panel-footer{display:flex;gap:.5rem;justify-content:flex-end;padding-top:.85rem}.right-rail{display:grid;gap:.9rem}.widget{padding:.9rem}.widget h3{margin:0 0 .55rem;font-size:1rem}.widget ul{margin:0;padding-left:1rem;display:grid;gap:.45rem;color:#425263}.bottom-grid{display:grid;gap:1rem;grid-template-columns:1fr 1fr}.reports-layout{display:grid;grid-template-columns:minmax(260px,320px) 1fr;gap:1rem}.reports-controls{display:grid;gap:.65rem;align-content:start;overflow:hidden}.reports-controls label{display:grid;gap:.3rem;font-size:.83rem;color:#5a697a;min-width:0}.reports-controls input,.reports-controls select{border:1px solid var(--border);border-radius:8px;padding:.45rem .55rem;background:#fff;font-size:.9rem;width:100%;max-width:100%;min-width:0}.reports-controls button{border:1px solid var(--border);border-radius:9px;padding:.58rem .8rem;font-size:.9rem;min-height:40px}.reports-controls .primary{border-color:transparent;background:var(--core-blue);color:#fff;font-weight:600}.inline-grid{display:grid;gap:.5rem;grid-template-columns:1fr 1fr}.stretch{width:100%}.reports-output{min-height:520px}.report-summary-grid{margin:.85rem 0;display:grid;gap:.65rem;grid-template-columns:repeat(4,minmax(0,1fr))}.summary-card{border:1px solid #e8eef6;border-radius:10px;padding:.7rem;background:#fbfdff}.summary-card p,.summary-card span{margin:0;color:#647587;font-size:.79rem}.summary-card strong{display:block;margin:.25rem 0;font-size:1.12rem;color:#173049}.email-row{margin:.6rem 0 .4rem;display:flex;gap:.5rem}.email-row input{flex:1;border:1px solid var(--border);border-radius:8px;padding:.5rem .6rem}.email-row button{border:1px solid var(--core-blue);border-radius:8px;background:var(--core-blue);color:#fff;padding:.45rem .75rem}.report-table{margin-top:.6rem}.state-error{margin:.4rem 0;color:#c03f33;font-size:.86rem}.state-ok{margin:.4rem 0;color:#1f7f63;font-size:.86rem}.run-meta{margin:.4rem 0 .65rem;color:#6a7b8c;font-size:.84rem}.report-empty{margin-top:.75rem;border:1px dashed #cfdeed;border-radius:10px;padding:.9rem;color:#647587;background:#f8fcff}.alert p,.status p{margin:.45rem 0}.placeholder-page{padding:2rem}.placeholder-page h2{margin:0 0 .45rem}.login-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background:radial-gradient(circle at top right,#0c6d8a,#022638)}.login-card{max-width:460px;padding:2rem;color:#203143}.ms-login-btn{display:inline-flex;margin-top:1rem;background:var(--core-blue);color:#fff;border-radius:10px;padding:.65rem .95rem;font-weight:600}@media (max-width: 1060px){.kpi-strip,.panel-grid,.bottom-grid,.reports-layout,.report-summary-grid,.inline-grid{grid-template-columns:1fr}.panel-footer{justify-content:flex-start;flex-wrap:wrap}.ccc-topbar,.ccc-toolbar{flex-direction:column;align-items:flex-start;gap:.6rem}}