:root{--teal:#1f806d;--teal-dark:#155c50;--teal-deep:#0f4339;--mint:#e3f4ee;--mint-soft:#f0faf6;--citrus:#f3a35b;--coral:#f2785c;--ink:#17332f;--muted:#5c7a74;--paper:#fbfdfc;--white:#fff;--line:#dde9e4;--shadow:0 18px 40px -18px #17332f59;--shadow-sm:0 8px 24px -12px #17332f4d}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.wrap{width:min(1080px,92vw);margin:0 auto;padding:0 8px}.page-center{place-items:center;min-height:100vh;padding:40px 16px;display:grid}.card{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:22px;padding:28px}.btn{cursor:pointer;white-space:nowrap;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 22px;font-size:15px;font-weight:700;transition:transform .15s,box-shadow .2s,background .2s;display:inline-flex}.btn-primary{background:var(--teal);color:#fff;box-shadow:0 10px 24px -10px #1f806d99}.btn-primary:hover{background:var(--teal-dark);transform:translateY(-2px)}.btn-ghost{background:var(--white);color:var(--teal-dark);border:1.5px solid var(--line)}.btn-ghost:hover{border-color:var(--teal)}.btn-link{color:var(--teal);box-shadow:none;background:0 0;padding:4px 0;font-size:13px}.btn-link:hover{text-decoration:underline}input,select,textarea{border:1px solid var(--line);width:100%;font:inherit;color:var(--ink);background:var(--paper);border-radius:12px;padding:12px}input:focus,select:focus,textarea:focus{border-color:var(--teal);outline:3px solid #1f806d2e}label{color:var(--ink);gap:5px;font-size:12px;font-weight:800;display:grid}.spinner{border:3px solid var(--mint);border-top-color:var(--teal);border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.status-ok{color:var(--teal-dark);font-size:13px;font-weight:700}.status-err{color:var(--coral);font-size:13px;font-weight:700}.layout{grid-template_columns:260px 1fr;gap:24px;min-height:100vh;display:grid}.navRail{background:var(--white);border:1px solid var(--line);box-shadow:var(--shadow-sm);border-radius:20px;align-self:start;padding:16px;position:sticky;top:24px}.navRail h2{padding:4px 12px;font-size:17px;font-weight:800}.navRail a{color:var(--ink);border-radius:12px;margin:4px 0;padding:12px 16px;font-size:15px;font-weight:600;display:block}.navRail a:hover,.navRail a.active{background:var(--mint);color:var(--teal-dark)}.main{padding:8px 0 56px}.table{border-collapse:collapse;background:var(--white);border:1px solid var(--line);width:100%;box-shadow:var(--shadow-sm);border-radius:16px;overflow:hidden}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 16px;font-size:14px}.table th{background:var(--mint);color:var(--teal-dark);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:800}.table tr:last-child td{border-bottom:none}.badge{border-radius:999px;align-items:center;padding:4px 12px;font-size:12px;font-weight:800;display:inline-flex}.badge.active{color:#1a7f37;background:#dcf5e5}.badge.canceled{color:#b42318;background:#fdecea}.badge.past{color:#9a5900;background:#fff7e0}.badge.open{color:#1d53a6;background:#e8f4fd}.badge.resolved{color:#1a7f37;background:#dcf5e5}.toolbar{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.tabs{border-bottom:2px solid var(--line);gap:8px;margin-bottom:18px;display:flex}.tab{color:var(--muted);cursor:pointer;border-radius:12px 12px 0 0;padding:10px 18px;font-weight:700}.tab.active{color:var(--teal-dark);background:var(--mint);border-bottom:2px solid var(--teal)}