:root{color-scheme:dark;--bg:#0b1321;--sidebar:#0e1b2f;--card:#17263c;--card2:#1c2e48;--line:#30425a;--text:#edf3fa;--muted:#9eafc4;--red:#d94453;--blue:#2b65a8}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px/1.5 system-ui,-apple-system,Segoe UI,sans-serif}button,input,select{font:inherit}button{cursor:pointer}.layout{min-height:100vh;display:grid;grid-template-columns:255px minmax(0,1fr)}.sidebar{background:var(--sidebar);border-right:1px solid var(--line);display:flex;flex-direction:column;min-height:100vh;padding:24px 16px;position:sticky;top:0;height:100vh}.brand{display:flex;align-items:center;gap:13px;padding:0 9px 28px;border-bottom:1px solid var(--line)}.brand img{width:58px;height:58px;object-fit:contain;border-radius:8px}.brand strong{display:block;font-size:24px;letter-spacing:2px}.brand span{font-size:10px;color:#b6c7da;letter-spacing:1.2px}.side-label,.eyebrow{font-size:10px;letter-spacing:1.7px;color:#90a6c3;font-weight:800}.side-label{padding:30px 13px 13px}nav{display:grid;gap:7px}nav button{background:none;border:0;color:#b4c3d8;text-align:left;padding:14px 16px;border-radius:8px;font-weight:650}nav button.active,nav button:hover{background:#253955;color:white;border-left:3px solid var(--red)}.sidebar-foot{margin-top:auto;border-top:1px solid var(--line);padding:22px 12px;color:#c3d1e2}.sidebar-foot small{color:var(--muted);padding-left:14px}.dot{display:inline-block;background:#45c68e;border-radius:50%;width:8px;height:8px;margin-right:6px}.main{min-width:0}.topbar{display:flex;justify-content:space-between;align-items:center;gap:15px;padding:22px 36px;background:#121f32;border-bottom:2px solid #c6394c}.topbar h1{margin:4px 0 0;font-size:23px}.user{display:flex;gap:20px;align-items:center;color:#bdcee3}.user a{color:#f18a93;text-decoration:none}.content{max-width:1500px;margin:auto;padding:30px 36px}.hero{background:linear-gradient(115deg,#1b3151,#15253c 68%,#3d2434);border:1px solid #3b4c66;border-radius:13px;padding:28px 32px;display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.hero h2{font-size:25px;margin:7px 0}.hero p,.page-heading p{color:var(--muted);margin:0}.hero img{width:105px;height:105px;object-fit:contain}.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-bottom:20px}.stats article,.panel{background:var(--card);border:1px solid var(--line);border-radius:12px}.stats article{padding:20px}.stats small{font-size:10px;letter-spacing:1px;color:#aebdd1;font-weight:800}.stats b{display:block;font-size:34px;margin:6px 0}.stats span{color:var(--muted);font-size:12px}.twocol{display:grid;grid-template-columns:1fr 1fr;gap:18px}.panel{padding:22px;margin-bottom:18px}.panel-head,.page-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.panel-head{margin-bottom:16px}.panel-head h3,.page-heading h2{margin:0}.page-heading{margin-bottom:24px}.page-heading h2{font-size:25px}.linkbutton{background:transparent;border:0;color:#f09ca4;font-weight:700}.primary,.primary-link{background:var(--red);border:1px solid #ef7180;color:white;padding:11px 16px;border-radius:7px;font-weight:750;text-decoration:none;display:inline-block}.primary:hover,.primary-link:hover{background:#ef5363}.secondary,.mini{background:#304663;color:white;border:1px solid #45607e;padding:9px 12px;border-radius:6px}.mini{padding:6px 9px;margin-right:5px;font-size:12px}.danger{color:#ffb2b9}.toolbar{display:flex;gap:12px;margin-bottom:17px}.toolbar input{flex:1}.toolbar select{max-width:200px}input,select{background:#0c192a;border:1px solid #405672;border-radius:7px;color:white;padding:11px 12px;width:100%;min-width:0}input:focus,select:focus{outline:2px solid #5b8cbd}.fields{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.fields label{color:#d2ddeb;font-size:12px;font-weight:700}.fields input,.fields select{margin-top:6px}.form-actions{display:flex;align-items:center;gap:12px;margin-top:20px;flex-wrap:wrap}#message{color:#ffb2b9}.scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;white-space:nowrap}th{text-align:left;color:#aabbd0;font-size:10px;letter-spacing:1px}td,th{padding:14px 10px;border-bottom:1px solid var(--line)}td{color:#dce5f0}td strong{color:white}.code{font-family:ui-monospace,monospace;color:#a8c3e4;font-size:12px}.chip{background:#2b3e59;border-radius:5px;padding:4px 8px;color:#d8e5f6;font-size:11px}.item{display:flex;align-items:center;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.item:last-child{border:0}.item .info{flex:1;min-width:0}.item .info strong{display:block}.item .info small{color:var(--muted);overflow-wrap:anywhere}.avatar{width:42px;height:42px;flex:none;border-radius:50%;background:#30476b;display:grid;place-items:center;font-weight:800;color:#f5d6d9}.count{color:#f29ca5;font-size:12px;white-space:nowrap}.owner-card{border-bottom:1px solid var(--line);padding:15px 0}.owner-head{display:flex;align-items:center;gap:12px}.owner-head .info{flex:1;min-width:0}.owner-head strong{display:block}.owner-head small{color:var(--muted);overflow-wrap:anywhere}.owner-cars{margin:12px 0 0 54px;display:flex;gap:8px;flex-wrap:wrap}.owner-cars span{padding:7px 10px;background:#263a55;border:1px solid #39516f;border-radius:7px;font-size:12px}.audit-entry{padding:15px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.audit-entry:last-child{border:0}.audit-entry small{color:var(--muted)}.audit-entry strong{color:#f3b1b8}.empty{padding:28px 8px;color:var(--muted);text-align:center}.login{max-width:480px;margin:8vh auto;text-align:center;background:var(--card);padding:40px 30px;border:1px solid var(--line);border-radius:15px}.login img{width:120px;height:120px;object-fit:contain}.login p{color:var(--muted);margin-bottom:25px}#globalError{color:#ffabb5}#mobileNav{display:none;background:none;color:white;border:0;font-size:24px}@media(max-width:1100px){.stats{grid-template-columns:repeat(2,1fr)}.twocol{grid-template-columns:1fr}}@media(max-width:760px){.layout{display:block}.sidebar{position:relative;height:auto;min-height:0;padding:12px}.brand{padding:0 5px 12px}.side-label,.sidebar-foot{display:none}nav{display:none;margin-top:12px}nav.open{display:grid}.topbar{padding:16px}#mobileNav{display:block}.content{padding:18px}.hero{padding:20px}.hero img{width:65px;height:65px}.hero h2{font-size:20px}.stats{gap:9px}.stats article{padding:13px}.stats b{font-size:27px}.fields{grid-template-columns:1fr}.toolbar{flex-wrap:wrap}.toolbar select{max-width:none}.user{font-size:11px;gap:8px}.owner-cars{margin-left:0}}@media(max-width:420px){.stats{grid-template-columns:1fr 1fr}.stats small{font-size:9px}.panel{padding:14px}}

/* Community refresh v2 — cleaner BRSRP design */
:root{--bg:#0a111e;--sidebar:#0e1929;--card:#142338;--card2:#1c304a;--line:#293b53;--text:#f2f6fd;--muted:#9badc5;--red:#e34354;--blue:#3b79c2}
body{background:radial-gradient(circle at 88% 0%,rgba(39,84,144,.12),transparent 37%),var(--bg);letter-spacing:.005em}
.sidebar{background:linear-gradient(180deg,#101e33 0%,#0b1525 100%);padding:24px 14px}
.brand{gap:14px;padding-bottom:23px}.brand img{width:75px;height:75px;border-radius:0;filter:drop-shadow(0 3px 9px rgba(0,0,0,.25))}.brand strong{font-size:21px;letter-spacing:1.5px}.brand span{font-size:9px}
nav button{border-radius:10px;padding:14px 16px;transition:background .18s,color .18s}nav button.active{background:linear-gradient(90deg,#283e5d,#1d304b);border-left:3px solid #e64b5c;box-shadow:inset 0 0 0 1px #344761}
.topbar{background:rgba(15,26,43,.95);border-bottom:1px solid var(--line);padding:25px 38px}.topbar h1{font-size:25px;letter-spacing:-.6px}.content{padding:34px 38px;max-width:1540px}
.hero{background:linear-gradient(110deg,#192e4b,#14253c 65%,#251f35);border:1px solid #334b68;border-radius:18px;padding:36px 40px;margin-bottom:24px;box-shadow:0 16px 35px rgba(0,0,0,.11)}.hero h2{font-size:29px;letter-spacing:-.7px}.hero img{width:160px;height:145px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25))}
.stats{gap:17px}.stats article,.panel{background:linear-gradient(180deg,#17273d,#142237);border:1px solid #2b3f58;border-radius:15px;box-shadow:0 8px 25px rgba(0,0,0,.07)}.stats article{padding:24px}.stats b{font-size:39px;letter-spacing:-1px}.stats span{font-size:12px}
.page-heading{margin-bottom:25px}.page-heading h2{font-size:27px;letter-spacing:-.6px}.panel{padding:26px;margin-bottom:22px}.primary,.primary-link{background:linear-gradient(135deg,#ed5263,#ce3347);border-color:#e76b79;border-radius:9px;box-shadow:0 4px 15px rgba(220,55,76,.14)}.secondary,.mini{border-radius:8px;background:#263e5d}.mini:hover,.secondary:hover{background:#345477}.toolbar{margin-bottom:20px}input,select{background:#0e1b2d;border-color:#3a4e69;border-radius:9px;padding:13px 14px}input:focus,select:focus{outline:2px solid #538bd0;outline-offset:1px}th{letter-spacing:1.15px;color:#9db2cd}td,th{padding:17px 12px}tbody tr:hover{background:rgba(84,120,168,.06)}.chip{border-radius:7px;background:#273c58;padding:5px 10px}.owner-card{padding:21px 0}.owner-head{flex-wrap:wrap;gap:14px}.owner-head .info{min-width:180px}.owner-head .avatar{width:48px;height:48px}.add-owner{margin-left:10px;background:#234d78;border-color:#3d709e;color:#edf6ff;font-weight:700}.owner-cars{margin-top:16px;margin-left:62px}.owner-cars span{background:#20354f;border-radius:8px}.login img{width:180px;height:150px}.login{border-radius:18px}.audit-entry{padding:19px 0}
@media(max-width:760px){.content{padding:19px}.topbar{padding:18px}.hero{padding:22px}.hero img{width:86px;height:88px}.hero h2{font-size:22px}.panel{padding:17px}.owner-cars{margin-left:0}.add-owner{margin-left:0}}

/* v3 — clean owner directory and single-level vehicle rows */
.owner-cars{margin:14px 0 0 62px;display:grid;gap:0;border-top:1px solid var(--line)}
.owner-cars .owner-vehicle{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid rgba(118,145,183,.16);background:transparent;border-radius:0}
.owner-vehicle-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.owner-vehicle-name strong{font-size:13px;color:var(--text);font-weight:650}
.owner-vehicle-name small{font-size:11px;color:var(--muted);font-family:ui-monospace,monospace;overflow-wrap:anywhere}
.owner-vehicle-actions{display:flex;align-items:center;flex-shrink:0}
.inline-editor-slot .panel{margin:20px 0 4px;background:#101f32;border-color:#39516d;box-shadow:none}
.owner-card:last-child{border-bottom:0}
@media(max-width:760px){.owner-cars{margin-left:0}.owner-vehicle{flex-wrap:wrap}.owner-vehicle-actions{margin-left:auto}}

/* BRSRP Glass Edition v4 — visual layer; original API/backend retained */
:root{--bg:#080f1d;--sidebar:rgba(11,23,42,.65);--card:rgba(24,44,73,.48);--card2:rgba(35,60,94,.55);--line:rgba(178,208,248,.17);--text:#f5f8ff;--muted:#aabbd3;--red:#e54a60;--blue:#78aaf2}
html{min-height:100%;background:#080f1d}body{background:radial-gradient(ellipse 850px 650px at 80% -10%,rgba(56,111,196,.28),transparent 72%),radial-gradient(ellipse 550px 500px at 12% 85%,rgba(155,34,71,.13),transparent 72%),linear-gradient(135deg,#081120,#0a1426 65%,#0b1321);background-attachment:fixed;min-height:100vh}
.sidebar{background:rgba(12,26,46,.67);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);border-right:1px solid rgba(184,211,245,.14);box-shadow:10px 0 50px rgba(0,0,0,.12)}
.brand{border-bottom-color:rgba(195,216,245,.12)}.brand img{width:78px;height:78px;filter:drop-shadow(0 5px 18px rgba(50,104,174,.24))}
nav button{border:1px solid transparent;transition:background .2s,transform .2s,border-color .2s}nav button:hover{background:rgba(121,170,233,.12);transform:translateX(3px)}nav button.active{background:linear-gradient(105deg,rgba(69,111,175,.30),rgba(54,86,135,.16));border:1px solid rgba(160,193,241,.23);border-left:3px solid #ef566d;box-shadow:0 5px 18px rgba(0,0,0,.1)}
.topbar{background:rgba(11,24,43,.46);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(185,214,248,.13)}
.content{max-width:1700px;padding:38px 42px}.hero,.stats article,.panel,.glass-panel,.login{background:linear-gradient(135deg,rgba(42,72,112,.42),rgba(17,37,66,.45));border:1px solid rgba(184,214,255,.20);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);box-shadow:0 18px 50px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.06);border-radius:19px}
.hero{background:radial-gradient(circle at 87% 20%,rgba(112,156,226,.15),transparent 45%),linear-gradient(115deg,rgba(38,77,130,.48),rgba(16,32,59,.45) 70%,rgba(87,32,65,.24));padding:38px 42px}.hero img{filter:drop-shadow(0 12px 26px rgba(0,0,0,.35))}
.stats article{transition:transform .2s,border-color .2s}.stats article:hover{transform:translateY(-3px);border-color:rgba(172,204,252,.35)}
.page-heading h2{font-size:30px}.page-heading p{margin-top:4px}
input,select{background:rgba(6,17,34,.58);border:1px solid rgba(160,193,236,.24);border-radius:11px;color:#f4f7ff}input:focus,select:focus{outline:2px solid rgba(112,169,244,.55)}
.primary,.primary-link{background:linear-gradient(135deg,#f05a70,#bc2b47);border:1px solid rgba(255,150,163,.4);border-radius:11px;box-shadow:0 8px 20px rgba(191,34,67,.22);transition:transform .18s,filter .18s}.primary:hover,.primary-link:hover{transform:translateY(-1px);filter:brightness(1.1)}
.secondary,.mini{background:rgba(95,141,202,.15);border:1px solid rgba(158,195,247,.23);border-radius:9px;transition:background .18s}.secondary:hover,.mini:hover{background:rgba(95,141,202,.28)}.mini.danger{color:#ff9aaa;border-color:rgba(241,105,128,.23)}
.user{background:rgba(255,255,255,.045);border:1px solid rgba(197,215,249,.12);padding:9px 14px;border-radius:999px}.staff-dot{color:#5ed6a0;font-size:10px}
.owner-toolbar{padding:15px;display:flex;align-items:center;gap:14px;margin-bottom:22px}.search-wrap{flex:1;position:relative}.search-wrap span{position:absolute;top:7px;left:14px;color:#aabbd3;font-size:26px}.search-wrap input{padding-left:43px}.owner-toolbar select{width:185px;flex:none}
.owner-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.owner-card{padding:23px;border-radius:20px;border:1px solid rgba(184,214,255,.19);margin:0;min-width:0;transition:transform .2s,border-color .2s}.owner-card:hover{transform:translateY(-2px);border-color:rgba(172,203,255,.34)}.owner-head{display:flex;flex-wrap:nowrap;gap:12px}.owner-head .avatar{width:52px;height:52px;border:2px solid rgba(189,213,248,.24);box-shadow:0 3px 15px rgba(0,0,0,.16)}.owner-head .info{flex:1;min-width:0}.owner-head .info strong{font-size:15px}.owner-head small{font-size:11px}.count{background:rgba(231,72,95,.13);border:1px solid rgba(235,105,124,.2);padding:5px 9px;border-radius:999px;color:#ffacba}
.owner-section-label{font-size:10px;letter-spacing:1.6px;color:#a4bad7;font-weight:800;margin-top:24px}.owner-cars{margin:9px 0 18px;border-top:1px solid rgba(185,214,248,.12)}.owner-cars .owner-vehicle{padding:12px 0;gap:9px}.owner-vehicle-name{flex:1}.owner-vehicle-name strong{font-size:13px}.owner-vehicle-name small{font-family:inherit}.vehicle-symbol{display:grid;place-items:center;width:32px;height:32px;border-radius:9px;background:rgba(114,159,219,.14);color:#a9c7ed;font-size:13px;flex:none}.owner-vehicle-actions{gap:4px}.owner-vehicle-actions .mini{font-size:11px;padding:6px 8px;margin:0}.copy-text{background:none;border:0;padding:0;color:#aac9f5;font:inherit;cursor:pointer}.copy-text:hover,.copy-text.copied{color:white;text-decoration:underline}.add-owner{display:block;width:100%;background:linear-gradient(110deg,rgba(185,47,75,.86),rgba(226,68,94,.88));border:1px solid rgba(255,170,184,.27);border-radius:11px;padding:12px;color:white;font-weight:750;cursor:pointer;transition:filter .2s,transform .2s}.add-owner:hover{filter:brightness(1.14);transform:translateY(-1px)}
.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(2,8,18,.78);backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);display:flex;align-items:center;justify-content:center;padding:20px;overflow:auto}.modal-backdrop[hidden]{display:none!important}.modal-open{overflow:hidden}.modal-card{width:min(900px,100%);max-height:calc(100vh - 40px);overflow-y:auto;padding:26px;background:linear-gradient(135deg,rgba(37,64,101,.94),rgba(12,27,50,.96));border:1px solid rgba(198,221,252,.29);box-shadow:0 35px 90px rgba(0,0,0,.5)}.modal-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:17px}.modal-heading h2{margin:5px 0 0;font-size:23px}.modal-close{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:9px;color:white;padding:8px 12px}.modal-card #editor{padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;margin:0}.modal-card #editor .panel-head{display:none}.modal-card #editor .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
.audit-entry{border-color:rgba(176,204,245,.15)}.empty{grid-column:1/-1;padding:30px}
@media(max-width:1200px){.owner-grid{grid-template-columns:1fr}}@media(max-width:760px){.content{padding:19px}.owner-toolbar{flex-wrap:wrap}.owner-toolbar select{width:100%}.owner-grid{grid-template-columns:1fr}.owner-card{padding:17px}.owner-head{flex-wrap:wrap}.count{margin-left:auto}.modal-card{padding:18px}.modal-card #editor .fields{grid-template-columns:1fr}.user{padding:5px 8px}.hero{padding:22px}.owner-vehicle-actions{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
