:root{--bg:#060908;--panel:#0e1511;--panel2:#131d17;--green:#79ff4d;--text:#f4fff0;--muted:#9caf9f;--line:#243329}
*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:radial-gradient(circle at top right,#15251a 0,#060908 42%);color:var(--text);font:16px/1.5 Inter,system-ui,Arial,sans-serif;min-height:100vh}
a{color:inherit;text-decoration:none}.topbar{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);background:rgba(6,9,8,.9);backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}
.brand{font-size:25px;font-weight:900}.brand span{color:var(--green)}nav{display:flex;gap:18px;align-items:center}nav a{color:var(--muted)}nav a:hover{color:var(--green)}
.container{width:min(1200px,calc(100% - 32px));margin:auto;padding:42px 0 70px}.hero{min-height:520px;display:grid;grid-template-columns:1.35fr .65fr;gap:56px;align-items:center}.hero h1{font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-4px;margin:8px 0 24px}.hero p{font-size:20px;color:var(--muted)}.eyebrow{color:var(--green);font-weight:800;text-transform:uppercase;letter-spacing:2px;font-size:13px}
.button{display:inline-flex;justify-content:center;align-items:center;background:var(--green);color:#071006;border:0;border-radius:10px;padding:13px 18px;font-weight:900;cursor:pointer}.button.secondary{background:transparent;color:var(--green);border:1px solid var(--green)}.button.small{padding:8px 12px;font-size:14px}.actions{display:flex;gap:12px;margin-top:30px}
.card,.truck-card{background:linear-gradient(145deg,rgba(19,29,23,.95),rgba(10,16,13,.95));border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:0 20px 50px rgba(0,0,0,.25)}
.truck-card{transform:rotate(2deg);min-height:300px}.truck-card>strong{font-size:25px;display:block;margin:30px 0}.grid{display:grid;gap:20px;margin:20px 0}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}
.metric-row{display:flex;justify-content:space-between;gap:20px;padding:13px 0;border-bottom:1px solid var(--line)}.metrics .card span,.metrics .card small{display:block;color:var(--muted)}.metrics .card strong{display:block;font-size:34px;margin:6px 0;color:var(--green)}.live-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green);margin-right:8px}
label{display:grid;gap:7px;color:var(--muted);font-weight:700}input,textarea{width:100%;background:#09100c;border:1px solid var(--line);border-radius:10px;padding:13px;color:var(--text);font:inherit}.auth-wrap{min-height:65vh;display:grid;place-items:center}.auth-card{width:min(470px,100%);display:grid;gap:18px}
.alert{padding:14px 16px;border-radius:10px;margin-bottom:15px}.alert.error{background:#39171b;color:#ff9da5}.alert.success{background:#16351b;color:#a8ff91}.token-box{padding:14px;border-radius:10px;background:#050807;border:1px dashed var(--green);word-break:break-all;font-family:monospace;margin:15px 0}.pair-code{font-size:42px;font-weight:900;letter-spacing:8px;color:var(--green);margin-top:20px}
.page-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:28px}.page-title h1{margin:5px 0 0;font-size:42px}.company-list{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:15px 0;border-bottom:1px solid var(--line)}.table-wrap{overflow:auto}table{border-collapse:collapse;width:100%;min-width:750px}th,td{text-align:left;padding:14px;border-bottom:1px solid var(--line)}th{color:var(--green)}.badge{padding:5px 9px;border-radius:99px;background:#263129}
code{color:var(--green)}footer{text-align:center;color:var(--muted);padding:30px;border-top:1px solid var(--line)}
@media(max-width:850px){nav a:not(.button){display:none}.hero{grid-template-columns:1fr;min-height:auto;padding:70px 0}.hero h1{font-size:55px;letter-spacing:-2px}.truck-card{transform:none}.grid.two,.grid.three,.grid.four{grid-template-columns:1fr}.page-title{align-items:start;gap:16px}}