:root,:root[data-theme=light]{--brand: #e11d48;--brand-strong: #be123c;--brand-soft: #fff1f2;--brand-grad: linear-gradient(135deg, #db2777, #f43f5e);--ring: rgba(225, 29, 72, .22);--app-bg: #faf7f6;--app-text: #1c1417;--app-muted: #786a6e;--app-border: #eadfe0;--app-card: #ffffff;--card-bg: var(--app-card);--card-border: var(--app-border);--muted: var(--app-muted);--chip-bg: var(--brand-soft);--field-bg: #ffffff;--field-border: #e2d3d6;--ok-bg: #dcfce7;--ok-text: #166534;--warn-bg: #fef3c7;--warn-text: #92400e;--err-bg: #fee2e2;--err-text: #991b1b;--err-border: #fecaca;--info-bg: #dbeafe;--info-text: #1e40af;--row-hover: #fdf2f4;--banner-bg: #fef3c7;--banner-text: #78350f;--banner-link: #1d4ed8;--radius: 16px;--radius-sm: 10px;--shadow-card: 0 1px 2px rgba(190, 18, 60, .04), 0 10px 30px -18px rgba(190, 18, 60, .18);--nav-bg: #0f172a;--nav-text: #cbd5e1}:root[data-theme=dark]{--brand: #fb7185;--brand-strong: #f43f5e;--brand-soft: rgba(225, 29, 72, .16);--ring: rgba(251, 113, 133, .25);--app-bg: #141018;--app-text: #f1e9ec;--app-muted: #a894a0;--app-border: #322a33;--app-card: #1d1721;--card-bg: var(--app-card);--card-border: var(--app-border);--muted: var(--app-muted);--chip-bg: var(--brand-soft);--field-bg: #241d29;--field-border: #453a48;--ok-bg: #0c3a24;--ok-text: #86efac;--warn-bg: #3d2f08;--warn-text: #fcd34d;--err-bg: #45151a;--err-text: #fda4af;--err-border: #7f2c35;--info-bg: #16294d;--info-text: #93c5fd;--row-hover: #241b26;--banner-bg: #3b2f0b;--banner-text: #fde68a;--banner-link: #93c5fd;--shadow-card: 0 1px 2px rgba(0, 0, 0, .35), 0 10px 30px -18px rgba(0, 0, 0, .5)}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--app-bg);color:var(--app-text);-webkit-font-smoothing:antialiased}main h1{font-size:30px;font-weight:800;letter-spacing:-.03em;margin:0 0 6px;color:var(--app-text)}main h2{letter-spacing:-.015em}main input:not([type=checkbox]):not([type=radio]):not([type=file]),main select,main textarea{padding:10px 12px;border:1px solid var(--field-border);border-radius:var(--radius-sm);background:var(--field-bg);color:var(--app-text);font:inherit;box-sizing:border-box;transition:border-color .12s ease,box-shadow .12s ease}main input:focus-visible,main select:focus-visible,main textarea:focus-visible{outline:none;border-color:var(--brand);box-shadow:0 0 0 3px var(--ring)}main label{color:var(--app-text)}main ::placeholder{color:var(--app-muted);opacity:.8}main input[type=checkbox]{accent-color:var(--brand);width:17px;height:17px}.btn,main button{font:inherit;cursor:pointer;border-radius:var(--radius-sm);padding:9px 16px;border:1px solid var(--card-border);background:var(--card-bg);color:var(--app-text);transition:filter .12s ease,background-color .12s ease,border-color .12s ease,box-shadow .12s ease,transform .06s ease}main button:hover:not(:disabled){border-color:var(--brand);color:var(--brand)}main button:active:not(:disabled){transform:translateY(1px)}main button:disabled{opacity:.55;cursor:not-allowed}.btn-primary,main button.primary{background:var(--brand-grad);border:none;color:#fff;font-weight:600;box-shadow:0 6px 16px -8px #e11d4880}.btn-primary:hover:not(:disabled),main button.primary:hover:not(:disabled){filter:brightness(1.06);color:#fff}main button.danger,.btn-danger{color:var(--err-text);border-color:var(--err-border);background:transparent}main button.danger:hover:not(:disabled){background:var(--err-bg);border-color:var(--err-text);color:var(--err-text)}main button.ghost{background:transparent}main .card,main section.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--radius);box-shadow:var(--shadow-card)}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:11.5px;font-weight:600;letter-spacing:.02em;background:var(--app-border);color:var(--app-muted)}.badge.active,.badge.success,.badge.completed{background:var(--ok-bg);color:var(--ok-text)}.badge.pending,.badge.ongoing{background:var(--warn-bg);color:var(--warn-text)}.badge.expired,.badge.failed,.badge.incident_reported{background:var(--err-bg);color:var(--err-text)}.badge.notified{background:var(--info-bg);color:var(--info-text)}.badge.cancelled{background:var(--app-border);color:var(--app-muted)}.state-ring{width:120px;height:120px;border-radius:50%;border:2px dashed var(--brand);background:var(--brand-soft);display:flex;align-items:center;justify-content:center;overflow:hidden}.state-ring.done{border-color:var(--ok-text)}.pulse-dots{display:flex;gap:5px}.pulse-dots span{width:9px;height:9px;border-radius:50%;background:var(--brand);animation:yf-pulse 1s infinite}.pulse-dots span:nth-child(2){animation-delay:.2s}.pulse-dots span:nth-child(3){animation-delay:.4s}@keyframes yf-pulse{0%,to{opacity:.35}50%{opacity:1}}@media (prefers-reduced-motion: reduce){.pulse-dots span{animation:none}}main table{border-collapse:collapse}main th{text-align:left;font-size:11.5px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--app-muted);padding:8px 12px;border-bottom:1px solid var(--card-border)}main td{padding:11px 12px;border-bottom:1px solid var(--card-border);font-size:14px}main tbody tr:last-child td{border-bottom:none}main tbody tr:hover td{background:var(--row-hover)}.responsive-table{overflow-x:auto;-webkit-overflow-scrolling:touch}@media (max-width: 640px){.grid{grid-template-columns:1fr!important}}@media (max-width: 768px){button,input[type=submit],input[type=button],input,select,textarea{min-height:40px}}
