body{background:#f3f3f3;color:#111;font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}.topbar{height:68px;background:#fff;border-bottom:1px solid #ddd;display:flex;align-items:center;position:sticky;top:0;z-index:1030}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:#111;font-weight:800;font-size:1.1rem}.brand small{font-weight:400;color:#777}.brand-mark{width:36px;height:36px;border:2px solid #111;border-radius:11px;display:grid;place-items:center;font-size:.72rem}.icon-btn{border:0!important;font-size:1.35rem}.top-link{border:0;color:#333}.app-wrap{display:flex;min-height:calc(100vh - 68px)}.sidebar{width:250px;background:#111;color:#fff;flex:0 0 250px}.sidebar-inner{position:sticky;top:68px;padding:22px 14px}.sidebar a{display:flex;align-items:center;gap:12px;color:#ddd;text-decoration:none;padding:12px 14px;border-radius:13px;margin:3px 0}.sidebar a:hover{background:#2a2a2a;color:#fff}.nav-label{font-size:.68rem;letter-spacing:.18em;color:#777;padding:14px}.main-content{flex:1;min-width:0;padding:28px;max-width:1500px}.cardx{background:#fff;border:1px solid #ddd;border-radius:22px}.page-title{font-size:clamp(2rem,4vw,3.8rem);font-weight:850;letter-spacing:-.04em}.stat{padding:24px;border-radius:22px;background:#fff;border:1px solid #ddd}.table-card{background:#fff;border:1px solid #ddd;border-radius:22px;overflow:hidden}.form-control,.form-select{border-radius:14px;padding:.75rem 1rem}.btn{border-radius:13px}.footer{background:#fff;border-top:1px solid #ddd;padding:42px 0 20px}.footer a{display:block;color:#555;text-decoration:none;margin:8px 0;font-size:.9rem}.footer-brand{font-weight:800;font-size:1.25rem}.footer-title{font-size:.75rem;letter-spacing:.15em;text-transform:uppercase;font-weight:700;color:#888}.footer-bottom{border-top:1px solid #eee;margin-top:30px;padding-top:18px;color:#888;font-size:.8rem}@media(max-width:991.98px){.sidebar{position:fixed;z-index:1025;top:68px;bottom:0;left:-270px;transition:.2s}.sidebar.open{left:0}.main-content{padding:20px 14px}}
/* V1.1 colorful accents */
:root{--whsar-blue:#2563eb;--whsar-violet:#7c3aed;--whsar-green:#10b981;--whsar-orange:#f59e0b}.brand-mark{background:linear-gradient(135deg,var(--whsar-blue),var(--whsar-violet));border:0;color:#fff;box-shadow:0 8px 24px rgba(37,99,235,.18)}.brand small{color:#64748b}.sidebar{background:linear-gradient(180deg,#0f172a,#111827)}.sidebar a.active,.sidebar a:hover{background:linear-gradient(90deg,rgba(37,99,235,.25),rgba(124,58,237,.15));border-left:3px solid #60a5fa}.stat{position:relative;overflow:hidden}.stat:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:linear-gradient(135deg,rgba(37,99,235,.12),rgba(124,58,237,.1))}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}.status-ok{background:#10b981}.status-bad{background:#ef4444}.accent-card{background:linear-gradient(135deg,#fff,#f5f7ff);border-color:#dbe4ff}.gradient-btn{border:0;color:#fff;background:linear-gradient(135deg,#2563eb,#7c3aed)}.gradient-btn:hover{color:#fff;filter:brightness(.96)}.metric-icon{width:42px;height:42px;border-radius:14px;display:grid;place-items:center;background:#eef2ff;color:#4f46e5}.release-badge{background:#ede9fe;color:#6d28d9}.backup-badge{background:#dcfce7;color:#047857}.table-card,.cardx{box-shadow:0 10px 35px rgba(15,23,42,.04)}