:root{color-scheme:light;--bg: #f6f0e8;--bg-deep: #efe4d6;--ink: #1b1b1f;--muted: #6e6a63;--accent: #f26a4b;--accent-strong: #d94d2a;--accent-cool: #0f766e;--panel: #ffffff;--border: rgba(27, 27, 31, .08);--shadow: 0 18px 45px rgba(27, 27, 31, .08)}*{box-sizing:border-box}body{margin:0;font-family:Space Grotesk,system-ui,sans-serif;color:var(--ink);background:radial-gradient(circle at 12% 8%,#fff7ee 0%,transparent 45%),radial-gradient(circle at 92% 12%,#f0fff7 0%,transparent 40%),linear-gradient(120deg,var(--bg) 0%,#f8f6f2 45%,var(--bg-deep) 100%);min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea,select{font-family:inherit}#root{min-height:100vh}.app-shell{display:grid;grid-template-columns:240px 1fr;min-height:100vh}.sidebar{padding:28px 24px;background:#ffffffc7;border-right:1px solid var(--border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{display:flex;align-items:flex-start;gap:10px;font-size:18px;font-weight:700}.brand-mark{width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--accent) 0%,#ffb284 100%);box-shadow:inset 0 0 0 2px #fff9}.nav{margin-top:34px;display:grid;gap:12px}.nav button{border:1px solid transparent;background:transparent;padding:10px 14px;border-radius:12px;text-align:left;font-weight:600;color:var(--muted);transition:all .2s ease}.nav button:hover{border-color:var(--border);background:#fff9;color:var(--ink)}.nav button.active{color:var(--ink);background:#f26a4b24;border-color:#f26a4b59;box-shadow:0 8px 20px #f26a4b1f}.main{padding:32px 36px 48px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.header h1{font-size:26px;margin:0}.header .subtitle{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:14px}.env-badge,.env-chip{width:fit-content;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.env-badge{margin-top:6px;padding:4px 8px}.env-chip{padding:3px 8px}.env-badge.staging,.env-chip.staging{background:#0f766e1f;color:var(--accent-cool)}.env-badge.production,.env-chip.production{background:#dc26261f;color:#b91c1c}.grid{display:grid;gap:20px}.grid.two{grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.card{background:var(--panel);border:1px solid var(--border);border-radius:18px;padding:20px;box-shadow:var(--shadow)}.card h3{margin-top:0;margin-bottom:12px;font-size:16px}.label{font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:8px;display:block}.field{display:grid;gap:8px;margin-bottom:16px}input,textarea,select{border-radius:12px;border:1px solid var(--border);padding:12px 14px;font-size:14px;background:#fff}textarea{min-height:120px;resize:vertical}.btn{border:0;border-radius:12px;padding:12px 16px;font-weight:600;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.btn.primary{background:var(--accent);color:#fff;box-shadow:0 12px 30px #f26a4b47}.btn.primary:hover{transform:translateY(-1px);box-shadow:0 18px 34px #f26a4b52}.btn.secondary{background:#0f766e1a;color:var(--accent-cool)}.btn.ghost{background:transparent;border:1px solid var(--border);color:var(--muted)}.btn.link{width:100%;margin-top:10px;padding:8px 10px;background:transparent;color:var(--accent-cool)}.btn.link:hover{text-decoration:underline}.btn:disabled{cursor:not-allowed;opacity:.58;transform:none;box-shadow:none}.badge{padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;background:#0f766e1f;color:var(--accent-cool)}.badge-danger{background:#d94c2624;color:#b83918}.split{display:flex;align-items:center;gap:12px}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{text-align:left;padding:10px 8px;border-bottom:1px solid var(--border)}.table th{font-size:12px;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)}.status{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:var(--muted)}.divider{border-top:1px solid var(--border);margin:16px 0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;word-break:break-all}.kv-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:14px}.kv{display:grid;gap:4px}.stack{display:grid;gap:12px}.subcard{border:1px solid var(--border);border-radius:14px;padding:12px;background:#ffffffb3}.subhead{font-weight:600}.subtle{font-size:13px;color:var(--muted)}.mini-grid{display:grid;gap:8px;margin-top:10px}.metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px}.metrics-row.compact{grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.metric{display:grid;gap:4px;padding:14px;border:1px solid var(--border);border-radius:16px;background:#ffffffb8}.metric strong{font-size:21px;letter-spacing:-.03em}.metric-good{background:#0f766e14}.metric-warn{background:#f2994a1f}.metric-bad{background:#d94c261f}.hero-card{background:linear-gradient(135deg,#fffffff5,#fff7eeeb)}.support-summary{margin-bottom:14px;padding:16px;border:1px solid var(--border);border-radius:18px;background:#ffffffad}.summary-title{margin:2px 0 4px;font-size:22px;font-weight:700;letter-spacing:-.03em}.summary-good{border-color:#0f766e3d;background:#0f766e14}.summary-warn{border-color:#f2994a47;background:#f2994a1f}.summary-bad{border-color:#d94c264d;background:#d94c261c}.section-head{justify-content:space-between;align-items:flex-start;margin-bottom:12px}.section-head h3,.section-head h4{margin:0}.card.soft{background:#ffffffbf;box-shadow:none}.event-list{display:grid;gap:8px}.event-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#ffffffad}.details-panel summary{cursor:pointer;font-weight:700}.details-panel summary::marker{color:var(--accent)}.insight{display:grid;grid-template-columns:max-content 1fr;gap:12px;align-items:start;padding:12px;border:1px solid var(--border);border-radius:14px;background:#ffffffad}.insight-warn{border-color:#f2994a42;background:#f2994a1a}.insight-bad{border-color:#d94c2647;background:#d94c261a}.verdict-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.verdict{padding:14px;border:1px solid var(--border);border-radius:16px;background:#ffffffb8}.verdict-good{border-color:#0f766e33;background:#0f766e12}.verdict-warn{border-color:#f2994a42;background:#f2994a1a}.verdict-bad{border-color:#d94c2647;background:#d94c261a}.check-list{display:grid;gap:10px}.check-item{display:grid;grid-template-columns:38px 1fr;gap:10px;align-items:start;padding:10px;border:1px solid var(--border);border-radius:14px;background:#ffffff9e}.check-item>span{color:var(--muted);font-weight:700;font-size:12px}.check-done>span{color:var(--accent-cool)}.timeline{position:relative;display:grid;gap:10px}.timeline-item{display:grid;grid-template-columns:16px 1fr;gap:12px;padding:12px;border:1px solid var(--border);border-radius:14px;background:#ffffffa8}.timeline-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:var(--accent);box-shadow:0 0 0 4px #f26a4b1f}.pulse{width:10px;height:10px;border-radius:50%;background:var(--accent);animation:pulse 1.6s infinite}@keyframes pulse{0%{transform:scale(.9);opacity:.7}70%{transform:scale(1.2);opacity:0}to{transform:scale(.9);opacity:0}}.auth-shell{min-height:100vh;display:grid;place-items:center;padding:32px}.auth-card{width:min(420px,100%)}.helper{font-size:13px;color:var(--muted)}.checklist{margin:14px 0 0;padding-left:20px;color:var(--text);font-size:13px;line-height:1.7}.notice{padding:12px 14px;border-radius:12px;background:#0f766e14;color:var(--accent-cool);font-size:13px}.error{padding:12px 14px;border-radius:12px;background:#d94c261f;color:#b83918;font-size:13px}@media(max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{position:sticky;top:0;z-index:1;border-right:0;border-bottom:1px solid var(--border)}.main{padding:24px}}