:root{--ys-teal: #0e4d52;--ys-teal-600: #0a3d41;--ys-teal-050: #e7f0f0;--ys-night: #0b2e31;--ys-amber: #e8a33d;--ys-slate: #4f6264;--ys-mist: #a9c4c6;--ys-bg: #f5f8f8;--ys-surface: #ffffff;--ys-border: #d5e1e2;--ys-danger: #b42318;--ys-ok: #1f7a4a;--ys-font-heading: "Outfit", system-ui, sans-serif;--ys-font-body: "Outfit", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--ys-radius: 10px}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--ys-font-body);color:var(--ys-night);background:var(--ys-bg)}h1,h2,h3{font-family:var(--ys-font-heading);font-weight:600;margin:0 0 12px}.ys-header{display:flex;align-items:center;gap:16px;padding:10px 20px;background:var(--ys-teal);color:#fff}.ys-header img{height:28px;display:block}.ys-header .spacer{flex:1}.ys-header select{font:inherit;padding:6px 10px;border-radius:8px;border:1px solid var(--ys-mist);background:var(--ys-night);color:#fff;min-height:36px}.ys-user{color:var(--ys-mist);font-size:14px}.ys-layout{display:grid;grid-template-columns:220px 1fr;min-height:calc(100% - 56px)}.ys-nav{background:var(--ys-night);padding:16px 8px}.ys-nav button{display:block;width:100%;text-align:left;padding:10px 14px;margin-bottom:4px;font:inherit;color:var(--ys-mist);background:transparent;border:0;border-radius:8px;cursor:pointer}.ys-nav button[aria-current=page]{color:#fff;background:var(--ys-teal);box-shadow:inset 3px 0 0 var(--ys-amber)}.ys-main{padding:24px}.ys-card{background:var(--ys-surface);border:1px solid var(--ys-border);border-radius:var(--ys-radius);padding:18px}.ys-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.ys-muted{color:var(--ys-slate)}.ys-badge{display:inline-block;padding:2px 8px;border-radius:999px;font-size:12px;background:var(--ys-teal-050);color:var(--ys-teal)}.ys-badge.hq{background:var(--ys-amber);color:var(--ys-night)}.ys-badge.dead,.ys-badge.failed{background:#fde8e6;color:var(--ys-danger)}.ys-badge.posted{background:#e3f4ea;color:var(--ys-ok)}table.ys-table{width:100%;border-collapse:collapse;background:var(--ys-surface)}.ys-table th,.ys-table td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--ys-border)}.ys-table th{font-weight:600;color:var(--ys-slate);font-size:13px;text-transform:uppercase;letter-spacing:.03em}.ys-btn{font:inherit;font-weight:600;padding:10px 18px;min-height:44px;border-radius:8px;border:0;background:var(--ys-teal);color:#fff;cursor:pointer}.ys-btn:hover{background:var(--ys-teal-600)}.ys-btn:focus-visible,input:focus-visible,select:focus-visible,.ys-nav button:focus-visible{outline:3px solid var(--ys-amber);outline-offset:2px}.ys-error{color:var(--ys-danger);margin:8px 0}.ys-login{min-height:100%;display:grid;place-items:center;background:var(--ys-night);padding:24px}.ys-login form{width:100%;max-width:380px;background:var(--ys-surface);border-radius:14px;padding:28px}.ys-login .logo{display:block;height:72px;margin:0 auto 8px}.ys-login label{display:block;font-size:14px;color:var(--ys-slate);margin:14px 0 6px}.ys-login input{width:100%;font:inherit;padding:10px 12px;min-height:44px;border:1px solid var(--ys-border);border-radius:8px}.ys-login .ys-btn{width:100%;margin-top:20px}@media(max-width:760px){.ys-layout{grid-template-columns:1fr}.ys-nav{display:flex;gap:4px;overflow-x:auto;padding:8px}.ys-nav button{width:auto;white-space:nowrap}}