:root{--sp-bg:#0b0f14;--sp-ink:#e6eaf0;--sp-card:#0e1420;--sp-line:#1e2837;--sp-cyan:#00d4ff;--sp-green:#27e36a;--sp-mid:#5c6678;--sp-light:#e6eaf0;--sp-radius:14px;--sp-gap:16px;--sp-shadow:0 6px 24px #00000059}.sp{color:var(--sp-ink);background:var(--sp-bg);min-height:100dvh}.sp a{color:var(--sp-cyan);text-decoration:none}.sp a:hover{text-decoration:underline}.sp .sp-shell{gap:16px;max-width:1200px;margin:16px auto;padding:16px;display:grid}.sp .sp-card{background:var(--sp-card);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:var(--sp-shadow);padding:24px;transition:border-color .3s,box-shadow .3s}.sp .sp-card:hover{border-color:var(--sp-cyan);box-shadow:0 0 20px #00d4ff26}.sp .sp-card.no-hover:hover{border-color:var(--sp-line);box-shadow:var(--sp-shadow)}.sp .sp-grid{gap:16px;display:grid}.sp .cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sp .cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.sp .cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.sp .sp-btn{background:var(--sp-cyan);color:#001018;text-transform:uppercase;letter-spacing:.05em;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:14px 24px;font-size:.875rem;font-weight:700;transition:all .3s;display:inline-flex}.sp .sp-btn:hover{background:#00a8cc;text-decoration:none;transform:translateY(-2px);box-shadow:0 0 24px #00d4ff66}.sp .sp-btn.alt{color:var(--sp-cyan);border:1px solid var(--sp-cyan);background:0 0}.sp .sp-btn.alt:hover{background:#00d4ff1a}.sp .sp-btn.green{background:var(--sp-green);color:#001018}.sp .sp-btn.green:hover{background:#1fc55a}.sp .kpi{opacity:.9;align-items:center;gap:10px;display:flex}.sp .kpi-value{color:var(--sp-cyan);font-size:2rem;font-weight:800}.sp .kpi-label{color:var(--sp-mid);text-transform:uppercase;letter-spacing:.1em;font-size:.875rem}.sp hr{border:0;border-top:1px solid var(--sp-line);margin:16px 0}.sp .disclaimer{opacity:.8;font-size:.85rem;line-height:1.6}.sp .sp-badge{text-transform:uppercase;letter-spacing:.05em;border-radius:20px;padding:4px 12px;font-size:.75rem;font-weight:600;display:inline-block}.sp .sp-badge.cyan{color:var(--sp-cyan);background:#00d4ff26;border:1px solid #00d4ff4d}.sp .sp-badge.green{color:var(--sp-green);background:#27e36a26;border:1px solid #27e36a4d}.sp .sp-badge.yellow{color:#ffc107;background:#ffc10726;border:1px solid #ffc1074d}.sp .sp-badge.red{color:#ff5252;background:#ff525226;border:1px solid #ff52524d}.sp .sp-progress{background:var(--sp-line);border-radius:4px;height:8px;overflow:hidden}.sp .sp-progress-bar{background:linear-gradient(90deg,var(--sp-cyan),var(--sp-green));border-radius:4px;height:100%;transition:width .5s}.sp .sp-nav{flex-wrap:wrap;gap:8px;display:flex}.sp .sp-nav a{border-radius:8px;padding:8px 16px;font-size:.875rem;font-weight:600;transition:all .2s}.sp .sp-nav a:hover{background:#00d4ff1a;text-decoration:none}.sp .sp-nav a.active{background:var(--sp-cyan);color:#001018}.sp .status-tile{text-align:center;padding:20px}.sp .status-tile .icon{margin-bottom:8px;font-size:2.5rem}.sp .status-tile .label{color:var(--sp-mid);margin-bottom:4px;font-size:.875rem}.sp .status-tile .value{font-size:1.25rem;font-weight:700}.sp .status-tile.complete .icon{color:var(--sp-green)}.sp .status-tile.pending .icon{color:#ffc107}.sp .status-tile.incomplete .icon{color:#ff5252}@media (max-width:960px){.sp .cols-2,.sp .cols-3,.sp .cols-4{grid-template-columns:1fr}.sp .sp-shell{margin:8px;padding:8px}.sp .sp-card{padding:16px}}@media print{body{-webkit-print-color-adjust:exact;print-color-adjust:exact}.no-print{display:none!important}.sp{color:#000;background:#fff}.sp .sp-card{box-shadow:none;background:#fff;border:1px solid #ccc}}