:root { --gold:#cda960; --gold-soft:rgba(205,169,96,.12); --bg:#09090c; --surface:#151319; --line:rgba(255,255,255,.09); --text:#f2efe8; --muted:#aaa6af; --dim:#77727e; --green:#78d39d; --red:#ec8e82; }
* { box-sizing:border-box; }
body { margin:0; min-height:100vh; background:radial-gradient(circle at 16% 0,rgba(205,169,96,.08),transparent 30%),var(--bg); color:var(--text); font-family:Inter,Arial,sans-serif; }
.top-accent { position:fixed; inset:0 0 auto; height:2px; background:linear-gradient(90deg,transparent,var(--gold),transparent); }
.reports-shell { width:min(1180px,calc(100% - 32px)); margin:0 auto; padding:32px 0 56px; }
.reports-head { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:22px; }
.back-link { display:inline-block; margin-bottom:26px; color:var(--muted); text-decoration:none; font-size:12px; }
.back-link:hover { color:var(--gold); }
.eyebrow { margin:0 0 5px; color:var(--gold); font-size:9px; font-weight:800; letter-spacing:.17em; }
h1,h2 { font-family:"Cormorant Garamond",Georgia,serif; font-weight:600; }
h1 { margin:0; font-size:42px; line-height:1; }
h2 { margin:0; font-size:24px; }
.lead { margin:9px 0 0; color:var(--muted); font-size:13px; }
.head-actions { display:flex; gap:8px; }
.button { min-height:38px; padding:8px 15px; border:1px solid var(--gold); border-radius:9px; background:var(--gold); color:#17130d; font-weight:800; cursor:pointer; }
.button.secondary { background:transparent; color:var(--gold); }
.filters { display:grid; grid-template-columns:180px 180px minmax(220px,1fr); gap:10px; margin-bottom:18px; padding:13px; border:1px solid var(--line); border-radius:13px; background:rgba(21,19,25,.88); }
label { color:var(--dim); font-size:10px; font-weight:700; }
input,select { width:100%; min-height:38px; margin-top:5px; padding:8px 11px; border:1px solid var(--line); border-radius:8px; background:#0e0d11; color:var(--text); }
.state-box { padding:40px; border:1px solid var(--line); border-radius:14px; color:var(--muted); text-align:center; }
.state-box.error { border-color:rgba(236,142,130,.3); color:var(--red); }
.metric-grid { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:9px; margin-bottom:12px; }
.metric { min-width:0; padding:16px; border:1px solid var(--line); border-radius:12px; background:linear-gradient(145deg,rgba(205,169,96,.06),rgba(21,19,25,.96)); }
.metric-label { color:var(--dim); font-size:9px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.metric-value { margin:6px 0 2px; color:var(--text); font-family:"Cormorant Garamond",Georgia,serif; font-size:31px; line-height:1; }
.metric-note { color:var(--muted); font-size:10px; line-height:1.3; }
.report-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.panel { margin-bottom:12px; padding:18px; border:1px solid var(--line); border-radius:14px; background:rgba(21,19,25,.92); }
.panel-head { display:flex; align-items:center; justify-content:space-between; gap:16px; margin-bottom:16px; }
.count-pill { padding:4px 9px; border-radius:999px; background:var(--gold-soft); color:var(--gold); font-size:10px; font-weight:800; }
.status-chart { display:grid; gap:10px; }
.status-row { display:grid; grid-template-columns:110px 1fr 28px; align-items:center; gap:9px; color:var(--muted); font-size:11px; }
.status-track { height:8px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.055); }
.status-fill { height:100%; min-width:2px; border-radius:inherit; background:linear-gradient(90deg,var(--gold),#ead18e); }
.monthly-chart { display:grid; grid-template-columns:repeat(6,1fr); align-items:end; gap:10px; height:145px; padding-top:8px; }
.month { display:grid; grid-template-rows:1fr auto; gap:7px; height:100%; color:var(--dim); font-size:9px; text-align:center; }
.month-bars { display:flex; align-items:flex-end; justify-content:center; gap:3px; height:100%; }
.month-bar { width:10px; min-height:3px; border-radius:4px 4px 1px 1px; background:var(--gold); }
.month-bar.closed { background:var(--green); }
.chart-legend { display:flex; justify-content:center; gap:16px; margin-top:9px; color:var(--dim); font-size:9px; }
.chart-legend i { display:inline-block; width:7px; height:7px; margin-right:5px; border-radius:50%; background:var(--gold); }.chart-legend i.closed{background:var(--green)}
.alerts-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; }
.alert { display:grid; grid-template-columns:8px minmax(0,1fr) auto; gap:10px; align-items:center; padding:11px; border:1px solid var(--line); border-radius:9px; color:inherit; text-decoration:none; }
.alert:hover { border-color:rgba(205,169,96,.35); }
.alert-dot { width:8px; height:8px; border-radius:50%; background:#8ea6c7; }.alert.warning .alert-dot{background:#e4bf6c}.alert.critical .alert-dot{background:var(--red)}
.alert strong,.alert span { display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.alert strong{font-size:11px}.alert span{margin-top:2px;color:var(--dim);font-size:9px}.alert-client{color:var(--gold)!important;text-align:right}
.empty { padding:22px; color:var(--muted); text-align:center; }
.table-wrap { overflow:auto; }
table { width:100%; border-collapse:collapse; font-size:11px; }
th { padding:9px; border-bottom:1px solid var(--line); color:var(--dim); font-size:9px; text-align:left; text-transform:uppercase; }
td { padding:11px 9px; border-bottom:1px solid rgba(255,255,255,.055); color:var(--muted); }
td:first-child a { color:var(--text); font-weight:700; text-decoration:none; }
.progress { width:90px; height:6px; overflow:hidden; border-radius:999px; background:rgba(255,255,255,.06); }.progress i{display:block;height:100%;background:var(--gold)}
.retention-note { display:flex; gap:16px; padding:14px 17px; border:1px solid rgba(205,169,96,.22); border-radius:11px; background:rgba(205,169,96,.05); color:var(--muted); font-size:11px; line-height:1.45; }.retention-note strong{color:var(--gold);white-space:nowrap}
@media(max-width:900px){.metric-grid{grid-template-columns:repeat(3,1fr)}.report-grid{grid-template-columns:1fr}}
@media(max-width:640px){.reports-shell{width:min(100% - 20px,1180px);padding-top:20px}.reports-head{align-items:flex-start;flex-direction:column}.back-link{margin-bottom:18px}h1{font-size:34px}.head-actions{width:100%}.head-actions .button{flex:1}.filters{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric{padding:13px}.metric-value{font-size:27px}.alerts-list{grid-template-columns:1fr}.panel{padding:14px}.retention-note{flex-direction:column;gap:5px}.retention-note strong{white-space:normal}th:nth-child(4),td:nth-child(4){display:none}}
@media print{body{background:#fff;color:#111}.top-accent,.back-link,.head-actions,.filters{display:none!important}.reports-shell{width:100%;padding:0}.panel,.metric,.retention-note{break-inside:avoid;background:#fff;border-color:#bbb}.metric-value,h1,h2,td:first-child a{color:#111}.eyebrow,.count-pill{color:#765d25}.lead,.metric-note,.status-row,td,.retention-note{color:#444}}