@font-face{font-family:Inter;src:url(inter.woff2) format('woff2');font-weight:100 900}
*{box-sizing:border-box}body{margin:0;background:#000;color:#eee;font:14px/1.5 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}h1,h2,h3{margin:0;font-weight:700}h1{font-size:26px}h2{font-size:18px}h3{font-size:14px;color:#aaa;font-weight:600}
.card{background:#161616;border:1px solid #242424;border-radius:14px;padding:18px}.mut{color:#8a8a8a}.sm{font-size:12px}
.btn{display:inline-flex;align-items:center;gap:6px;background:#3F7A4A;color:#fff;border-radius:8px;padding:9px 14px;font-weight:600;font-size:13px;border:0}
.btn2{display:inline-flex;align-items:center;gap:6px;background:#222;color:#ddd;border:1px solid #333;border-radius:8px;padding:8px 13px;font-size:13px}
.chip{display:inline-flex;align-items:center;gap:5px;border-radius:20px;padding:3px 10px;font-size:12px;font-weight:600;background:#262626;color:#ccc}
.new{background:#4a1d1d;color:#ff8a8a}.con{background:#4a3f12;color:#f2d16b}.bkd{background:#13304d;color:#7fb8ff}.fbr{background:#4d2e10;color:#ffae5c}.off{background:#33204d;color:#c89bff}.done{background:#1d3a24;color:#7fd492}.arc{background:#2a2a2a;color:#999}
.row{display:flex;gap:12px;align-items:center}.sp{justify-content:space-between}.g2{display:grid;grid-template-columns:1fr 1fr;gap:16px}.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ph{border-radius:12px;background-size:cover;background-position:center}
.ok{color:#7fd492}.no{color:#ffae5c}.tick{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;font-size:13px}
.av{width:44px;height:44px;border-radius:50%;background:#2d4a33;display:flex;align-items:center;justify-content:center;font-weight:700;color:#cfe8d4}
.logo{height:30px}.kv{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#262626;border-radius:12px;overflow:hidden}.kv div{background:#111;padding:10px 12px;font-size:12px;color:#999}.kv b{display:block;color:#fff;font-size:15px}
.stars{display:flex;flex-direction:row-reverse;justify-content:flex-end;gap:4px}.stars input{position:absolute;opacity:0}.stars label{font-size:34px;color:#444;cursor:pointer}.stars input:checked~label,.stars label:hover,.stars label:hover~label{color:#E8A33D}
.phone{width:390px;height:844px;border-radius:44px;border:10px solid #222;overflow:hidden;background:#000;position:relative;flex:none}
.note{background:#0f1f13;border:1px solid #2d4a33;color:#bfe3c7;border-radius:10px;padding:10px 12px;font-size:12px}
.tabs{display:flex;gap:4px;border-bottom:1px solid #262626}.tabs span{padding:10px 14px;color:#999;font-size:13px;cursor:pointer}.tabs .on{color:#fff;border-bottom:2px solid #3F7A4A}
.slot{border:1px solid #333;border-radius:8px;padding:8px 10px;font-size:13px;text-align:center}.slot.on{border-color:#3F7A4A;background:#16301c;color:#fff}.slot.x{opacity:.35;text-decoration:line-through}
.step{display:inline-flex;width:22px;height:22px;border-radius:50%;background:#3F7A4A;color:#fff;font-size:12px;font-weight:700;align-items:center;justify-content:center}
input.f,select.f,textarea.f{width:100%;background:#0c0c0c;border:1px solid #333;border-radius:8px;padding:10px 12px;color:#eee;font:inherit}