*,::before,::after{box-sizing:border-box}html{line-height:1.5;-webkit-text-size-adjust:100%;tab-size:4}body{margin:0}button,input,select,textarea{font:inherit;letter-spacing:inherit}button{cursor:pointer}img,svg{display:block;vertical-align:middle}img{max-width:100%;height:auto}h1,h2,h3,p{margin:0}button,input,select,textarea{color:inherit}button{background:transparent}button:disabled{cursor:default}svg{flex-shrink:0}

@font-face{font-family:'NRB Sans';src:url('/fonts/geist.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root{font-family:'NRB Sans',sans-serif;font-size:16px;--bg:#0b111a;--panel:#111b28;--border:#29384b;--text:#f0f3f6;--muted:#b0bdca;--accent:#55bdff;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:400 1rem/1.55 'NRB Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea,kbd,svg text{font:inherit}button{cursor:pointer;transition:background .15s}button:disabled{opacity:.55;cursor:wait}button:hover:not(:disabled){filter:brightness(1.1)}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}input,textarea,select{min-width:0;width:100%;padding:12px 14px;border:1px solid #465564;border-radius:6px;background:#111a24;color:var(--text);font-size:16px;line-height:1.5;outline:none}input:focus,textarea:focus,select:focus{border-color:var(--accent);box-shadow:0 0 0 2px #65d6c71a}input::placeholder,textarea::placeholder{color:#98a8b8}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.3;font-weight:600;letter-spacing:normal}h1{font-size:30px}h2{font-size:24px}h3{font-size:18px}p{line-height:1.65;color:var(--muted)}small{font-size:14px;color:var(--muted);line-height:1.5}label{display:block;font-size:16px;font-weight:500;color:#d9e1e9}label>input,label>select,label>textarea,label>.input-icon{margin-top:8px}label+label{margin-top:20px}form{display:flex;flex-direction:column;gap:20px}form label+label{margin-top:0}form small{display:block}.primary,.secondary,.danger{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:11px 16px;border:1px solid transparent;border-radius:6px;font-size:16px;font-weight:600;line-height:1.4;white-space:normal}.primary{background:var(--accent);color:#102925}.secondary{background:#24303c;border-color:#4a5b6b;color:#eef3f7}.danger{background:#442b31;border-color:#85535b;color:#ffccd0}.full{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:#bbcbd8;padding:9px;border-radius:5px;min-width:40px;min-height:40px}.icon-btn:hover{background:#2a3846}.text-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;background:none;border:none;color:var(--accent);padding:8px 0;font-size:14px;font-weight:500;line-height:1.5}.eyebrow{font-size:14px;font-weight:500;letter-spacing:.4px;color:#9eafbd;display:flex;align-items:center;gap:8px}.eyebrow i,.status i,.workspace>i{width:7px;height:7px;background:var(--accent);border-radius:50%;display:inline-block;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px;font-size:16px;font-weight:600;line-height:1.3}.brand img{height:50px;width:50px;object-fit:cover;border-radius:6px;border:1px solid #3e5361}.brand span{display:block;font-size:14px;letter-spacing:0;color:#adbcc9;margin-top:5px;font-weight:400}.auth-page{min-height:100dvh;display:flex;flex-direction:column;background:#10171f;padding:28px 5vw 20px}.auth-top{display:flex;justify-content:space-between;align-items:center;gap:20px}.private-pill{display:flex;align-items:center;gap:8px;color:#afbdc9;font-size:14px}.auth-content{display:flex;justify-content:center;align-items:center;flex:1;padding:64px 0}.auth-card{width:460px;max-width:100%;border:1px solid #3a4856;border-radius:10px;background:#19232e;padding:34px}.auth-card h1{font-size:28px;margin-bottom:12px}.auth-card>p{font-size:16px;margin-bottom:28px}.input-icon{display:flex;align-items:center;gap:10px;background:#111a24;border:1px solid #465564;border-radius:6px;padding:0 10px}.input-icon:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #65d6c71a}.input-icon input{border:0;background:transparent;padding:12px 3px;box-shadow:none}.input-icon>.icon-btn{flex-shrink:0}.auth-card .primary{margin-top:6px}.help{margin-top:28px;padding-top:23px;border-top:1px solid var(--border);font-size:14px;color:#bac8d4;line-height:1.7}.auth-card>.text-btn{margin-top:20px}.signed-in{display:flex;gap:9px;align-items:center;font-size:14px;color:#a0e1c5;padding:12px;border:1px solid #3b6857;border-radius:6px;background:#1e332e}.auth-page>footer{display:flex;justify-content:space-between;gap:20px;color:#98aabb;font-size:14px}.app{display:flex;min-height:100dvh}.sidebar{width:270px;position:fixed;left:0;top:0;bottom:0;padding:25px 18px 0;background:#141d27;border-right:1px solid var(--border);display:flex;flex-direction:column;z-index:20;overflow-y:auto}.sidebar .brand{font-size:16px;gap:10px}.sidebar .brand img{width:43px;height:43px}.sidebar .brand span{font-size:14px}.workspace{display:flex;align-items:center;gap:10px;padding:14px 10px;border:1px solid #3a4b5a;border-radius:6px;background:#1b2835;font-size:16px;margin:28px 0}.workspace-icon{width:34px;height:34px;display:flex;align-items:center;justify-content:center;color:#b1d2dc;flex-shrink:0}.workspace div>span{display:block;font-size:14px;color:#aabcca;margin-top:3px}.workspace>i{margin-left:auto}.nav-label{font-size:14px;color:#9faebb;margin:0 10px 12px}.sidebar nav{display:flex;flex-direction:column;gap:7px}.sidebar nav button{background:transparent;border:1px solid transparent;color:#b9c6d1;padding:12px 11px;display:flex;align-items:center;gap:11px;text-align:left;font-size:16px;line-height:1.5;border-radius:6px}.sidebar nav button>svg{flex-shrink:0}.sidebar nav button.active{background:#233a3d;border-color:#3e6766;color:#a9eee2}.sidebar nav button>span{margin-left:auto;font-size:14px;border-radius:4px;padding:0 7px;background:#2b5150;color:#cff8ed}.profile{margin-top:auto;border:0;border-top:1px solid #3a4b59;background:transparent;color:#e2eaf0;padding:20px 0;display:flex;align-items:center;gap:10px;text-align:left;min-height:84px}.avatar{width:39px;height:39px;background:#29454a;color:#c1ece5;border:1px solid #46656c;border-radius:6px;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}.profile div{font-size:16px;flex:1;min-width:0;overflow-wrap:anywhere}.profile div span{display:block;font-size:14px;color:#adbdcb;margin-top:3px}.profile>svg{flex-shrink:0}.main{margin-left:270px;flex:1;min-width:0}.topbar{min-height:76px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 32px;background:#141d27}.topbar>div{display:flex;align-items:center;gap:13px;font-size:14px;color:#aabac8}.topbar strong{font-weight:500;color:#e2eaf0}.topbar .status{display:flex;align-items:center;gap:8px;font-size:14px;color:#c4d4df}.content{max-width:1680px;padding:36px 32px;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px}.page-heading h1{font-size:30px;margin:9px 0}.page-heading p{font-size:16px}.page-heading .eyebrow{font-size:14px}.page-heading>.primary{flex-shrink:0}.overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-bottom:32px}.overview>div{display:flex;align-items:center;gap:16px;background:var(--panel);border:1px solid var(--border);border-radius:7px;padding:20px}.stat-icon{width:40px;height:40px;border-radius:6px;background:#263a46;color:#a8d8da;display:flex;align-items:center;justify-content:center;flex-shrink:0}.overview small{font-size:14px;color:#c1cdd7}.overview strong{font-size:28px;font-weight:600;line-height:1.4;display:block;margin-top:6px}.overview strong span{font-size:14px;font-weight:400;color:#9db0c0;display:block}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:18px}.section-title h2{font-size:22px;display:flex;align-items:center;gap:10px}.section-title h2>span{font-size:14px;border:1px solid #405363;background:#263543;padding:2px 8px;border-radius:4px}.view-switch{display:flex;gap:3px;border:1px solid #405363;border-radius:6px;padding:3px;background:#182531}.view-switch button{min-width:38px;min-height:36px;display:flex;align-items:center;justify-content:center;padding:8px;border:0;border-radius:3px;background:transparent;color:#a1b7c7}.view-switch button.selected{background:#344b5b;color:#eef4f7}.filters{display:flex;gap:12px;margin-bottom:22px}.filters>select{width:185px;flex-shrink:0;font-size:16px}.search{display:flex;align-items:center;gap:10px;border:1px solid #465564;border-radius:6px;background:#111a24;padding:0 12px;flex:1;min-width:180px;color:#b1c6d5}.search:focus-within{border-color:var(--accent)}.search>input{border:0;background:transparent;padding:12px 0;box-shadow:none}.search>svg{flex-shrink:0}.search>kbd{font-size:14px;white-space:nowrap;border:1px solid #435a6c;border-radius:3px;padding:1px 5px;color:#acbfce}.demo-note{display:flex;align-items:center;justify-content:space-between;gap:15px;border:1px solid #486171;background:#1d2e3c;color:#c3d3de;padding:14px 16px;border-radius:6px;margin-bottom:22px;font-size:14px}.demo-note button{border:0;background:none;color:#9ce8dc;display:flex;align-items:center;gap:8px;font-size:14px;flex-shrink:0;padding:5px}.vehicle-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.vehicle-card{border:1px solid #3c4c5b;border-radius:8px;background:#18232f;overflow:hidden}.vehicle-card:hover{border-color:#75969f}.vehicle-visual{position:relative;aspect-ratio:1.8;background:#223441;cursor:pointer;overflow:hidden}.vehicle-visual>img{height:100%;width:100%;object-fit:cover}.vehicle-art{width:100%;height:100%}.vehicle-visual .vehicle-art{padding-top:28px;padding-bottom:18px}.faction-tag{position:absolute;top:12px;left:12px;z-index:1;display:flex;align-items:center;gap:7px;border:1px solid #607786;border-radius:4px;background:#0e1c29;padding:4px 9px;font-size:14px}.faction-tag>i{width:5px;height:5px;border-radius:50%}.favorite{position:absolute;top:10px;right:10px;z-index:1;border:1px solid #526a7c;border-radius:5px;background:#142331;color:#c6d5df;padding:9px;min-width:38px;min-height:38px;display:flex;align-items:center;justify-content:center}.favorite.is-fav{color:#f7d184}.visual-label{position:absolute;bottom:9px;left:12px;right:12px;font-size:14px;color:#c0d1dd;line-height:1.3;background:#172a37dd;width:fit-content;padding:3px 6px;border-radius:3px}.vehicle-body{padding:18px}.vehicle-title{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:16px}.vehicle-title h3{font-size:18px;line-height:1.4;font-weight:600;cursor:pointer;overflow-wrap:anywhere}.vehicle-title>span{font-size:14px;color:#c4d4de;border:1px solid #496072;border-radius:4px;padding:2px 7px;flex-shrink:0}.spawn{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;background:#101c28;color:#ace7da;border:1px solid #42636c;border-radius:5px;font:400 16px/1.5 'NRB Sans',sans-serif;text-align:left;overflow-wrap:anywhere}.spawn-prefix{color:#acbdcb;margin-right:5px}.spawn>svg{flex-shrink:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;color:#a9bece;margin-top:13px}.card-bottom .text-btn{font-size:14px}.results-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;color:#a4b7c6;margin-top:24px}.results-footer>span:last-child{display:flex;align-items:center;gap:7px}.app-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:14px;color:#a3b5c3;padding-top:22px;margin-top:38px;border-top:1px solid var(--border)}.app-footer b{font-weight:400;margin-left:4px}.empty{text-align:center;padding:55px 20px;border:1px dashed #546c7e;border-radius:7px;color:#bad6df;background:#172430}.empty>svg{margin:0 auto 18px}.empty h3{font-size:22px;color:#e5edf4}.empty p{font-size:16px;margin:12px 0 22px}.notice{display:flex;align-items:center;gap:14px;padding:18px;border:1px solid #466367;border-radius:6px;background:#203335;color:#b0e2d8;margin:12px 0 25px}.notice>svg{flex-shrink:0}.notice strong{font-size:16px;font-weight:600}.notice p{font-size:16px;color:#c0d2d6;margin-top:5px}.notice.small{padding:14px;margin:6px 0;font-size:14px}.notice.small p{font-size:14px;margin:0}.table-wrap{border:1px solid var(--border);border-radius:7px;overflow:auto;background:var(--panel)}table{border-collapse:collapse;width:100%;white-space:nowrap}th{padding:17px 20px;background:#21303d;font-size:14px;font-weight:600;text-align:left;color:#c1d2df}td{padding:18px 20px;border-top:1px solid var(--border);font-size:16px}td select{font-size:16px;padding:9px 10px;min-width:170px}.user-cell{display:flex;align-items:center;gap:12px}.user-cell strong{font-size:16px;font-weight:500}.user-cell small{display:block;font-size:14px;margin-top:3px}.role-badge,.badge{display:inline-block;font-size:14px;padding:4px 9px;border:1px solid #477269;border-radius:4px;background:#253e39;color:#c3ecdf}.badge.pending{border-color:#8d774c;background:#3e3524;color:#f4d69b}.badge.inactive{border-color:#75576b;background:#352d38;color:#e2c9da}.row-actions{display:flex;align-items:center;gap:14px}.row-actions .text-btn{font-size:14px}.activity-list{border:1px solid var(--border);border-radius:7px;padding:0 22px;background:var(--panel)}.activity-list>div{display:flex;align-items:center;gap:16px;padding:22px 0;border-bottom:1px solid var(--border)}.activity-list>div:last-child{border:0}.activity-icon{display:flex;align-items:center;justify-content:center;background:#2b414c;color:#b9d7df;padding:11px;border-radius:6px;flex-shrink:0}.activity-list strong{font-size:16px;font-weight:500}.activity-list p{font-size:14px;margin-top:5px}.activity-list time{font-size:14px;color:#aec1d0;margin-left:auto}.modal-backdrop{position:fixed;inset:0;background:#030912c9;display:flex;align-items:center;justify-content:center;z-index:50;padding:22px}.modal{width:530px;max-width:100%;max-height:92dvh;overflow-y:auto;background:#1a2733;border:1px solid #526676;border-radius:9px;padding:32px;position:relative;box-shadow:0 20px 70px #0006}.modal>.close{position:absolute;top:12px;right:12px;z-index:3}.modal-symbol{display:flex;align-items:center;justify-content:center;width:43px;height:43px;background:#29474b;border:1px solid #4e7578;border-radius:6px;color:#b3ece2;margin-bottom:20px}.modal h2{font-size:26px;line-height:1.35;font-weight:600;margin-bottom:12px;padding-right:18px}.modal>p{font-size:16px;margin-bottom:26px}.form-row{display:flex;gap:14px;margin:5px 0}.form-row>*{flex:1;min-width:0}.form-row label+label{margin:0}textarea{height:100px;resize:vertical}.upload{position:relative;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:21px;border:1px dashed #718c9f;border-radius:6px;background:#152531;color:#bddbdc;text-align:center}.upload strong{font-size:16px;font-weight:500}.upload small{font-size:14px}.upload input{position:absolute;inset:0;opacity:0;cursor:pointer}.upload-preview{height:145px;width:100%;object-fit:contain;border-radius:6px}.detail-art{margin:-32px -32px 24px;background:#233e4d;height:260px}.detail-art>img{width:100%;height:100%;object-fit:contain}.detail-modal h2{margin-top:18px}.detail-modal>label{margin-bottom:22px}.detail-modal label>.spawn{margin-top:9px}.secret-value{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:9px 0 24px;padding:15px;border:1px solid #527a7e;border-radius:6px;background:#14252d;color:#b0eddf;font:400 16px/1.5 'NRB Sans',sans-serif;overflow-wrap:anywhere}.secret-value>.icon-btn{flex-shrink:0}.modal .logout{margin-top:23px}.error{padding:13px;border:1px solid #8f5b62;border-radius:6px;background:#412b32;font-size:16px;line-height:1.6;color:#ffd4d9}.toast,.floating-error{position:fixed;bottom:24px;left:calc(50% + 135px);transform:translateX(-50%);z-index:100;max-width:calc(100vw - 35px);width:max-content;display:flex;align-items:center;gap:12px;padding:15px 20px;border:1px solid #689b85;border-radius:6px;background:#294a3c;color:#d1f7e4;font-size:16px;box-shadow:0 8px 30px #0005}.toast>svg,.floating-error>svg{flex-shrink:0}.floating-error{background:#4b2d37;color:#ffdae1;border-color:#a16270;cursor:pointer}.mobile-menu{display:none}.list-view{grid-template-columns:1fr}.list-view .vehicle-card{display:flex}.list-view .vehicle-visual{width:250px;aspect-ratio:auto;min-height:200px;flex-shrink:0}.list-view .vehicle-body{flex:1}.list-view .spawn{max-width:600px}
@media(min-width:1550px){.vehicle-grid:not(.list-view){grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:1200px){.page-heading{align-items:flex-start;flex-wrap:wrap}.filters{flex-wrap:wrap}.search{flex-basis:100%}.filters>select{flex:1}.overview{grid-template-columns:1fr}.overview>div{padding:14px 18px}.overview strong{display:flex;align-items:baseline;gap:14px}.overview strong span{display:inline}.sidebar{width:260px}.main{margin-left:260px}.content{padding:30px 25px}.topbar{padding-left:25px;padding-right:25px}.vehicle-title{flex-wrap:wrap}.card-bottom{flex-wrap:wrap}}
@media(max-width:950px){.vehicle-grid{grid-template-columns:1fr}.list-view .vehicle-visual{width:190px}.content{padding:28px 22px}.topbar{padding:14px 22px}.topbar>div:first-child>span,.topbar>div:first-child>svg{display:none}.search>kbd{display:none}.page-heading h1{font-size:28px}.overview strong span{font-size:14px}.app-footer{align-items:flex-start;flex-direction:column;gap:6px}.demo-note{align-items:flex-start;flex-direction:column}.modal h2{font-size:24px}}
@media(max-width:720px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:270px;box-shadow:none}.sidebar.mobile-open{transform:translateX(0);box-shadow:25px 0 60px #0007}.main{margin-left:0}.mobile-menu{display:flex}.topbar{padding:12px 15px;min-height:66px}.topbar>div{gap:8px}.topbar .status{display:none}.content{padding:25px 18px}.page-heading{gap:18px;margin-bottom:24px}.page-heading h1{font-size:28px}.page-heading .eyebrow{font-size:14px}.page-heading p{font-size:16px}.overview{gap:10px;margin-bottom:28px}.overview strong span{display:none}.overview strong{margin-top:2px;font-size:26px}.overview>div{padding:13px 16px}.section-title h2{font-size:21px}.filters{gap:10px}.filters>select{width:100%;flex-basis:100%}.vehicle-grid{gap:20px}.vehicle-visual{aspect-ratio:1.7}.vehicle-title{flex-wrap:nowrap}.vehicle-title h3{font-size:18px}.vehicle-body{padding:16px}.card-bottom{font-size:14px}.visual-label{font-size:14px}.results-footer{align-items:flex-start;flex-direction:column;gap:8px}.notice{align-items:flex-start}.notice p{font-size:16px}.table-wrap{margin-right:0}.activity-list{padding:0 16px}.activity-list>div{flex-wrap:wrap;gap:12px}.activity-list time{width:100%;margin-left:55px}.modal{padding:26px;max-height:90dvh}.modal h2{font-size:24px}.modal-backdrop{padding:15px}.detail-art{margin:-26px -26px 24px;height:230px}.form-row{flex-wrap:wrap}.form-row>label{flex-basis:100%}.list-view .vehicle-card{display:block}.list-view .vehicle-visual{width:100%;height:auto;aspect-ratio:2;min-height:0}.auth-page{padding:22px 20px 18px}.auth-top{align-items:flex-start}.auth-top .brand{font-size:16px}.auth-top .brand span{font-size:14px}.auth-top .brand img{height:45px;width:45px}.private-pill{display:none}.auth-content{padding:45px 0}.auth-card{padding:26px 23px}.auth-card h1{font-size:27px}.auth-page>footer{font-size:14px;flex-direction:column;gap:4px}.toast,.floating-error{left:50%;font-size:16px;bottom:18px;padding:14px 16px}.app-footer{font-size:14px}.search{padding:0 10px}.search input{font-size:16px}}
/* NRB: restrained blue accents and quiet transitions. */
body{background:#0b111a}button{transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}button:active:not(:disabled){transform:translateY(1px)}input,select,textarea{background:#0c1520;border-color:#34475e;border-radius:8px;transition:border-color .18s,box-shadow .18s}input:focus,select:focus,textarea:focus{border-color:#4fb8fa;box-shadow:0 0 0 3px #43b4ff0e}h1,h2,h3{font-weight:550;letter-spacing:-.025em}.primary{background:#12334e;color:#d1edff;border:1px solid #3488bb;box-shadow:inset 0 0 12px #36aaf508,0 0 13px #3badff0b;border-radius:8px;font-weight:550}.primary:hover:not(:disabled){background:#163e5d;border-color:#5dbcf3;box-shadow:0 0 19px #35a8f51a}.secondary{background:#182638;border-color:#344c66;border-radius:8px}.text-btn{color:#89ceff}.icon-btn:hover{background:#203047;color:#d7edff}.sidebar{width:282px;padding:32px 18px 0;background:#0e1722;border-right:1px solid #233247}.brand{gap:12px;font-weight:550}.sidebar .brand{font-size:17px;padding:0 4px;gap:12px}.brand>div>span,.sidebar .brand span:not(.logo-mark){font-size:14px;color:#91a6bb;font-weight:400;letter-spacing:0;margin-top:4px}.logo-mark{width:69px;height:33px;position:relative;display:block;overflow:hidden;flex-shrink:0}.logo-mark img{width:132%;height:auto;max-width:none;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:0!important;border-radius:0!important}.sidebar .brand .logo-mark img{width:132%;height:auto}.sidebar nav{margin-top:43px;gap:8px}.sidebar nav button{border-radius:8px;color:#9fb0c3;font-size:16px;padding:12px 13px}.sidebar nav button.active{background:#132c42;border-color:#2a526f;color:#a4dcff;box-shadow:inset 3px 0 #43b9ff}.sidebar nav button:hover:not(.active){background:#182638;color:#d5e5f3}.sidebar nav button:nth-child(3){margin-top:25px}.profile{border-color:#26384d;gap:12px;margin-top:auto;min-height:96px}.profile div{font-size:15px;font-weight:450}.profile div span{font-size:14px;color:#95a8bb}.profile-logo{position:relative;width:44px;height:44px;border-radius:50%;overflow:hidden;background:#152332;border:1px solid #34526c}.profile-logo img{position:absolute;width:124%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.main{margin-left:282px}.topbar{display:none}.content{padding:43px 40px;max-width:1510px;animation:page-in .25s ease both}.page-heading{margin-bottom:28px;min-height:48px}.page-heading h1{font-size:32px;margin:0;font-weight:550}.section-title{margin-bottom:16px}.result-count{color:#98adc0;font-size:14px}.filters{margin-bottom:24px}.search{background:#0e1824;border-color:#34475e;border-radius:8px}.filters>select{background:#101b29;border-radius:8px}.vehicle-card{background:#101c2a;border-color:#2b3e53;border-radius:11px;transition:transform .18s,border-color .18s,box-shadow .18s;animation:page-in .25s ease both}.vehicle-card:hover{border-color:#426d8f;transform:translateY(-2px);box-shadow:0 8px 22px #0002}.vehicle-visual{background:#142637}.vehicle-title h3{font-size:18px;font-weight:550}.vehicle-title>span{color:#a8c1d5;background:#16283a;border-color:#304c65;font-size:14px}.spawn{background:#0b1723;border-color:#2d506c;color:#a8dfff;border-radius:7px}.spawn-prefix{color:#809cb4}.faction-tag{border-color:#385b75;background:#0b1b2b}.favorite{border-color:#385770;background:#0e1f31}.visual-label{background:#0b1b2bc9;color:#b7ccdd;padding:3px 7px}.card-bottom{margin-top:8px}.empty{background:#101c2a;border-color:#314c64;padding:48px 20px}.demo-note{background:#101e2d;border-color:#2b4862;color:#a3bad0}.demo-note button{color:#9bd7ff}.modal-backdrop{background:#02070dba;backdrop-filter:blur(5px);animation:overlay-in .18s ease both}.modal{background:#142131;border-color:#36526c;border-radius:14px;box-shadow:0 30px 100px #0006;animation:dialog-in .22s cubic-bezier(.2,.8,.2,1) both}.modal-backdrop.is-closing{pointer-events:none;animation:overlay-out .16s ease both}.modal-backdrop.is-closing .modal{animation:dialog-out .16s ease both}.modal-symbol{background:#17374b;border-color:#316282;color:#9fddff}.notice{background:#172b3c;border-color:#345671;color:#acdfff}.notice p{color:#bdd1e0}.role-badge{background:#16334a;border-color:#346385;color:#acdfff}.badge{font-size:14px}.table-wrap{background:#111d2b;border-color:#293f55}th{background:#16283b;color:#a8bed2;font-weight:500}td{border-color:#283b50}.tabs{display:flex;gap:4px;padding:5px;background:#101d2b;border:1px solid #2c435a;border-radius:9px;width:fit-content;margin-bottom:22px}.tabs button{background:transparent;border:0;color:#9db3c7;border-radius:6px;font-size:16px;padding:9px 16px;min-height:43px}.tabs button.active{color:#ccecff;background:#1c3b54}.group-list{border:1px solid #2c4158;border-radius:10px;overflow:hidden;background:#111d2b}.group-row{display:flex;align-items:center;gap:15px;padding:16px 20px;border-bottom:1px solid #263b51}.group-row:last-child{border-bottom:0}.group-row>svg{color:#7ca8ca;flex-shrink:0}.group-row>strong{font-size:16px;font-weight:450;flex:1;overflow-wrap:anywhere}.group-row>span{color:#93abc1;font-size:14px;margin-right:15px}.group-row .delete{color:#dc9eae}.group-row .icon-btn:disabled{cursor:not-allowed;opacity:.3}.backup-card{display:flex;gap:25px;max-width:850px;padding:30px;background:#111f2e;border:1px solid #2e465f;border-radius:12px}.backup-symbol{width:58px;height:58px;background:#15364e;color:#8bd2ff;border:1px solid #2c5a7e;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.backup-card h2{font-size:23px;margin:3px 0 14px}.backup-card p{font-size:16px}.backup-card ul{padding-left:20px;margin:18px 0;color:#b3c8da;line-height:1.9;font-size:15px}.backup-card .backup-hint{font-size:14px;color:#92abc0;margin-bottom:24px;max-width:600px}.backup-card .backup-last{font-size:14px;color:#9bccf0;margin-top:18px}.input-icon{background:#0c1520;border-color:#34475e;border-radius:8px}.input-icon:focus-within{border-color:#4fb8fa;box-shadow:0 0 0 3px #43b4ff0e}.upload{background:#102132;border-color:#426f90;color:#bbd9ed}.toast{background:#143448;color:#c9ecff;border-color:#3c769b;animation:toast-in .2s ease both}.auth-page{min-height:100dvh;padding:40px;display:grid;place-items:center;background:radial-gradient(ellipse at 20% 30%,#0d2b4433,transparent 55%),#080f18}.auth-shell{display:grid;grid-template-columns:1fr 1fr;width:1040px;max-width:100%;min-height:620px;background:#101d2b;border:1px solid #294056;border-radius:18px;overflow:hidden;box-shadow:0 28px 90px #0004;animation:dialog-in .35s ease both}.auth-brand-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:50px 35px;background:radial-gradient(ellipse at 45% 45%,#13456644,transparent 70%),#0b1826;border-right:1px solid #263d51;overflow:hidden}.auth-brand-panel:before,.auth-brand-panel:after{content:'';position:absolute;width:440px;height:440px;border:1px solid #2d679726;border-radius:50%;pointer-events:none}.auth-brand-panel:after{width:570px;height:570px;border-color:#2d679718}.auth-brand-content{position:relative;z-index:1;text-align:center;animation:page-in .5s ease both}.auth-logo{position:relative;width:320px;max-width:100%;height:130px;overflow:hidden;margin:0 auto 28px;filter:drop-shadow(0 0 22px #00bbff17)}.auth-logo img{position:absolute;width:132%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.auth-brand-content h2{font-size:30px;font-weight:500;margin-bottom:8px}.auth-brand-content p{font-size:16px;color:#8faec7}.auth-caption{position:absolute;bottom:31px;left:0;right:0;text-align:center;font-size:14px;color:#7f9cb5}.auth-card{border:0;background:transparent;border-radius:0;box-shadow:none;width:100%;padding:64px 50px;align-self:center;animation:page-in .25s ease both}.auth-card h1{font-size:30px;font-weight:550;margin-bottom:32px}.auth-card>p:not(.login-help){font-size:16px;color:#adc4d7;margin-top:-14px;margin-bottom:25px}.auth-card form{gap:23px}.auth-card label{font-size:15px;color:#c0d4e5}.auth-card input{font-size:16px;min-height:49px}.auth-card .input-icon input{min-height:47px}.auth-card .primary{min-height:49px;justify-content:center;margin-top:6px}.auth-card .login-help{font-size:14px;color:#86a3bb;margin-top:24px;line-height:1.7}.auth-mobile-logo{display:none}.secret-value{background:#102334;color:#b9e5ff;border-color:#3c6d90}.error{border-color:#805363;background:#372330;color:#ffd1df}.modal form .notice.small{font-size:14px}.mobile-open{transition:transform .2s ease}.profile:hover{background:#172839}.auth-card .text-btn{margin-top:24px}
@keyframes page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes overlay-in{from{opacity:0}to{opacity:1}}@keyframes overlay-out{from{opacity:1}to{opacity:0}}@keyframes dialog-in{from{opacity:0;transform:translateY(9px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes dialog-out{from{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(5px) scale(.99)}}@keyframes toast-in{from{opacity:0;translate:0 6px}to{opacity:1;translate:0 0}}
@media(max-width:1200px){.sidebar{width:265px;padding-left:15px;padding-right:15px}.sidebar .brand{font-size:16px;gap:8px}.sidebar .brand .logo-mark{width:63px}.main{margin-left:265px}.content{padding:34px 28px}.auth-shell{width:940px}.auth-card{padding:48px 35px}.auth-logo{width:290px}.auth-brand-content h2{font-size:28px}.page-heading{flex-wrap:wrap}}
@media(max-width:950px){.content{padding:32px 23px}.page-heading h1{font-size:29px}.backup-card{flex-direction:column;padding:24px}.group-row{padding:14px;gap:10px}.group-row>span{margin-right:0}.auth-page{padding:25px}.auth-shell{min-height:560px}.auth-card{padding:42px 28px}.auth-brand-panel{padding:35px 20px}.auth-logo{width:245px;height:110px}.auth-brand-content h2{font-size:26px}.auth-brand-content p{font-size:15px}.page-heading>.primary{font-size:15px}}
@media(max-width:720px){.sidebar{width:282px;padding:28px 18px 0}.main{margin-left:0}.topbar{display:flex;justify-content:space-between;min-height:64px;padding:11px 15px;background:#0e1925;border-bottom:1px solid #25394c}.content{padding:26px 19px}.page-heading{gap:17px;align-items:center}.page-heading h1{font-size:29px}.page-heading>.primary{min-height:43px;padding:10px 13px}.sidebar .brand{font-size:17px;gap:12px}.sidebar .brand .logo-mark{width:69px}.group-row{gap:9px;flex-wrap:wrap;padding:13px}.group-row>strong{font-size:16px;flex-basis:calc(100% - 38px)}.group-row>span{margin-left:30px;margin-right:auto}.group-row>.icon-btn{min-width:38px;min-height:38px;padding:8px}.tabs{width:100%}.tabs button{flex:1;padding:9px;font-size:16px}.backup-card{padding:24px 21px;gap:19px}.backup-card h2{font-size:23px}.auth-page{padding:24px 18px}.auth-shell{display:block;min-height:0;max-width:470px;border-radius:14px;background:#101e2d}.auth-brand-panel{display:none}.auth-card{padding:31px 26px 35px}.auth-mobile-logo{display:block;margin-bottom:36px}.auth-mobile-logo .brand{align-items:center;justify-content:center;gap:12px;font-size:18px}.auth-mobile-logo .logo-mark{width:76px;height:39px}.auth-card h1{font-size:28px;margin-bottom:25px}.auth-card form{gap:21px}.auth-card .login-help{font-size:14px}.modal{padding:27px 24px;border-radius:12px}.modal h2{font-size:24px}.toast,.floating-error{left:50%}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}.vehicle-card:hover,button:active:not(:disabled){transform:none}}
/* Account controls, gallery and login greeting. */
.sidebar nav button.active{box-shadow:none;border-color:#2a526f}.profile{cursor:default;background:transparent!important;border-radius:0;box-shadow:none!important;text-align:left}.profile:hover{background:transparent!important}.profile>.profile-menu-button{flex-shrink:0;border:1px solid transparent;border-radius:8px}.profile>.profile-menu-button:hover{background:#1d3248;border-color:#34516d}.profile .profile-menu-button:active{transform:none}.account-logout{margin-top:23px;min-height:54px;font-size:17px;font-weight:550;border-color:#456582;justify-content:center;gap:12px}.account-logout svg{width:21px;height:21px}
.input-icon input,.input-icon input:focus,.input-icon input:focus-visible{border:0!important;outline:0!important;box-shadow:none!important;background:transparent!important;border-radius:0!important}.input-icon input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #0c1520 inset!important;-webkit-text-fill-color:#e3edf5;caret-color:#e3edf5}
.modal{scrollbar-width:none;-ms-overflow-style:none;overscroll-behavior:contain}.modal::-webkit-scrollbar{display:none;width:0;height:0}.modal-backdrop.is-closing{pointer-events:auto}.vehicle-modal{width:760px;padding:30px;max-height:92dvh}.vehicle-modal>h2{margin-bottom:26px}.vehicle-editor{gap:18px}.editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.editor-fields label+label{margin-top:0}.editor-fields small{display:block;margin-top:7px;font-size:14px}.editor-image-label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;color:#c5d9e9}.editor-image-label>span{display:flex;align-items:center;gap:9px}.editor-image-label>span:last-child:not(:first-child){font-size:14px;color:#91bcd9}.editor-image-label small{font-size:14px;color:#8cabca}.editor-images{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.editor-thumb{position:relative;aspect-ratio:1.15;background:#0c1c2c;border:1px solid #31516d;border-radius:8px;overflow:hidden}.editor-thumb>img{width:100%;height:100%;object-fit:cover}.remove-image{position:absolute;right:4px;top:4px;width:26px;height:26px;display:flex;align-items:center;justify-content:center;border-radius:5px;border:1px solid #45647b;background:#0a1726e8;color:#e1ecf4;padding:0}.cover-image{position:absolute;bottom:0;left:0;right:0;min-height:27px;border:0;background:#0a1929ce;color:#c9dfef;display:flex;align-items:center;justify-content:center;gap:5px;font-size:14px;padding:4px}.cover-image.is-cover{color:#c3e6ff;background:#103451e8}.compact-upload{padding:17px;gap:6px}.compact-upload>span{font-size:16px}.compact-upload>small{font-size:14px}.upload-disabled{opacity:.65;cursor:wait}.vehicle-editor textarea{height:78px;min-height:78px;resize:vertical}.editor-save{margin-top:0}.spin{animation:spin .9s linear infinite}.spawn-list{display:flex;flex-direction:column;gap:7px}.spawn-list .spawn{font-size:15px;padding:10px 12px;min-height:42px}.spawn-list .more-spawns{font-size:14px;justify-content:flex-start}.detail-spawns{margin-top:11px}.image-count{position:absolute;bottom:10px;right:10px;background:#0c1b2cdb;border:1px solid #3a5b73;border-radius:5px;color:#cce2f3;padding:3px 7px;font-size:14px}.vehicle-gallery{margin-bottom:22px}.gallery-stage{position:relative;height:270px;background:#0b1724;border:1px solid #2a455f;border-radius:9px;overflow:hidden}.gallery-stage>img{width:100%;height:100%;object-fit:contain;animation:gallery-in .18s ease}.gallery-prev,.gallery-next{position:absolute;top:50%;translate:0 -50%;width:40px;height:44px;border:1px solid #3d607a;border-radius:7px;display:flex;align-items:center;justify-content:center;background:#0b1d30dd;color:#dceefa;padding:0}.gallery-prev{left:9px}.gallery-next{right:9px}.gallery-position{position:absolute;bottom:9px;right:10px;padding:3px 9px;border:1px solid #345671;border-radius:5px;background:#0b1d30dd;font-size:14px;color:#c4dfef}.gallery-thumbnails{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:10px}.gallery-thumbnails>button{height:54px;border:1px solid #35506a;padding:2px;border-radius:5px;overflow:hidden;background:#0d1e30}.gallery-thumbnails>button.selected{border-color:#67b4e8;box-shadow:0 0 0 1px #67b4e833}.gallery-thumbnails img{height:100%;width:100%;object-fit:cover;border-radius:2px}.welcome-overlay{position:fixed;inset:0;z-index:10000;display:grid;place-items:center;overflow:hidden;background:#07111d;isolation:isolate;outline:none;touch-action:none;pointer-events:auto;animation:welcome-arrive .3s ease both}.welcome-overlay:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,#13477555,transparent 65%);z-index:-1}.welcome-grid{position:absolute;inset:-20%;background-image:linear-gradient(#4b99cd08 1px,transparent 1px),linear-gradient(90deg,#4b99cd08 1px,transparent 1px);background-size:65px 65px;mask-image:radial-gradient(ellipse at center,#0007,transparent 65%);transform:perspective(700px) rotateX(20deg);animation:welcome-grid-drift 4s ease-out both;z-index:-1}.welcome-orbit{position:absolute;width:min(70vw,700px);aspect-ratio:1;border:1px solid #2c78ac29;border-radius:50%;pointer-events:none;z-index:-1}.orbit-one{animation:welcome-ring 3s ease-out both}.orbit-two{width:min(85vw,920px);border-color:#2c78ac15;animation:welcome-ring 3.3s ease-out both}.welcome-content{padding:25px;text-align:center;width:100%;max-width:1100px}.welcome-logo{position:relative;width:160px;height:65px;margin:0 auto 33px;overflow:hidden;animation:welcome-text .5s ease .05s both}.welcome-logo img{position:absolute;width:132%;height:auto;max-width:none;left:50%;top:50%;transform:translate(-50%,-50%)}.welcome-content>p{font-size:clamp(24px,3vw,36px);color:#9ec3df;font-weight:400;animation:welcome-text .55s ease .15s both;line-height:1.4}.welcome-content>h1{font-size:clamp(32px,5.7vw,76px);font-weight:500;letter-spacing:-.045em;line-height:1.2;color:#edf8ff;overflow-wrap:anywhere;margin-top:11px;animation:welcome-text .65s ease .25s both}.welcome-rule{height:2px;background:#183c57;max-width:180px;margin:36px auto 0;overflow:hidden;border-radius:4px;animation:welcome-text .5s ease .4s both}.welcome-rule>span{display:block;height:100%;width:100%;background:#78c5fa;box-shadow:0 0 15px #58b8fa55;transform-origin:left;animation:welcome-progress 2.25s ease-out .1s both}.welcome-overlay.welcome-leaving{animation:welcome-depart .65s cubic-bezier(.65,0,.25,1) forwards}.welcome-leaving .welcome-content{animation:welcome-content-out .5s ease forwards}.welcome-leaving .welcome-orbit{transition:opacity .4s;opacity:0}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes gallery-in{from{opacity:.5}to{opacity:1}}@keyframes welcome-arrive{from{opacity:0}to{opacity:1}}@keyframes welcome-text{from{opacity:0;transform:translateY(12px);filter:blur(4px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes welcome-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes welcome-ring{from{transform:scale(.85);opacity:0}to{transform:scale(1.1);opacity:1}}@keyframes welcome-grid-drift{from{translate:0 20px}to{translate:0 -10px}}@keyframes welcome-depart{from{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 100% 0);opacity:.8}}@keyframes welcome-content-out{to{opacity:0;transform:translateY(-25px);filter:blur(5px)}}
@media(max-width:720px){.vehicle-modal{padding:26px 21px}.editor-fields{grid-template-columns:1fr;gap:17px}.editor-images{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.editor-image-label{align-items:flex-start;flex-direction:column;gap:4px}.gallery-stage{height:220px}.gallery-thumbnails{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px}.gallery-thumbnails>button{height:46px}.welcome-logo{width:145px;height:60px;margin-bottom:28px}.welcome-content{padding:24px}.welcome-content>h1{letter-spacing:-.03em}.cover-image{font-size:14px}.profile{min-height:94px}.topbar{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.welcome-overlay.welcome-leaving{animation:overlay-out .15s linear both!important}.welcome-content,.welcome-content>*,.welcome-logo,.welcome-orbit,.welcome-grid{animation:none!important;filter:none!important;transform:none!important}.welcome-rule>span{animation:none!important;transform:none}.welcome-leaving .welcome-content{opacity:1}.welcome-orbit{display:none}}
/* Password feedback, session clock and backup restore. */
.password-rules{display:flex;flex-wrap:wrap;gap:8px 19px;font-size:14px;line-height:1.5;margin-top:-5px;color:#94aabd}.password-rules>span{display:flex;align-items:center;gap:7px;transition:color .18s}.rule-check{width:18px;height:18px;display:grid;place-items:center;border:1px solid #40556a;border-radius:50%;transition:background .18s,border-color .18s,box-shadow .18s}.password-rules .valid{color:#82e6ad}.valid .rule-check{background:#173c31;border-color:#5ddf99;box-shadow:0 0 9px #4fd79125}.valid .rule-check svg{animation:rule-in .2s ease both}.session-panel{margin-top:auto;flex-shrink:0}.session-panel .profile{margin-top:0}.session-timer{display:flex;align-items:center;gap:7px;margin:0 2px 4px;padding:10px 8px 3px;color:#91acc2;font-size:13px;font-variant-numeric:tabular-nums}.session-timer>strong{margin-left:auto;font-size:14px;font-weight:500;color:#bcd7ea}.session-timer.ending,.session-timer.ending>strong{color:#edc17d}.user-cell .profile-logo{flex-shrink:0}.row-actions{flex-wrap:wrap}.row-actions .delete{color:#ee9fa8}.backup-sections{display:grid;gap:24px}.backup-card .primary,.backup-card .secondary{margin-top:20px}.import-content{min-width:0;flex:1}.import-preview{margin-top:22px;padding:21px;border:1px solid #355571;background:#0e1e2e;border-radius:9px}.import-filename{display:flex;align-items:center;justify-content:space-between;gap:12px;overflow-wrap:anywhere}.import-filename>strong{font-size:16px;font-weight:500}.import-preview>p{font-size:14px;margin-top:7px}.import-counts{display:flex;flex-wrap:wrap;gap:8px;margin:17px 0}.import-counts>span{background:#18334a;color:#c3e0f4;padding:5px 10px;border-radius:5px;font-size:14px}.import-preview .import-warning{color:#e2c999;line-height:1.7;margin:17px 0}.import-preview label{font-size:14px}.import-preview input{max-width:360px;letter-spacing:.05em}.import-progress,.import-success{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:15px}.import-progress{color:#b4d8f3}.import-success{color:#8ee4b0}.import-card .error{margin-top:18px}.import-card .backup-hint{margin-top:20px}.import-card input[hidden]{display:none}.vehicle-visual img:not([src]){visibility:hidden}.import-filename .icon-btn{flex-shrink:0}@keyframes rule-in{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}
@media(max-width:720px){.password-rules{flex-direction:column;gap:7px}.import-preview{padding:16px}.session-timer{font-size:13px}}