:root{--teal:#0F5257;--teal-d:#0B3B3F;--teal-l:#E8F1F1;--line:#D7E3E3;--amber:#F2A93B;--red:#B42318;--green:#067647;--ink:#1D2B2C;--muted:#5D6B6C}
*{box-sizing:border-box}body{margin:0;font:15px/1.5 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#F6F8F8}
a{color:var(--teal)}h1{font-size:1.35rem;margin:.2rem 0 1rem;color:var(--teal-d)}h2{font-size:1.05rem;margin:1.2rem 0 .5rem;color:var(--teal-d)}
header{background:var(--teal);color:#fff;padding:.6rem 1rem;display:flex;flex-wrap:wrap;align-items:center;gap:.5rem 1rem}
header .brand{font-weight:700}header .dealer{font-size:.8rem;background:rgba(255,255,255,.15);padding:.15rem .5rem;border-radius:99px}
header form{margin-left:auto}header select{font-size:.85rem;padding:.2rem}
nav{background:var(--teal-d);display:flex;overflow-x:auto;white-space:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}
nav::-webkit-scrollbar{display:none}nav a{color:#DDECEC;text-decoration:none;padding:.7rem .9rem;font-size:.9rem;flex-shrink:0}
nav a.on{color:#fff;box-shadow:inset 0 -3px 0 var(--amber);font-weight:600}
main{max-width:1180px;margin:0 auto;padding:1rem}
.grid{display:grid;gap:.7rem;grid-template-columns:repeat(2,1fr)}@media(min-width:760px){.grid{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}}
.card{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.9rem}
.stat b{display:block;font-size:1.5rem;color:var(--teal-d)}.stat span{font-size:.8rem;color:var(--muted)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:.45rem 1rem;border-radius:9px;border:1px solid var(--teal);background:var(--teal);color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;text-decoration:none}
.btn.sec{background:#fff;color:var(--teal)}.btn.amber{background:var(--amber);border-color:var(--amber);color:var(--teal-d)}.btn.red{background:#fff;color:var(--red);border-color:var(--red)}
.btn.sm{min-height:34px;padding:.25rem .7rem;font-size:.8rem}
input[type=text],input[type=email],input[type=password],input[type=url],textarea,select{width:100%;padding:.55rem .6rem;border:1px solid var(--line);border-radius:8px;font:inherit;font-size:16px;background:#fff}
textarea{min-height:120px}label{font-size:.85rem;font-weight:600;display:block;margin:.6rem 0 .25rem}
.row{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}
.tscroll{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border:1px solid var(--line);border-radius:12px}
table{border-collapse:collapse;width:100%;font-size:.86rem}th,td{text-align:left;padding:.5rem .6rem;border-bottom:1px solid var(--line);vertical-align:top}
th{background:var(--teal-l);color:var(--teal-d);font-size:.78rem;text-transform:uppercase;letter-spacing:.02em;white-space:nowrap}
.sticky th:first-child,.sticky td:first-child{position:sticky;left:0;background:#fff;z-index:1;box-shadow:1px 0 0 var(--line)}.sticky th:first-child{background:var(--teal-l)}
.badge{display:inline-block;font-size:.72rem;padding:.1rem .45rem;border-radius:99px;background:var(--teal-l);color:var(--teal-d);white-space:nowrap}
.badge.ok{background:#DCFAE6;color:var(--green)}.badge.warn{background:#FEF0C7;color:#93370D}.badge.err{background:#FEE4E2;color:var(--red)}
.flash{padding:.7rem .9rem;border-radius:10px;margin-bottom:1rem;background:#DCFAE6;color:var(--green)}.flash.err{background:#FEE4E2;color:var(--red)}
.muted{color:var(--muted);font-size:.85rem}.mono{font-family:ui-monospace,Menlo,monospace;font-size:.82rem}
pre{background:#0E1E20;color:#E3F2F2;padding:.8rem;border-radius:10px;overflow:auto;font-size:.78rem;max-height:420px;white-space:pre-wrap;word-break:break-word}
.tabs{display:flex;gap:.3rem;overflow-x:auto;margin-bottom:.8rem;scrollbar-width:none}.tabs a{flex-shrink:0;padding:.45rem .8rem;border-radius:99px;background:#fff;border:1px solid var(--line);text-decoration:none;font-size:.85rem}
.tabs a.on{background:var(--teal);color:#fff;border-color:var(--teal)}
.list .item{background:#fff;border:1px solid var(--line);border-radius:12px;padding:.8rem;margin-bottom:.6rem}
.item .code{font-family:ui-monospace,monospace;font-size:.8rem;color:var(--muted)}
.cards{display:block}.tbl{display:none}@media(min-width:760px){.cards{display:none}.tbl{display:block}}
.login{max-width:380px;margin:8vh auto;padding:0 1rem}.notice{border-left:4px solid var(--amber);background:#FFF8EB;padding:.6rem .8rem;border-radius:8px;margin:.5rem 0;font-size:.88rem}