:root{--wagon-red:#de1e29;--wagon-blue:#1e36c8;--swoosh:#fdd31f;--ink:#0e0e0e;--white:#fff;--accent:#de1e29;--accent-strong:#b8121d;--accent-soft:#fce9ea;--accent-line:#f3c4c7;--danger:#b3261e;--danger-soft:#fdecea;--attention:#fdd31f;--attention-soft:#fff8d6;--success:#1e8e5a;--success-soft:#e8f5ec;--warning:#8a6500;--error:var(--danger);--canvas:#f4f3f1;--surface-warm:#f7f6f5;--fill-warm:#f1efee;--fill-warm-muted:#e9e6e4;--gray-900:#1a1a1a;--gray-700:#404040;--gray-500:#62625f;--gray-300:#d4d4d4;--gray-100:#f5f5f5;--line:#0e0e0e1a;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--font:"Plus Jakarta Sans", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}:root[data-product=share]{--accent:#1e36c8;--accent-strong:#16289e;--accent-soft:#e9ebfa;--accent-line:#c9d0f4}:root[data-product=commute]{--accent:#de1e29;--accent-strong:#b8121d;--accent-soft:#fce9ea;--accent-line:#f3c4c7}*{box-sizing:border-box}body{background:var(--canvas);font-family:var(--font);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;line-height:1.45}h1,h2,h3{margin:0}button,input,select,textarea{font-family:inherit}a{color:var(--accent);text-decoration:none}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input:focus,textarea:focus,select:focus{box-shadow:0 0 0 3px var(--accent-soft);outline:none;border-color:var(--accent)!important}button{transition:background-color .12s,border-color .12s,opacity .12s}button:disabled{cursor:not-allowed}main table tbody tr:hover td{background:var(--surface-warm)}main table td,main table th{vertical-align:middle}.nav-link{color:var(--gray-700);border-radius:10px;align-items:center;gap:10px;margin-bottom:1px;padding:8px 10px;font-size:13.5px;font-weight:600;display:flex}.nav-link:hover{background:var(--fill-warm);color:var(--ink)}.nav-link.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:700}.nav-link svg{flex:none}.nav-group-label{letter-spacing:.06em;text-transform:uppercase;color:var(--gray-500);margin:20px 0 6px;padding:0 10px;font-size:11px;font-weight:700}.nav-badge{background:var(--accent);min-width:20px;color:var(--white);text-align:center;border-radius:999px;padding:1px 7px;font-size:11px;font-weight:800;line-height:18px}.card{background:var(--white);border:1px solid var(--line);border-radius:var(--radius-lg)}.attention-card{background:var(--white);border:1.5px solid var(--accent-line);border-radius:var(--radius-lg);color:var(--ink);align-items:center;gap:14px;padding:16px 18px;display:flex}.attention-card:hover{border-color:var(--accent);background:var(--accent-soft)}