:root{--asphalt:#1a1c1e;--concrete:#2e3135;--steel:#232629;--yellow:#f5c400;--yellow-dim:#c49e00;--green:#3ee07a;--red:#e84040;--sky:#d6e4f0;--muted:#9a9da3;--offwhite:#f0ede6;--border:hsla(0,0%,100%,.08)}*{box-sizing:border-box;margin:0;padding:0}body,html{background:var(--asphalt);color:var(--offwhite);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}a{color:inherit;text-decoration:none}button{cursor:pointer}button,input,select,textarea{font-family:inherit}.demo-banner{background:var(--yellow);color:#1a1c1e;text-align:center;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;padding:6px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:100}.nav{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-bottom:1px solid var(--border);background:var(--asphalt);flex-wrap:wrap;gap:10px}.logo{font-size:20px;font-weight:800}.logo .the{color:var(--muted);font-weight:400}.logo .rig{color:var(--offwhite)}.logo .boss{color:var(--yellow)}.nav-links{display:flex;gap:8px;flex-wrap:wrap}.nav-links a{font-size:13px;padding:8px 14px;border-radius:8px;color:var(--muted);border:1px solid transparent}.nav-links a.active,.nav-links a:hover{color:var(--offwhite);border-color:var(--border);background:var(--concrete)}.wrap{max-width:1060px;margin:0 auto;padding:26px 20px 80px}.h1{font-size:32px;font-weight:800;line-height:1.15}.h2{font-size:20px;font-weight:700;margin-bottom:12px}.sub{color:var(--muted);font-size:14px;margin-top:6px}.card{background:var(--steel);border:1px solid var(--border);border-radius:14px;padding:18px}.grid{display:grid;grid-gap:14px;gap:14px}.grid2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.btn{display:inline-block;border:none;border-radius:10px;padding:12px 20px;font-size:14px;font-weight:700;transition:opacity .15s}.btn:hover{opacity:.88}.btn-yellow{background:var(--yellow);color:#1a1c1e}.btn-green{background:var(--green);color:#06220f}.btn-ghost{background:transparent;color:var(--offwhite);border:1px solid var(--border)}.btn-sm{padding:8px 14px;font-size:13px;border-radius:8px}.btn:disabled{opacity:.4;cursor:not-allowed}.field-label{display:block;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 0 6px}.input,select.input,textarea.input{width:100%;background:var(--concrete);border:1px solid var(--border);border-radius:10px;color:var(--offwhite);padding:11px 12px;font-size:14px}.input:focus{outline:1px solid var(--yellow-dim)}.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 9px;border-radius:20px;letter-spacing:.04em}.badge-posted{background:rgba(214,228,240,.12);color:var(--sky)}.badge-accepted,.badge-picked_up{background:rgba(245,196,0,.14);color:var(--yellow)}.badge-in_transit{background:rgba(62,224,122,.12);color:var(--green)}.badge-delivered{background:rgba(62,224,122,.2);color:var(--green)}.badge-cancelled{background:rgba(232,64,64,.15);color:var(--red)}.badge-gray{background:hsla(220,5%,62%,.15);color:var(--muted)}.stat{text-align:center;padding:18px 8px}.stat .v{font-size:28px;font-weight:800;color:var(--yellow)}.stat .l{font-size:12px;color:var(--muted);margin-top:4px}.row{align-items:center;gap:10px}.bd-row,.row{display:flex;justify-content:space-between}.bd-row{font-size:13px;padding:5px 0;color:var(--muted)}.bd-row .bv{color:var(--offwhite);font-weight:600}.hr{border:none;border-top:1px solid var(--border);margin:12px 0}.capbar{height:10px;border-radius:6px;background:var(--concrete);overflow:hidden}.capbar>div{height:100%;background:var(--yellow);border-radius:6px;transition:width .4s}.capbar>div.full{background:var(--green)}.progress{height:6px;border-radius:4px;background:var(--concrete);overflow:hidden;margin-top:8px}.progress>div{height:100%;background:var(--green)}.table{width:100%;border-collapse:collapse;font-size:13px}.table th{text-align:left;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:8px}.table td,.table th{border-bottom:1px solid var(--border)}.table td{padding:10px 8px}.tabs{display:flex;gap:6px;margin:18px 0;flex-wrap:wrap}.tab{padding:9px 16px;border-radius:10px;font-size:13px;font-weight:600;background:transparent;color:var(--muted);border:1px solid var(--border)}.tab.active{background:var(--yellow);color:#1a1c1e;border-color:var(--yellow)}.price-big{font-size:40px;font-weight:800;color:var(--green)}.persona{background:var(--concrete);border:1px solid var(--border);border-radius:10px;padding:8px 12px;font-size:13px}.toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:var(--green);color:#06220f;font-weight:700;padding:12px 22px;border-radius:12px;z-index:200}@media (max-width:640px){.h1{font-size:24px}.price-big{font-size:32px}}