:root{--paper:#f6f1e7;--card:#fffdf8;--ink:#2e2a24;--muted:#857b6d;--line:#e7ddcc;--line-soft:#efe7d8;--green:#1e6b4e;--green-dark:#14513a;--green-soft:#e1efe6;--green-ink:#185c42;--amber:#f0b94f;--amber-soft:#faecd2;--amber-ink:#8a5b14;--clay:#b6492a;--clay-soft:#f9e3da;--sky-soft:#e2ebf4;--sky-ink:#2f5d85;--radius:14px;--shadow:0 1px 2px #4a3c230f, 0 4px 14px #4a3c230d}*{box-sizing:border-box}html{height:100%}body{min-height:100%;color:var(--ink);background-color:var(--paper);background-image:radial-gradient(#78643c12 1px,#0000 1px);background-size:22px 22px;margin:0;font-family:Nunito Sans,system-ui,sans-serif;font-size:16px;line-height:1.5}a{color:var(--green-ink);font-weight:700;text-decoration:none}a:hover{text-decoration:underline}::selection{background:var(--amber-soft)}:focus-visible{outline-offset:2px;border-radius:6px;outline:3px solid #1e6b4e73}.layout{min-height:100vh;display:flex}main{flex:1;min-width:0;max-width:1080px;padding:2rem 2.5rem 4rem}nav.side{background:var(--card);border-right:1px solid var(--line);flex-direction:column;flex-shrink:0;gap:.25rem;width:240px;padding:1.4rem .9rem 1.2rem;display:flex}nav.side .brand{letter-spacing:-.01em;align-items:center;gap:.65rem;padding:0 .5rem 1.1rem;font-family:Fraunces,serif;font-size:1.15rem;font-weight:700;display:flex}nav.side .brand .mark{background:var(--green);color:#fdf8ec;border-radius:12px;flex-shrink:0;place-items:center;width:38px;height:38px;font-size:1.1rem;display:grid;box-shadow:inset 0 -3px #0000002e}nav.side .group-label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:.9rem .55rem .25rem;font-size:.7rem;font-weight:800}nav.side a.nav-item{color:#5d564a;border-radius:10px;align-items:center;gap:.6rem;padding:.52rem .65rem;font-size:.95rem;font-weight:700;display:flex}nav.side a.nav-item svg{opacity:.65;flex-shrink:0}nav.side a.nav-item:hover{background:var(--line-soft);color:var(--ink);text-decoration:none}nav.side a.nav-item.active{background:var(--green-soft);color:var(--green-ink)}nav.side a.nav-item.active svg{opacity:1}nav.side .foot{border-top:1px solid var(--line-soft);color:var(--muted);overflow-wrap:break-word;margin-top:auto;padding:1rem .55rem 0;font-size:.8rem;line-height:1.7}.page-head{margin-bottom:1.5rem}h1{letter-spacing:-.015em;margin:0;font-family:Fraunces,serif;font-size:2rem;font-weight:600;line-height:1.15}.lede{color:var(--muted);max-width:56ch;margin:.35rem 0 0;font-size:1.02rem}h2{letter-spacing:-.01em;margin:1.8rem 0 .7rem;font-family:Fraunces,serif;font-size:1.25rem;font-weight:600}.card h2:first-child{margin-top:0}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);margin-bottom:1.1rem;padding:1.25rem 1.4rem}table{border-collapse:separate;border-spacing:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);width:100%;box-shadow:var(--shadow);overflow:hidden}th,td{text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top;padding:.7rem .95rem}th{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);background:#fbf6ec;font-size:.74rem;font-weight:800}tr:last-child td{border-bottom:0}tbody tr:hover td{background:#fdf9f0}.card,table,.page-head{animation:.4s cubic-bezier(.2,.7,.3,1) both rise}main>:nth-child(2){animation-delay:40ms}main>:nth-child(3){animation-delay:80ms}main>:nth-child(4){animation-delay:.12s}main>:nth-child(5){animation-delay:.16s}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.card,table,.page-head{animation:none}}button{font:inherit;color:#fdf8ec;background:var(--green);border:1px solid var(--green-dark);cursor:pointer;border-radius:11px;padding:.55rem 1.15rem;font-size:.95rem;font-weight:800;transition:background .12s,transform 60ms;box-shadow:inset 0 -2px #00000029}button:hover{background:var(--green-dark)}button:active{box-shadow:none;transform:translateY(1px)}button:disabled{opacity:.45;cursor:default;transform:none}button.secondary{background:var(--card);color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 -2px #4a3c2312}button.secondary:hover{background:var(--line-soft)}button.danger{background:var(--card);color:var(--clay);border:1px solid #e4b8a9;box-shadow:inset 0 -2px #b6492a1a}button.danger:hover{background:var(--clay-soft)}input,select,textarea{font:inherit;color:var(--ink);border:1px solid var(--line);background:#fff;border-radius:10px;width:100%;padding:.55rem .7rem;font-size:.95rem}input:focus,select:focus,textarea:focus{outline-offset:0;border-color:var(--green);outline:3px solid #1e6b4e40}input::placeholder,textarea::placeholder{color:#b5ab9b}form.inline{flex-wrap:wrap;align-items:flex-end;gap:.7rem;display:flex}form.inline label{letter-spacing:.02em;color:var(--muted);flex-direction:column;gap:.25rem;font-size:.8rem;font-weight:800;display:flex}form.inline input,form.inline select{width:auto;min-width:150px}label{letter-spacing:.02em;color:var(--muted);margin-bottom:.75rem;font-size:.8rem;font-weight:800;display:block}label>input,label>select,label>textarea{margin-top:.25rem}.hint{color:var(--muted);font-size:.85rem;font-weight:400}.seg{background:var(--line-soft);border:1px solid var(--line);border-radius:11px;gap:3px;padding:3px;display:inline-flex}.seg button{box-shadow:none;color:var(--muted);background:0 0;border:0;border-radius:8px;padding:.35rem .9rem;font-weight:800}.seg button.on{background:var(--card);color:var(--green-ink);box-shadow:0 1px 2px #4a3c231f}.chips{flex-wrap:wrap;gap:.35rem;margin:.45rem 0 0;display:flex}.chips button{background:var(--amber-soft);color:var(--amber-ink);box-shadow:none;border:1px solid #ecd9ae;border-radius:99px;padding:.18rem .65rem;font-size:.78rem;font-weight:800}.chips button:hover{background:#f5e3ba}.badge{white-space:nowrap;border-radius:99px;align-items:center;gap:.4rem;padding:.14rem .6rem .14rem .5rem;font-size:.78rem;font-weight:800;display:inline-flex}.badge .dot{background:currentColor;border-radius:99px;flex-shrink:0;width:7px;height:7px}.badge.tone-good{background:var(--green-soft);color:var(--green-ink)}.badge.tone-bad{background:var(--clay-soft);color:var(--clay)}.badge.tone-warn{background:var(--amber-soft);color:var(--amber-ink)}.badge.tone-info{background:var(--sky-soft);color:var(--sky-ink)}.badge.tone-wait{background:var(--line-soft);color:#6d6354}.error{color:var(--clay);background:var(--clay-soft);border:1px solid #ecc6b8;border-radius:10px;margin:.6rem 0;padding:.5rem .8rem;font-size:.92rem;font-weight:700}.muted{color:var(--muted)}.mono{font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.92em}.empty{text-align:center;color:var(--muted);padding:2.2rem 1rem;font-size:1rem}.empty strong{color:var(--ink);margin-bottom:.2rem;font-family:Fraunces,serif;font-size:1.15rem;display:block}.sms{border:1px solid var(--line);max-width:480px;box-shadow:var(--shadow);background:#fff;border-radius:16px 16px 16px 5px;margin:.45rem 0;padding:.6rem .9rem}.sms.out{background:var(--green-soft);border-color:#cfe2d4;border-radius:16px 16px 5px}.sms .meta{color:var(--muted);margin-top:.25rem;font-size:.72rem}.login-box{text-align:center;max-width:380px;margin:16vh auto 0;padding:2.2rem 2rem}.login-box h1{margin-bottom:1.2rem;font-size:1.7rem}.login-box button{width:100%}.login-box hr{border:0;border-top:1px solid var(--line-soft);margin:1.4rem 0}@media (width<=760px){.layout{flex-direction:column}nav.side{border-right:0;border-bottom:1px solid var(--line);width:100%}main{padding:1.2rem 1rem 3rem}}
