:root{--bg:#f7f8f5;--panel:#fff;--text:#1d2423;--muted:#66706d;--line:#dfe5df;--brand:#236a5a;--brand-dark:#184a40;--accent:#b9472f;--warning:#9b6b12;--ok:#2d7357}*{box-sizing:border-box}body{background:var(--bg);color:var(--text);margin:0;font-family:Arial,Microsoft JhengHei,sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.shell{min-height:100vh}.topbar{border-bottom:1px solid var(--line);z-index:10;background:#fff;justify-content:space-between;align-items:center;gap:20px;padding:14px 24px;display:flex;position:sticky;top:0}.brand{font-weight:700}.nav{flex-wrap:wrap;gap:8px;display:flex}.nav a,.button,button{background:var(--brand);border:1px solid var(--brand);color:#fff;cursor:pointer;border-radius:6px;align-items:center;min-height:36px;padding:8px 12px;display:inline-flex}.nav a.secondary,.button.secondary,button.secondary{color:var(--brand-dark);background:#fff}.page{max-width:1120px;margin:0 auto;padding:28px 20px 48px}.grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.card h2,.card h3{margin:0 0 10px}.muted{color:var(--muted)}.stack{gap:12px;display:grid}.form{gap:12px;max-width:420px;display:grid}.field{gap:6px;display:grid}.field input,.field textarea,.field select{border:1px solid var(--line);background:#fff;border-radius:6px;width:100%;min-height:40px;padding:8px 10px}.wide-form{max-width:none}.compact-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.check-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px;display:grid}.checkline{align-items:center;gap:8px;display:flex}.checkline input{flex:none}.permission-panel{border:1px solid var(--line);border-radius:8px;gap:12px;padding:14px;display:grid}.panel-heading{align-items:baseline;gap:10px;display:flex}.toolbar{flex-wrap:wrap;align-items:end;gap:10px;margin-bottom:12px;display:flex}.inline-field{max-width:180px}.token-box{border:1px solid var(--line);background:#f3f6f4;border-radius:8px;gap:8px;margin:14px 0;padding:12px;display:grid}.token-box code{overflow-wrap:anywhere}.table{border-collapse:collapse;width:100%}.table th,.table td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:10px}.badge{color:var(--ok);background:#edf4f1;border:1px solid #caddd5;border-radius:999px;padding:3px 8px;font-size:12px;display:inline-block}.badge.warning{color:var(--warning);background:#fff7e8;border-color:#ecd39c}.error{color:var(--accent);min-height:20px}@media (max-width:720px){.topbar{flex-direction:column;align-items:flex-start}}