:root{--purple:#7b3cff;--blue:#2887ff;--bg:#090b13;--panel:#121624;--line:rgba(255,255,255,.08);--text:#f8f8ff;--muted:#9299af}
*{box-sizing:border-box}body{margin:0;overflow:hidden;background:transparent;font-family:Inter,Segoe UI,Arial,sans-serif;color:var(--text);user-select:none}.hidden{display:none!important}#app{width:100vw;height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 70%,rgba(91,55,255,.14),transparent 40%)}.tablet{width:920px;height:610px;padding:18px;border-radius:36px;background:linear-gradient(145deg,#242733,#0c0e15 65%);box-shadow:0 35px 100px rgba(0,0,0,.65),inset 0 0 0 2px rgba(255,255,255,.06);position:relative}.camera{position:absolute;top:8px;left:50%;width:7px;height:7px;border-radius:50%;background:#050509;box-shadow:0 0 0 2px #353846}.screen{height:100%;border-radius:23px;overflow:hidden;background:radial-gradient(circle at 85% 0%,rgba(39,129,255,.14),transparent 32%),radial-gradient(circle at 15% 100%,rgba(123,60,255,.14),transparent 36%),var(--bg);padding:27px}header{display:flex;justify-content:space-between;align-items:center}.brand{display:flex;align-items:center;gap:13px}.logo{width:45px;height:45px;border-radius:13px;display:grid;place-items:center;font-size:25px;font-weight:900;background:linear-gradient(135deg,var(--purple),var(--blue));box-shadow:0 10px 30px rgba(90,65,255,.35)}small{font-size:10px;color:#858ca4;letter-spacing:2.8px}h1{font-size:19px;letter-spacing:1.4px;margin:4px 0 0}button{cursor:pointer;border:0;color:white;font-weight:750}#close{width:38px;height:38px;border-radius:11px;font-size:24px;background:rgba(255,255,255,.06);color:#a9afc1}.vehicle-row{display:grid;grid-template-columns:2fr 1fr 1fr;gap:10px;margin-top:23px}.vehicle-row>div{padding:14px 16px;border:1px solid var(--line);border-radius:13px;background:rgba(255,255,255,.025)}.vehicle-row span{display:block;font-size:9px;letter-spacing:1.7px;color:var(--muted);margin-bottom:6px}.vehicle-row strong{font-size:14px}.warning{margin:12px 0 14px;padding:11px 14px;border:1px solid rgba(123,60,255,.22);background:rgba(123,60,255,.07);border-radius:11px;color:#adb3c8;font-size:11px}main{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.profile{min-height:155px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(150deg,rgba(255,255,255,.035),rgba(255,255,255,.012));padding:18px;position:relative;overflow:hidden;transition:.16s ease}.profile:before{content:'';position:absolute;width:110px;height:110px;border-radius:50%;right:-55px;top:-55px;background:rgba(123,60,255,.08)}.profile.selected{border-color:rgba(74,102,255,.7);box-shadow:inset 0 0 0 1px rgba(123,60,255,.3),0 12px 35px rgba(66,55,200,.12)}.top{display:flex;justify-content:space-between;align-items:start}.profile h2{font-size:17px;margin:0}.profile .subtitle{font-size:10px;color:#8f96ad;margin-top:4px}.badge{font-size:9px;padding:5px 7px;border-radius:7px;background:rgba(45,124,255,.13);color:#87afff}.profile p{font-size:11px;line-height:1.5;color:#9299ad;max-width:88%;min-height:34px}.select{width:100%;padding:10px;border-radius:9px;background:linear-gradient(135deg,var(--purple),var(--blue));font-size:11px}.select:hover{filter:brightness(1.08)}