:root{--bg: #0f1115;--panel: #171a21;--border: #262b36;--text: #e6e9ef;--muted: #8b93a7;--accent: #4c8dff;--critical: #ff5c5c;--high: #ff9f43;--medium: #ffd166;--low: #6ec7a8;--cloud: #4c8dff;--dc: #b78bff}:root{color-scheme:dark}*{box-sizing:border-box}input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{background:var(--bg);color:var(--text);border:1px solid var(--border);border-radius:6px;padding:5px 8px;font:inherit;font-size:13px}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent)}input[type=date]::-webkit-calendar-picker-indicator{cursor:pointer;opacity:.6}input[type=date]::-webkit-calendar-picker-indicator:hover{opacity:1}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}a{color:inherit;text-decoration:none}.layout{display:grid;grid-template-columns:220px 1fr;min-height:100vh}.sidebar{background:var(--panel);border-right:1px solid var(--border);padding:20px 0}.sidebar h1{font-size:15px;margin:0 0 4px 20px;letter-spacing:.2px}.sidebar .sub{color:var(--muted);font-size:12px;margin:0 0 24px 20px}.nav a{display:block;padding:9px 20px;color:var(--muted);border-left:2px solid transparent}.nav a.active{color:var(--text);background:#1e232c;border-left-color:var(--accent)}.main{padding:28px 32px}.header{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:20px}.header h2{margin:0;font-size:20px}.freshness{color:var(--muted);font-size:12px}.data-badge{display:inline-flex;flex-wrap:wrap;gap:4px;align-items:center;font-size:13px;color:var(--text);padding:4px 12px;border-radius:999px;border:1px solid var(--accent);background:#4c8dff1f}.data-badge.overdue{border-color:var(--high);background:#ff9f4324}.data-badge.overdue strong{color:var(--high)}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:12px}.card{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:16px}.card .label{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.5px}.card .value{font-size:26px;font-weight:600;margin-top:6px}.card .hint{color:var(--muted);font-size:12px;margin-top:4px}.panel{background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:18px;margin-top:20px}.panel h3{margin:0 0 14px;font-size:14px;font-weight:600}table{width:100%;border-collapse:collapse;font-size:13px}th{text-align:left;color:var(--muted);font-weight:500;padding:8px 10px;border-bottom:1px solid var(--border)}td{padding:9px 10px;border-bottom:1px solid #1e2129}tbody tr:hover{background:#1c212a}.pill{display:inline-block;padding:2px 8px;border-radius:10px;font-size:11px;font-weight:600}.pill.cloud{background:#4c8dff26;color:var(--cloud)}.pill.dc{background:#b78bff26;color:var(--dc)}.sev{display:inline-block;padding:2px 8px;border-radius:4px;font-size:11px;font-weight:600;text-transform:uppercase}.sev.critical{background:#ff5c5c26;color:var(--critical)}.sev.high{background:#ff9f4326;color:var(--high)}.sev.medium{background:#ffd16626;color:var(--medium)}.sev.low{background:#6ec7a826;color:var(--low)}.muted{color:var(--muted)}.banner{background:#ff9f431a;border:1px solid rgba(255,159,67,.3);color:var(--high);padding:10px 14px;border-radius:6px;margin-bottom:18px;font-size:13px}
