/* ==== app.css ==== */
:root{
  --bg:#07101c;--bg2:#091525;--panel:#0d1929;--panel2:#101f32;--panel3:#14263b;
  --line:#21354d;--line2:#2c4662;--text:#f3f7fc;--muted:#8da2ba;--soft:#b9c7d7;
  --accent:#41d6aa;--accent2:#17a67f;--cyan:#52c7ff;--danger:#ff6477;--warn:#ffc764;
  --blue:#6ca8ff;--purple:#ae8cff;--shadow:0 28px 80px rgba(0,0,0,.34);
  --radius:20px;--radius-sm:13px;
}
html[data-theme="light"]{
  --bg:#f1f5f9;--bg2:#e9f0f7;--panel:#fff;--panel2:#f7fafc;--panel3:#eef4f8;
  --line:#dce5ed;--line2:#c8d7e3;--text:#102033;--muted:#64788e;--soft:#465d72;
  --shadow:0 20px 54px rgba(30,55,80,.10);
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}
body{background:radial-gradient(circle at 80% -10%,rgba(82,199,255,.10),transparent 27%),radial-gradient(circle at -10% 20%,rgba(65,214,170,.08),transparent 25%),var(--bg)}
button,input,select,textarea{font:inherit}a{color:inherit;text-decoration:none}button{cursor:pointer}small{color:var(--muted)}code{color:var(--cyan)}
.app-shell{display:grid;grid-template-columns:268px minmax(0,1fr);min-height:100vh}
.sidebar{position:sticky;top:0;height:100vh;background:rgba(6,14,25,.88);backdrop-filter:blur(24px);border-right:1px solid var(--line);display:flex;flex-direction:column;z-index:30}
html[data-theme="light"] .sidebar{background:rgba(255,255,255,.90)}
.brand-block{height:86px;padding:20px 22px;display:flex;align-items:center;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px}.brand b{font-size:20px;letter-spacing:.14em}.brand small{display:block;font-size:11px;letter-spacing:.09em;margin-top:2px}
.brand-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--accent),#84f0cf);color:#042016;font-weight:950;box-shadow:0 0 0 1px rgba(255,255,255,.15),0 10px 28px rgba(65,214,170,.20)}
.brand-mark.xl{width:56px;height:56px;border-radius:17px;font-size:26px}
.nav{padding:18px 12px;overflow:auto;flex:1}.nav-group{margin-bottom:18px}.nav-group>span{display:block;padding:0 11px 8px;color:#667f9a;font-size:11px;font-weight:900;letter-spacing:.16em}
.nav a{display:flex;gap:12px;align-items:center;padding:11px 12px;border-radius:12px;color:var(--muted);font-size:13px;margin:2px 0;transition:.17s}.nav a b{font-weight:650}.nav a:hover{background:var(--panel2);color:var(--text);transform:translateX(2px)}
.side-user{padding:14px;border-top:1px solid var(--line);display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center}.avatar{width:38px;height:38px;border-radius:12px;background:var(--panel3);border:1px solid var(--line2);display:grid;place-items:center;font-weight:900}.side-user b{display:block;font-size:12px}.side-user small{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:130px}.side-user button{border:0;background:transparent;color:var(--muted);font-size:17px}
.app-main{min-width:0}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line);position:sticky;top:0;background:color-mix(in srgb,var(--bg) 87%,transparent);backdrop-filter:blur(20px);z-index:20}
.breadcrumb span{display:block;color:var(--muted);font-size:11px;letter-spacing:.10em}.breadcrumb b{font-size:14px}.top-actions{display:flex;gap:10px;align-items:center}.icon-btn{border:1px solid var(--line);background:var(--panel);color:var(--soft);width:38px;height:38px;border-radius:11px}.secure-chip{font-size:11px;padding:9px 12px;border:1px solid rgba(65,214,170,.22);background:rgba(65,214,170,.07);color:#8be9ce;border-radius:999px}.secure-chip::first-letter{color:var(--accent)}
.content{padding:30px;max-width:1700px;margin:0 auto}.page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 0 24px}.page-head h1{font-size:31px;line-height:1.05;margin:5px 0 6px;letter-spacing:-.035em}.page-head p{margin:0;color:var(--muted);font-size:13px}.eyebrow{font-size:11px;font-weight:900;letter-spacing:.16em;color:var(--accent)}
.head-actions{display:flex;align-items:center;gap:10px}.live-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid rgba(65,214,170,.24);background:rgba(65,214,170,.08);color:#8cebd0;border-radius:999px;padding:9px 12px;font-size:11px;font-weight:900}.live-pill i,.pulse-dot{width:7px;height:7px;background:var(--accent);border-radius:50%;box-shadow:0 0 0 5px rgba(65,214,170,.08);animation:pulse 1.8s infinite}@keyframes pulse{50%{opacity:.35;box-shadow:0 0 0 9px rgba(65,214,170,0)}}
.btn{border:1px solid var(--line2);border-radius:12px;padding:11px 15px;background:var(--panel2);color:var(--text);font-weight:800;font-size:12px;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn.primary{background:linear-gradient(145deg,var(--accent),#31b993);border-color:transparent;color:#032018;box-shadow:0 10px 26px rgba(65,214,170,.16)}.btn.secondary{background:var(--panel2)}.btn.success{background:rgba(65,214,170,.12);border-color:rgba(65,214,170,.32);color:#8cebd0}.btn.ghost{background:transparent}.btn.small{padding:7px 10px;font-size:11px}.btn.xl{padding:15px 20px;font-size:14px}.btn.wide{width:100%}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:20px}.metric{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 14px 38px rgba(0,0,0,.08)}.metric>span{font-size:11px;color:var(--muted);font-weight:800;letter-spacing:.06em}.metric strong{display:block;font-size:32px;margin:7px 0 3px;letter-spacing:-.035em}.metric strong.text-md{font-size:16px;margin-top:13px}.metric small{font-size:11px}
.panel{background:linear-gradient(150deg,var(--panel),color-mix(in srgb,var(--panel2) 86%,transparent));border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:0 14px 50px rgba(0,0,0,.09);margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:16px}.panel-head h2{margin:3px 0 0;font-size:17px}.panel-head>a,.panel-head .muted{font-size:11px;color:var(--muted)}
.dashboard-grid,.split-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}.vehicle-list,.data-list,.alert-list{display:grid}.vehicle-line,.data-row,.alert-line{display:flex;align-items:center;gap:13px;padding:13px 2px;border-bottom:1px solid var(--line)}.vehicle-line:last-child,.data-row:last-child,.alert-line:last-child{border-bottom:0}.vehicle-mark{width:39px;height:39px;border-radius:11px;background:var(--panel3);border:1px solid var(--line2);display:grid;place-items:center;color:var(--cyan);font-size:11px;font-weight:900}.grow{flex:1;min-width:0}.vehicle-line b,.data-row b{display:block;font-size:12px}.vehicle-line small,.data-row small{display:block;margin-top:3px;font-size:11px}.vehicle-state{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:6px}.dot{width:7px;height:7px;border-radius:50%;background:#718196}.dot.green{background:var(--accent);box-shadow:0 0 8px rgba(65,214,170,.5)}.vehicle-line time,.alert-line time{font-size:11px;color:var(--muted)}
.priority{min-width:31px;height:31px;border-radius:9px;display:grid;place-items:center;font-size:11px;font-weight:950}.priority.p1{background:rgba(255,100,119,.13);color:#ff8a99}.priority.p2{background:rgba(255,199,100,.12);color:#ffd386}.priority.p3{background:rgba(82,199,255,.11);color:#8edbff}.alert-line p{margin:3px 0 0;color:var(--muted);font-size:11px}
.event-stream{min-height:72px;display:grid;gap:7px}.event-item{display:grid;grid-template-columns:90px 110px 1fr auto;gap:12px;align-items:center;padding:9px 11px;border-radius:11px;background:var(--panel2);font-size:11px}.event-item code{font-weight:900}.empty-inline{color:var(--muted);font-size:11px;padding:16px;text-align:center}
.empty-state{padding:42px 20px;text-align:center}.empty-state.compact{padding:25px 10px}.empty-state h3{margin:10px 0 5px}.empty-state p{color:var(--muted);font-size:12px;margin:0 0 16px}.empty-icon{width:50px;height:50px;border:1px solid var(--line2);background:var(--panel2);border-radius:16px;display:grid;place-items:center;margin:auto;font-size:20px;color:var(--cyan)}.empty-icon.ok{color:var(--accent)}
.cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:15px}.simple-card,.vehicle-card,.service-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:18px;transition:.17s}.simple-card:hover,.vehicle-card:hover,.service-card:hover{border-color:var(--line2);transform:translateY(-2px);box-shadow:var(--shadow)}.simple-card h3,.vehicle-card h3{margin:10px 0 4px}.simple-card p,.vehicle-card p{margin:0;color:var(--muted);font-size:11px}.card-icon,.service-icon{width:38px;height:38px;border-radius:11px;background:var(--panel3);display:grid;place-items:center;color:var(--cyan);border:1px solid var(--line2)}
.vehicle-card-top{display:flex;justify-content:space-between}.vehicle-card-meta{display:flex;justify-content:space-between;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}
.status-chip{display:inline-flex;width:max-content;border:1px solid var(--line2);background:var(--panel3);color:var(--soft);border-radius:999px;padding:5px 8px;font-size:11px;font-weight:900;letter-spacing:.04em}.status-chip.active,.status-chip.ACTIVE{background:rgba(65,214,170,.09);color:#85e7cb;border-color:rgba(65,214,170,.22)}.status-chip.disabled{background:rgba(255,100,119,.08);color:#ff93a0}.status-chip.inactive{color:var(--warn)}
.form-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;align-items:end}.form-stack{display:grid;gap:14px}.inline-form{display:flex;gap:14px;align-items:end;flex-wrap:wrap}label{display:grid;gap:7px;color:var(--soft);font-size:11px;font-weight:750}input,select,textarea{width:100%;border:1px solid var(--line2);background:var(--bg2);color:var(--text);border-radius:11px;padding:12px 13px;outline:none;transition:.16s}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(65,214,170,.07)}.field-wrap{position:relative}.field-wrap>input{padding-right:67px}.field-action{position:absolute;right:7px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:var(--accent);font-size:11px;font-weight:900}
.form-error{color:#ff9aa6;font-size:11px;margin-top:10px}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse}th,td{text-align:left;padding:12px 11px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:11px}th{font-size:11px;color:var(--muted);letter-spacing:.06em}td small{display:block;margin-top:3px}.row-kpis{display:flex;gap:8px}.row-kpis span{font-size:11px;color:var(--muted);background:var(--panel3);padding:5px 7px;border-radius:8px}
.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.template-card{display:block;position:relative;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:.18s}.template-card:hover{transform:translateY(-3px);border-color:var(--line2);box-shadow:var(--shadow)}.template-preview{height:290px;background:radial-gradient(circle at 50% 0,rgba(82,199,255,.08),transparent 40%),#050b13;display:grid;place-items:center;padding:14px;overflow:hidden}.template-info{padding:16px}.template-info h3{margin:8px 0 3px;font-size:14px}.template-info p{margin:0;color:var(--muted);font-size:11px}.template-info small{display:block;margin-top:7px;font-size:11px}.layout-badge{display:inline-flex;padding:5px 8px;border-radius:999px;background:rgba(82,199,255,.09);border:1px solid rgba(82,199,255,.20);color:#8edbff;font-size:11px;font-weight:900}
.template-card.select-card{cursor:pointer}.select-card>input{position:absolute;opacity:0;pointer-events:none}.selected-mark{position:absolute;right:13px;top:13px;width:28px;height:28px;border-radius:50%;background:var(--panel3);border:1px solid var(--line2);display:grid;place-items:center;color:transparent}.select-card:has(input:checked){border-color:var(--accent);box-shadow:0 0 0 3px rgba(65,214,170,.08)}.select-card:has(input:checked) .selected-mark{background:var(--accent);border-color:var(--accent);color:#032018}
.template-full{min-height:400px;display:grid;place-items:center}.template-stage-panel{background:#050b13}.compact-bus{min-height:660px}.wizard-form{display:grid;gap:17px}.wizard-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:22px;padding:21px}.wizard-title{display:flex;gap:13px;align-items:flex-start;margin-bottom:18px}.wizard-title>span{width:38px;height:38px;border-radius:12px;background:var(--panel3);border:1px solid var(--line2);display:grid;place-items:center;color:var(--accent);font-size:11px;font-weight:950}.wizard-title h2{margin:0;font-size:17px}.wizard-title p{margin:4px 0 0;color:var(--muted);font-size:11px}.final-step{display:flex;align-items:center;justify-content:space-between;gap:20px}.final-step .wizard-title{margin:0}
.service-card{display:flex;align-items:center;gap:13px}.service-card b{display:block}.service-card small{display:block;margin-top:3px}.service-card>i{font-style:normal;color:var(--muted)}.install-progress{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-bottom:18px}.install-step{padding:11px;border-radius:13px;border:1px solid var(--line);background:var(--panel);min-height:74px}.install-step>span{font-size:11px;color:var(--muted)}.install-step b{display:block;font-size:11px;margin:5px 0}.install-step small{font-size:11px}.install-step.active{border-color:var(--cyan);background:rgba(82,199,255,.06)}.install-step.passed{border-color:rgba(65,214,170,.3)}.install-step.passed small{color:var(--accent)}.install-step.failed{border-color:rgba(255,100,119,.32)}.service-layout{display:grid;grid-template-columns:1.35fr .65fr;gap:18px}.mapping-instruction,.hardware-wait{padding:15px;border:1px solid var(--line2);border-radius:14px;background:var(--panel2);margin-bottom:16px}.mapping-instruction p,.hardware-wait p{color:var(--muted);font-size:11px;margin-bottom:0}.hardware-wait>span{display:inline-block;color:var(--warn);font-size:11px;font-weight:900;margin-bottom:5px}.service-result-form{display:grid;gap:13px;margin-top:16px}.detail-list{margin:0}.detail-list>div{display:flex;justify-content:space-between;padding:9px 0;border-bottom:1px solid var(--line)}.detail-list dt{color:var(--muted);font-size:11px}.detail-list dd{margin:0;font-size:11px;font-weight:800}.mapping-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(105px,1fr));gap:8px}.mapping-pill{padding:9px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:11px}.mapping-pill b{font-size:12px}.mapping-pill span{display:block;font-size:11px;color:var(--muted);margin-top:2px}.top-gap{margin-top:14px}
.fleet-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(290px,1fr));gap:15px}.fleet-card{background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:20px;padding:18px}.fleet-card header{display:flex;justify-content:space-between;align-items:center}.fleet-card header b{display:block}.fleet-card header small{display:block;margin-top:3px}.fleet-speed{display:flex;align-items:baseline;gap:6px;margin:18px 0}.fleet-speed strong{font-size:40px}.fleet-speed span{font-size:11px;color:var(--muted)}.fleet-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.fleet-kpis>div{padding:9px;background:var(--panel3);border-radius:10px}.fleet-kpis small{display:block;font-size:11px}.fleet-kpis b{font-size:11px}.fleet-card footer{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:11px}.fleet-card footer span{color:var(--muted)}
.timeline{display:grid}.timeline>div{display:grid;grid-template-columns:95px 14px 1fr;gap:8px;min-height:55px}.timeline time{font-size:11px;color:var(--muted);padding-top:2px}.timeline>div>span{position:relative;width:8px;height:8px;border-radius:50%;background:var(--accent);margin-top:3px}.timeline>div>span:after{content:"";position:absolute;top:10px;left:3px;width:1px;height:40px;background:var(--line2)}.timeline p{margin:0;font-size:11px}.bar-list{display:grid;gap:9px}.bar-list>div{display:grid;grid-template-columns:120px 1fr 36px;gap:8px;align-items:center;font-size:11px}.bar-list>div>div{height:7px;background:var(--panel3);border-radius:9px;overflow:hidden}.bar-list i{display:block;height:100%;background:linear-gradient(90deg,var(--accent2),var(--accent));border-radius:9px}
.integration-grid,.security-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px;margin-bottom:18px}.integration-card,.security-card{display:flex;align-items:center;gap:14px;background:linear-gradient(145deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:18px}.integration-card>span,.security-card>span{width:40px;height:40px;border-radius:12px;background:var(--panel3);border:1px solid var(--line2);display:grid;place-items:center;color:var(--cyan);font-weight:900}.integration-card div,.security-card div{flex:1}.integration-card h3,.security-card h3{margin:0 0 4px;font-size:13px}.integration-card p,.security-card p{margin:0;color:var(--muted);font-size:11px}.security-card.good>span{color:var(--accent)}.security-card.warn>span{color:var(--warn)}
.toast,.public-toast{padding:12px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--panel2);font-size:11px;margin-bottom:14px}.toast.success,.public-toast.success{border-color:rgba(65,214,170,.3);color:#98efd6}.toast.danger,.public-toast.danger{border-color:rgba(255,100,119,.32);color:#ff9aa6}.public-toast{position:fixed;left:50%;top:22px;transform:translateX(-50%);z-index:100;max-width:520px;box-shadow:var(--shadow)}
/* Bank-like public login */
.public-body{min-height:100vh;overflow-x:hidden}.bank-stage{min-height:100vh;display:grid;place-items:center;padding:28px;position:relative;overflow:hidden}.bank-ambient{position:absolute;inset:0;background:radial-gradient(circle at 16% 20%,rgba(65,214,170,.15),transparent 25%),radial-gradient(circle at 84% 75%,rgba(82,199,255,.13),transparent 26%),linear-gradient(140deg,#040a12,#071322 52%,#07101a)}.bank-ambient:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,black,transparent)}
.bank-shell{position:relative;width:min(1080px,100%);display:grid;grid-template-columns:1.08fr .82fr;gap:70px;align-items:center}.bank-intro{padding:38px}.bank-wordmark{display:flex;gap:14px;align-items:center}.bank-wordmark b{display:block;font-size:23px;letter-spacing:.15em}.bank-wordmark small{display:block;font-size:11px;color:#8198b3;margin-top:4px}.bank-intro-copy{margin-top:72px}.bank-intro-copy h1{font-size:48px;line-height:1.06;letter-spacing:-.045em;margin:12px 0 16px}.bank-intro-copy h1 em{font-style:normal;color:#76e4c4}.bank-intro-copy p{max-width:570px;color:#8fa4bc;line-height:1.7;font-size:13px}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.trust-grid>div{border-top:1px solid #20354b;padding-top:13px}.trust-grid span{font-size:11px;color:#55718f}.trust-grid b{display:block;margin-top:6px;font-size:11px}.trust-grid small{font-size:11px}
.bank-card{position:relative;background:linear-gradient(160deg,rgba(15,29,47,.92),rgba(8,17,29,.96));border:1px solid #263b52;border-radius:28px;padding:34px;box-shadow:0 40px 120px rgba(0,0,0,.42),inset 0 1px rgba(255,255,255,.03);backdrop-filter:blur(20px)}.bank-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 35%);pointer-events:none}.bank-card h2,.bank-card h1{font-size:26px;letter-spacing:-.035em;margin:23px 0 8px}.bank-card .lead{color:#8da2ba;font-size:11px;line-height:1.6;margin:0 0 22px}.secure-domain{display:flex;gap:11px;align-items:center;padding:11px 12px;border:1px solid rgba(65,214,170,.18);background:rgba(65,214,170,.045);border-radius:13px}.secure-domain small{display:block;color:#739389;font-size:11px;letter-spacing:.12em}.secure-domain b{font-size:11px}.lock-dot{color:var(--accent);font-size:11px}.bank-form{display:grid;gap:15px}.bank-form label>span{color:#a7b7c8;font-size:11px}.bank-form input{background:#07111d;border-color:#263a51;padding:14px}.bank-primary{border:0;border-radius:13px;background:linear-gradient(135deg,#62e5bd,#32bd95);color:#032018;padding:14px 16px;font-weight:900;display:flex;justify-content:space-between;align-items:center;box-shadow:0 13px 30px rgba(65,214,170,.16)}.bank-secondary{width:100%;border:1px solid #2b4057;border-radius:13px;background:#0b1828;color:#dce6f0;padding:13px;font-weight:800}.bank-divider{display:flex;align-items:center;gap:10px;margin:19px 0 11px;color:#506b85;font-size:11px}.bank-divider:before,.bank-divider:after{content:"";height:1px;background:#203249;flex:1}.bank-foot{display:flex;gap:10px;align-items:flex-start;margin-top:17px;padding-top:15px;border-top:1px solid #203249}.bank-foot p{margin:0;color:#6f879f;font-size:11px;line-height:1.5}.bank-brand{display:flex;gap:13px;align-items:center}.bank-brand b{display:block;letter-spacing:.13em}.bank-brand small{font-size:11px}.security-line{display:flex;gap:10px;align-items:center;margin:24px 0 0}.security-line span{width:7px;height:7px;border-radius:50%;background:var(--accent)}.security-line p{margin:0;color:#8097ae;font-size:11px}.setup-card{width:min(560px,100%)}.bank-note{padding:12px;background:#0a1726;border:1px solid #22364d;border-radius:11px;color:#8da2ba;font-size:11px;margin-top:16px}
/* vehicle login */
.vehicle-login-stage{min-height:100vh;display:grid;place-items:center;padding:25px;background:radial-gradient(circle at 50% 0,rgba(82,199,255,.14),transparent 30%),linear-gradient(180deg,#02060d,#07101c)}.vehicle-login-card{width:min(510px,100%);background:linear-gradient(160deg,#0f1c2d,#07111d);border:1px solid #2b425e;border-radius:29px;padding:34px;box-shadow:0 35px 100px #0008}.vehicle-login-brand{display:flex;gap:13px;align-items:center}.vehicle-login-brand b{display:block;letter-spacing:.13em}.vehicle-login-brand small{display:block;color:#849cb5;font-size:11px}.vehicle-illustration{height:120px;display:grid;place-items:center}.mini-bus-icon{width:190px;height:72px;border:2px solid #34516f;border-radius:40px 40px 17px 17px;background:linear-gradient(180deg,#142943,#081321);display:flex;align-items:center;justify-content:space-around;padding:14px 21px;box-shadow:0 18px 40px #0007}.mini-bus-icon i{width:24px;height:35px;border-radius:8px;background:#244563;border:1px solid #477197}.vehicle-login-card h1{margin:0 0 6px;font-size:25px}.vehicle-login-card>p{color:#849cb5;font-size:11px;line-height:1.6;margin:0 0 21px}
/* modal */
.modal{position:fixed;inset:0;z-index:100;display:none;place-items:center}.modal.open{display:grid}.modal-backdrop{position:absolute;inset:0;background:#010409cc;backdrop-filter:blur(8px)}.modal-card{position:relative;z-index:2;width:min(460px,calc(100% - 30px));background:var(--panel);border:1px solid var(--line2);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.modal-close{position:absolute;right:13px;top:13px;width:31px;height:31px;border-radius:9px;border:1px solid var(--line);background:var(--panel2);color:var(--muted)}
.muted{color:var(--muted)}.mobile-only{display:none}
@media(max-width:1100px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.metric-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid,.split-grid,.service-layout{grid-template-columns:1fr}.form-grid{grid-template-columns:repeat(2,1fr)}.install-progress{grid-template-columns:repeat(4,1fr)}.bank-shell{grid-template-columns:1fr;gap:15px;max-width:560px}.bank-intro{display:none}}
@media(max-width:760px){.app-shell{display:block}.sidebar{position:fixed;left:-285px;width:270px;transition:.2s}.sidebar.open{left:0;box-shadow:20px 0 60px #0008}.mobile-only{display:inline-grid}.content{padding:20px 15px}.topbar{padding:0 15px}.secure-chip{display:none}.page-head{align-items:flex-start;flex-direction:column}.metric-grid{grid-template-columns:1fr 1fr}.form-grid{grid-template-columns:1fr}.install-progress{grid-template-columns:1fr 1fr}.template-grid{grid-template-columns:1fr}.integration-grid,.security-grid{grid-template-columns:1fr}.final-step{display:block}.final-step .wizard-title{margin-bottom:16px}.bank-stage{padding:14px}.bank-card{padding:24px}.event-item{grid-template-columns:70px 85px 1fr}.event-item time{display:none}}
@media(max-width:430px){.metric-grid{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.bank-intro-copy h1{font-size:36px}}


/* ===== User-approved exact bus template integration v1.1 ===== */
.exact-template-panel{padding:0;overflow:hidden;background:#02050b}
.exact-template-frame{display:block;width:100%;height:min(82vh,980px);min-height:680px;border:0;background:#02050b}
.exact-vehicle-template-zone{min-width:0;display:flex;flex-direction:column}
.vehicle-template-frame{display:block;width:100%;flex:1;min-height:720px;border:0;border-radius:24px;background:#02050b;box-shadow:inset 0 0 0 1px var(--line)}
@media(max-width:1100px){
  .vehicle-template-frame{min-height:760px}
}
@media(max-width:700px){
  .exact-template-frame,.vehicle-template-frame{min-height:calc(100svh - 160px);height:calc(100svh - 160px);border-radius:16px}
}

/* ==== bus.css ==== */
:root{--bus-accent:#38bdf8;--seat-empty1:#768aa4;--seat-empty2:#33465e;--seat-occ1:#35d5a2;--seat-occ2:#0b7858;--seat-match1:#61e3bd;--seat-match2:#178263;--seat-warn1:#ffcc64;--seat-warn2:#a96208}
.bus-stage{width:min(560px,100%);margin:auto;position:relative;transform-origin:top center}
.bus-shell{position:relative;padding:13px 15px 17px;border-radius:72px 72px 32px 32px;background:linear-gradient(90deg,#19273a 0,#0b1421 7%,#132138 50%,#0b1421 93%,#19273a 100%);border:1px solid #3a4e68;box-shadow:0 30px 78px rgba(0,0,0,.55),inset 0 0 0 5px #060c15}
.bus-shell:before,.bus-shell:after{content:"";position:absolute;top:115px;bottom:35px;width:3px;border-radius:99px;background:linear-gradient(180deg,transparent,rgba(56,189,248,.55),transparent);opacity:.55}.bus-shell:before{left:5px}.bus-shell:after{right:5px}
.bus-front{height:172px;border-radius:58px 58px 18px 18px;background:linear-gradient(180deg,#1a2b42,#0b1524);border:1px solid #314a68;position:relative;overflow:hidden}
.bus-windshield{position:absolute;left:30px;right:30px;top:9px;height:46px;border-radius:28px 28px 12px 12px;background:linear-gradient(180deg,rgba(126,189,240,.27),rgba(30,60,89,.08));border:1px solid rgba(132,196,242,.22)}
.bus-windshield:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#07111d77}
.bus-cockpit{position:absolute;left:14px;right:14px;top:64px;bottom:35px;display:grid;grid-template-columns:1.25fr .9fr .9fr .3fr;gap:7px}
.bus-cockpit>div{border-radius:12px;background:linear-gradient(180deg,#20344e,#0b1523);border:1px solid #36516f;display:flex;align-items:center;justify-content:center;text-align:center;padding:6px;color:#b9cde0}
.bus-cockpit small{font-size:11px;letter-spacing:.08em;color:#708aa4;display:block}.bus-cockpit b{display:block;font-size:11px;margin-top:2px}
.bus-speed b{font-size:30px;color:#eaf6ff;text-shadow:0 0 14px rgba(56,189,248,.35)}.bus-door-front{background:linear-gradient(90deg,#0c1724,#173652)!important}
.bus-bumper{position:absolute;left:20px;right:20px;bottom:6px;height:22px;border-radius:7px 7px 13px 13px;background:#0a1320;border:1px solid #2d435e;display:grid;place-items:center;font-size:11px;font-weight:900;letter-spacing:.18em}
.bus-cabin-head{height:28px;margin:8px 4px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;border-radius:8px;background:rgba(56,189,248,.06);border:1px solid rgba(56,189,248,.14);font-size:11px;color:#8ea7c0}.bus-cabin-head b{color:#dae9f7}
.bus-cabin{position:relative;padding:20px 15px 16px;border-radius:16px 16px 22px 22px;background:repeating-linear-gradient(0deg,#08101a,#08101a 14px,#0b1420 14px,#0b1420 28px);border:1px solid #263a52;box-shadow:inset 0 0 26px #0008;overflow:hidden}
.bus-cabin:before{content:"";position:absolute;top:13px;bottom:13px;width:28px;border-radius:99px;left:var(--aisle-x,37%);transform:translateX(-50%);background:linear-gradient(180deg,#101d2d,#0a1421);box-shadow:inset 0 0 0 1px #ffffff08}
.bus-layout-2-2 .bus-cabin:before{left:50%}
.bus-row{position:relative;display:grid;grid-template-columns:var(--cols);gap:9px;align-items:end;min-height:74px;margin-bottom:8px;z-index:2}
.bus-row:last-child{margin-bottom:0}.bus-layout-2-1 .bus-row{--cols:1fr .48fr 1fr 1fr}.bus-layout-2-2 .bus-row{--cols:1fr 1fr .48fr 1fr 1fr}
.bus-cell{min-width:0}.bus-cell.aisle{min-height:1px}.bus-row-number{position:absolute;left:var(--rowno-x,37%);top:50%;transform:translate(-50%,-50%);width:19px;height:19px;border-radius:5px;background:#17283b;border:1px solid #35516f;color:#aac1d7;display:grid;place-items:center;font-size:11px;font-weight:900;z-index:5}.bus-layout-2-2 .bus-row-number{left:50%}
.bus-seat{position:relative;height:62px;width:100%;border-radius:12px 12px 17px 17px;background:linear-gradient(180deg,rgba(255,255,255,.08) 0 12%,transparent 12%),linear-gradient(180deg,var(--seat-empty1),var(--seat-empty2));border:1px solid #8298b2;box-shadow:0 8px 14px #0007,inset 0 2px 0 #ffffff24,inset 0 -10px 13px #0004;display:grid;place-items:center;color:white;font-weight:900;font-size:13px;cursor:pointer;transition:.15s}
.bus-seat:before,.bus-seat:after{content:"";position:absolute;bottom:-4px;width:9px;height:25px;border-radius:5px;background:#273a50;border:1px solid #526b84;z-index:-1}.bus-seat:before{left:4px}.bus-seat:after{right:4px}
.bus-seat:hover{transform:translateY(-2px);filter:brightness(1.07);z-index:8}.bus-seat.occupied{background:linear-gradient(180deg,var(--seat-occ1),var(--seat-occ2));border-color:#61ebc4}.bus-seat.matched{background:linear-gradient(180deg,var(--seat-match1),var(--seat-match2));border-color:#8bf0d3}.bus-seat.warning{background:linear-gradient(180deg,var(--seat-warn1),var(--seat-warn2));border-color:#ffd887;color:#251502}.bus-seat.fault{background:linear-gradient(180deg,#ff7283,#89223a);border-color:#ff8e9c}.bus-seat.disabled{opacity:.4;filter:grayscale(1)}
.bus-seat small{position:absolute;bottom:5px;font-size:11px;color:#e6eef7aa;font-weight:700}
.bus-middle-door{height:58px;border-radius:10px;background:linear-gradient(90deg,#0b1826,#193854);border:1px solid #3d5c7a;position:relative;overflow:hidden}.bus-middle-door:before{content:"KAPI";position:absolute;inset:0;display:grid;place-items:center;color:#a8c0d7;font-size:11px;font-weight:900;letter-spacing:.08em}
.bus-back{display:grid;grid-template-columns:repeat(var(--back-count),1fr);gap:7px;margin-top:10px;position:relative;z-index:2}.bus-back .bus-seat{height:58px}
.bus-rear{height:23px;margin-top:10px;border-radius:7px 7px 17px 17px;background:#09131f;border:1px solid #2a405a;display:grid;place-items:center;color:#718ba5;font-size:11px;letter-spacing:.12em}
.bus-template-mini{width:215px;transform:scale(.62);transform-origin:center}.bus-template-mini .bus-front{height:110px}.bus-template-mini .bus-cockpit{top:45px;bottom:24px}.bus-template-mini .bus-bumper{height:15px}.bus-template-mini .bus-cabin-head{height:20px}.bus-template-mini .bus-row{min-height:43px;margin-bottom:4px;gap:5px}.bus-template-mini .bus-seat{height:39px;border-radius:8px 8px 11px 11px;font-size:11px}.bus-template-mini .bus-row-number{width:13px;height:13px;font-size:11px}.bus-template-mini .bus-middle-door{height:37px}.bus-template-mini .bus-back .bus-seat{height:37px}.bus-template-mini .bus-shell{padding:9px;border-radius:45px 45px 20px 20px}
.vehicle-body{margin:0;background:#02060d;overflow:hidden}.vehicle-console{height:100vh;display:grid;grid-template-rows:66px 1fr;background:radial-gradient(circle at 50% 0,rgba(56,189,248,.08),transparent 32%),#02060d}.vehicle-toolbar{display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid #1e3044;background:#06101bcc;backdrop-filter:blur(16px);z-index:20}.vehicle-brand{display:flex;gap:10px;align-items:center}.vehicle-brand b{display:block;font-size:12px;letter-spacing:.12em}.vehicle-brand small{display:block;font-size:11px;color:#718aa3}.vehicle-toolbar-center{display:flex;align-items:center;gap:10px}.vehicle-net,.vehicle-gps,.vehicle-clock{padding:7px 9px;border-radius:9px;background:#0b1725;border:1px solid #22374e;font-size:11px;font-weight:900;color:#9fb4c8}.vehicle-net{color:#78e4c4}.vehicle-net i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#41d6aa;margin-right:5px}.vehicle-toolbar-actions{display:flex;gap:8px}.vehicle-icon-btn{width:38px;height:38px;border-radius:11px;border:1px solid #273c53;background:#0b1725;color:#b8c8d8}
.vehicle-workspace{display:grid;grid-template-columns:minmax(540px,1fr) 360px;min-height:0}.vehicle-bus-zone{min-height:0;overflow:auto;padding:15px 18px 40px}.vehicle-bus-head{display:flex;justify-content:space-between;align-items:flex-end;max-width:660px;margin:0 auto 11px}.vehicle-bus-head h1{margin:3px 0 0;font-size:16px}.seat-legend{display:flex;gap:8px;font-size:11px;color:#758da4}.seat-legend span{display:flex;align-items:center;gap:4px}.seat-legend i{width:8px;height:8px;border-radius:3px;background:#71849d}.seat-legend .s-occ{background:#2acb99}.seat-legend .s-match{background:#5fe1ba}.seat-legend .s-warn{background:#ffc764}
.vehicle-bus-canvas{max-width:600px;margin:auto}.vehicle-sidepanel{border-left:1px solid #1c2d40;background:#07111d;padding:14px;overflow:auto}.trip-status-card,.vehicle-events{background:#0b1725;border:1px solid #21364d;border-radius:16px;padding:15px}.trip-status-card h2{margin:5px 0 4px;font-size:18px}.trip-status-card p{margin:0 0 10px;color:#7f96ad;font-size:11px}.vehicle-kpi-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:10px 0}.vehicle-kpi-grid article{background:#0b1725;border:1px solid #21364d;border-radius:14px;padding:13px}.vehicle-kpi-grid span{font-size:11px;color:#7890a7}.vehicle-kpi-grid strong{display:block;font-size:26px;margin:3px 0}.vehicle-kpi-grid strong.small-strong{font-size:11px;margin-top:10px}.vehicle-kpi-grid small{font-size:11px}.vehicle-action-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.vehicle-action-grid button{border:1px solid #27405a;background:#0c1a2b;color:#e7f0f7;border-radius:13px;min-height:58px;padding:10px;font-size:11px;font-weight:900;display:flex;justify-content:space-between;align-items:center}.vehicle-action-grid button span{color:#5bcdfd;font-size:16px}.vehicle-events{margin-top:10px}.vehicle-events header{display:flex;justify-content:space-between;font-size:11px}.vehicle-events header span{color:#6f879f}.vehicle-events #vehicleEventList{margin-top:8px;display:grid;gap:6px}.vehicle-event{padding:8px;border-radius:9px;background:#08121e;border:1px solid #1c2d40;font-size:11px}.vehicle-event b{color:#9fdbf7}
.service-console{overflow:auto}.service-tech span{display:block;font-size:11px;color:#7089a2}.service-tech b{font-size:11px}.service-vehicle-main{display:grid;grid-template-columns:1.2fr .8fr;gap:15px;padding:17px;overflow:auto}.service-diagnostic{min-width:0}.vehicle-page-head{margin-bottom:14px}.diag-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-bottom:12px}.diag-grid article{padding:12px;border:1px solid #22364c;background:#091521;border-radius:12px}.diag-grid span{display:block;font-size:11px;color:#718aa3}.diag-grid strong{display:block;font-size:11px;margin-top:5px}.dark-panel{background:#081420;border-color:#20354c}.vehicle-install-list{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.vehicle-install-list>div{padding:9px;border:1px solid #20344b;border-radius:10px;background:#07111d}.vehicle-install-list span{font-size:11px;color:#5fcdf9}.vehicle-install-list b{display:block;font-size:11px;margin:4px 0}.vehicle-install-list small{font-size:11px}.service-bus-side{overflow:auto}
@media(max-width:1000px){.vehicle-workspace{grid-template-columns:1fr 320px}.vehicle-bus-zone{padding-left:8px;padding-right:8px}.service-vehicle-main{grid-template-columns:1fr}.diag-grid{grid-template-columns:1fr 1fr}.service-bus-side{display:none}}
@media(max-width:760px){.vehicle-body{overflow:auto}.vehicle-console{height:auto;min-height:100vh}.vehicle-toolbar{position:sticky;top:0}.vehicle-toolbar-center{display:none}.vehicle-workspace{display:block}.vehicle-sidepanel{border-left:0;border-top:1px solid #1c2d40}.vehicle-bus-zone{max-height:none}.vehicle-bus-head{display:block}.seat-legend{margin-top:8px;flex-wrap:wrap}}

/* ==== miber-v16.css ==== */
/* MİBER v1.4 — design system rebuilt from the user's reference design language.
   Apache + PHP + JavaScript + MySQL. No demo operational data. */
:root{
  --brand-accent:#2f49c7;
  --brand-deep:#07142d;
  --brand-deep-2:#15265d;
  --accent-soft:#eef0ff;
  --bg:#f4f5f7;
  --surface:#ffffff;
  --surface-2:#f7f8fa;
  --text:#20242a;
  --text-strong:#15181d;
  --text-2:#5d646e;
  --muted:#8b929c;
  --line:#e3e6ea;
  --line-strong:#cfd4da;
  --good:#249449;
  --warn:#b1740b;
  --bad:#c63832;
  --shadow-soft:0 12px 38px rgba(16,22,30,.05);
  --shadow-hover:0 24px 58px rgba(16,22,30,.10);
  --modal-shadow:0 34px 110px rgba(5,10,18,.34);
  --content-max:1760px;
}
*{box-sizing:border-box}
html{background:var(--bg);color-scheme:light}
html.miber-has-dialog,html.miber-has-dialog body{overflow:hidden}
body.miber-app,body.miber-public{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
.ui-icon{display:block;width:20px;height:20px}
[hidden]{display:none!important}

/* =======================================================================
   LOGIN — same structural language as the supplied reference
   ======================================================================= */
body.miber-is-login{background:#fff}
.miber-login{width:100%;min-height:100dvh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr);overflow:hidden;background:#fff;color:#101828}
.miber-login-visual{position:relative;display:flex;flex-direction:column;justify-content:space-between;min-height:100dvh;padding:clamp(34px,4.8vw,72px);overflow:hidden;color:#fff;background:
  radial-gradient(circle at 22% 18%,rgba(86,114,255,.27),transparent 31%),
  radial-gradient(circle at 78% 72%,rgba(54,192,206,.13),transparent 28%),
  linear-gradient(142deg,#061126 0%,#10225a 48%,#08162f 100%)}
.miber-login-visual:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.035),transparent 40%);pointer-events:none}
.miber-login-visual:after{content:"";position:absolute;width:min(62vw,720px);aspect-ratio:1;border-radius:50%;right:-26%;bottom:-33%;border:1px solid rgba(255,255,255,.12);box-shadow:0 0 0 64px rgba(255,255,255,.025),0 0 0 128px rgba(255,255,255,.018);pointer-events:none}
.miber-login-visual-top{position:relative;z-index:2;display:flex;align-items:center;gap:13px}
.miber-login-logo{display:grid;place-items:center;width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#5367ec,#2a43ba);color:#fff;font-size:19px;font-weight:700;box-shadow:0 16px 36px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.16)}
.miber-login-visual-top b{display:block;font-size:18px;line-height:1.1;letter-spacing:-.03em}.miber-login-visual-top small{display:block;margin-top:4px;font-size:11px;color:rgba(255,255,255,.62)}
.miber-login-copy{position:relative;z-index:2;max-width:780px;margin:auto 0}
.miber-login-copy>span{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border:1px solid rgba(255,255,255,.14);border-radius:999px;background:rgba(255,255,255,.07);font-size:11px;font-weight:700;letter-spacing:.14em;color:rgba(255,255,255,.78)}
.miber-login-copy h1{margin:18px 0 16px;font-size:clamp(46px,5.4vw,82px);line-height:.98;letter-spacing:-.058em;font-weight:700}
.miber-login-copy p{max-width:610px;margin:0;font-size:14px;line-height:1.7;color:rgba(238,244,255,.64)}
.miber-login-trust-row{position:relative;z-index:2;display:flex;gap:22px;align-items:center;color:rgba(255,255,255,.58);font-size:11px}
.miber-login-trust-row span{display:flex;align-items:center;gap:7px}.miber-login-trust-row i{width:7px;height:7px;border-radius:50%;background:#59e39e;box-shadow:0 0 0 5px rgba(89,227,158,.10)}
.miber-login-panel{display:grid;place-items:center;min-height:100dvh;padding:42px clamp(28px,5vw,82px);background:linear-gradient(180deg,#fbfcfe,#f6f8fb)}
.miber-login-mobile-brand{display:none}
.miber-login-card{width:min(430px,100%);padding:34px 34px 26px;border:1px solid #e4e9ef;border-radius:28px;background:rgba(255,255,255,.98);box-shadow:0 26px 70px rgba(16,24,40,.10)}
.miber-login-head{margin-bottom:26px}.miber-login-secure{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#effaf4;color:#23764b;font-size:11px;font-weight:600}.miber-login-secure i{width:7px;height:7px;border-radius:50%;background:#34a86a;box-shadow:0 0 0 4px rgba(52,168,106,.10)}
.miber-login-card h2{margin:15px 0 6px;font-size:38px;line-height:1.05;letter-spacing:-.05em;color:#101828;font-weight:700}.miber-login-head p{margin:0;color:#7a8492;font-size:12px}
.miber-login-form{display:grid;gap:16px}.miber-login-field{display:grid;gap:7px}.miber-login-field>span{font-size:11px;font-weight:600;color:#4f5b68}
.miber-login-control{position:relative;display:flex;align-items:center;min-height:56px;border:1px solid #dfe5ec;border-radius:15px;background:#f8fafc;transition:.18s ease}
.miber-login-control:focus-within{background:#fff;border-color:#8797ee;box-shadow:0 0 0 4px rgba(47,73,199,.09)}
.miber-login-control-icon{width:47px;display:grid;place-items:center;color:#7d8895}.miber-login-control-icon .ui-icon{width:18px;height:18px}
.miber-login-control input{width:100%;height:54px!important;min-height:54px!important;padding:0 12px 0 0!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;font-size:14px!important;color:#111827!important;outline:0}.miber-login-control input:focus{box-shadow:none!important;background:transparent!important}
.miber-password-toggle{height:36px;margin-right:8px;padding:0 10px;border:0;border-radius:9px;background:#eef2f6;color:#687483;font-size:11px;font-weight:600;cursor:pointer}
.miber-login-submit{width:100%;min-height:56px;margin-top:3px;padding:0 17px;border:0;border-radius:15px;background:linear-gradient(135deg,#182848 0%,#3d3bb9 56%,#287aae 100%);color:#fff;display:flex;align-items:center;justify-content:space-between;font-size:13px;font-weight:700;box-shadow:0 15px 28px rgba(43,52,156,.22);transition:.18s ease;cursor:pointer}.miber-login-submit:hover{transform:translateY(-1px);box-shadow:0 18px 34px rgba(43,52,156,.26)}.miber-login-submit b{font-size:20px;font-weight:400;line-height:1}
.miber-login-install{margin-top:13px;display:grid;gap:8px}.miber-login-alt{width:100%;min-height:50px;padding:7px 10px;border:1px solid #e3e8ee;border-radius:14px;background:#f8fafc;display:grid;grid-template-columns:32px minmax(0,1fr) 16px;align-items:center;gap:10px;color:#344054;text-align:left;box-shadow:none;cursor:pointer}.miber-login-alt>span:nth-child(2){display:grid;gap:1px}.miber-login-alt b{font-size:11px}.miber-login-alt small{font-size:11px;color:#8a94a1}.miber-login-alt>strong{font-size:20px;color:#98a2b3;font-weight:400}.miber-login-alt-icon{width:30px;height:30px;border-radius:9px;background:#fff;border:1px solid #e4e8ed;display:grid;place-items:center;color:#4147bd}.miber-login-alt-icon .ui-icon{width:15px;height:15px}
.miber-login-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:17px;padding-top:16px;border-top:1px solid #edf0f4;color:#87919e;font-size:11px}.miber-login-foot>span{display:flex;align-items:center;gap:6px}.miber-login-foot i{width:6px;height:6px;border-radius:50%;background:#35a76a}.miber-login-foot small{font-size:11px}

/* =======================================================================
   AUTHENTICATED SHELL
   ======================================================================= */
.miber-app-header{position:sticky;top:0;z-index:80;height:82px;background:rgba(248,249,250,.95);box-shadow:0 1px 0 rgba(22,28,36,.08);backdrop-filter:blur(24px) saturate(150%)}
.miber-header-bar{height:100%;width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:28px;padding:0 clamp(16px,2.8vw,58px)}
.miber-brand{display:flex;align-items:center;gap:11px;min-width:max-content}.miber-brand-logo{width:44px;height:44px;border-radius:14px;background:var(--brand-accent);color:#fff;display:grid;place-items:center;font-size:17px;font-weight:700}.miber-brand-copy{display:grid;line-height:1.18}.miber-brand-copy strong{font-size:14.5px;font-weight:700;letter-spacing:-.02em}.miber-brand-copy small{font-size:11px;margin-top:2px;color:var(--muted)}
.miber-top-nav{min-width:0;display:flex;align-items:center;justify-content:center;gap:2px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.miber-top-nav::-webkit-scrollbar{display:none}
.miber-nav-link{min-height:48px;padding:0 15px;gap:8px;font-size:13px;font-weight:600;color:#555b64;background:transparent;display:inline-flex;align-items:center;white-space:nowrap;position:relative;border-radius:12px;transition:background .18s,color .18s,transform .18s}
.miber-nav-link:hover{transform:translateY(-1px);background:#fff;color:#16191e}.miber-nav-link.active{background:#fff;color:var(--brand-accent);box-shadow:0 8px 24px rgba(20,25,34,.055)}.miber-nav-link.active:after{content:"";position:absolute;left:12px;right:12px;bottom:0;border-bottom:2px solid var(--brand-accent)}
.miber-nav-icon{width:30px;height:30px;background:#eceef1;display:grid;place-items:center;border-radius:9px;color:#777e87}.miber-nav-link.active .miber-nav-icon{background:var(--accent-soft);color:var(--brand-accent)}.miber-nav-icon .ui-icon{width:18px;height:18px}
.miber-header-actions{display:flex;align-items:center;gap:12px}.miber-system-state{display:flex;align-items:center;gap:7px;font-size:11px;color:#6f7680}.miber-system-state i{width:7px;height:7px;border-radius:50%;background:#249449;box-shadow:0 0 0 4px rgba(36,148,73,.08)}
.miber-user-menu{position:relative}.miber-user-menu>summary{list-style:none}.miber-user-menu>summary::-webkit-details-marker{display:none}.miber-user-trigger{min-width:0;display:flex;align-items:center;gap:8px;padding:5px 6px;cursor:pointer;border-radius:12px}.miber-user-menu[open] .miber-user-trigger,.miber-user-trigger:hover{background:#fff}.miber-avatar{width:38px;height:38px;border-radius:12px;background:#e9ecf0;color:#343a43;display:grid;place-items:center;font-size:12px;font-weight:700}.miber-user-copy{display:grid;line-height:1.15;max-width:180px}.miber-user-copy b{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miber-user-copy small{font-size:11px;color:var(--muted);margin-top:3px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.miber-user-trigger>.ui-icon{width:14px;color:#8a9098}
.miber-user-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:120;width:280px;padding:8px;background:#fff;box-shadow:0 24px 70px rgba(16,22,30,.18);border:1px solid #e6e9ed}.miber-user-popover-head{padding:11px 12px 12px;border-bottom:1px solid var(--line);margin-bottom:5px}.miber-user-popover-head small{display:block;font-size:11px;color:var(--muted);letter-spacing:.12em}.miber-user-popover-head b{display:block;margin-top:4px;font-size:11px}.miber-user-popover a,.miber-user-popover button{width:100%;min-height:42px;padding:0 10px;border:0;background:transparent;color:#444a53;display:flex;align-items:center;gap:10px;font-size:11px;font-weight:600;text-align:left;cursor:pointer}.miber-user-popover a:hover,.miber-user-popover button:hover{background:#f2f4f6}.miber-user-popover .ui-icon{width:16px;height:16px;color:#777e87}.miber-user-popover form{margin:0}
.miber-app-main{width:100%;max-width:none;padding:30px clamp(16px,2.8vw,58px) 46px;margin:0}

/* =======================================================================
   SHARED CONTENT SYSTEM
   ======================================================================= */
.eyebrow{font-size:11px!important;letter-spacing:.14em!important;text-transform:uppercase!important;color:#8a9099!important;font-weight:700!important}
.page-head{display:flex!important;align-items:flex-end!important;justify-content:space-between!important;gap:22px!important;margin:0 0 20px!important;padding:0!important}.page-head h1{font-size:clamp(31px,3.2vw,48px)!important;line-height:1.04!important;letter-spacing:-.055em!important;font-weight:650!important;color:var(--text-strong)!important;margin:7px 0 8px!important}.page-head p{font-size:11px!important;line-height:1.7!important;color:var(--text-2)!important;max-width:780px!important;margin:0!important}.head-actions{display:flex!important;align-items:center!important;gap:8px!important}
.btn{min-height:44px!important;padding:0 14px!important;border:0!important;border-radius:0!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:7px!important;font-size:11px!important;font-weight:600!important;cursor:pointer!important;box-shadow:none!important}.btn.primary{background:#171b21!important;color:#fff!important}.btn.primary:hover{background:var(--brand-accent)!important}.btn.secondary{background:#eceff2!important;color:#343a43!important}.btn.ghost,.btn.ghost-link{background:transparent!important;color:#5e6570!important}.btn.xl{min-height:50px!important;padding:0 20px!important}
.panel,.metric,.simple-card,.fleet-card,.route-card,.security-card,.integration-card,.service-card,.wizard-card,.vehicle-card{background:#fff!important;border:0!important;border-radius:0!important;box-shadow:var(--shadow-soft)!important;color:var(--text)!important;border-top:1px solid #eceef1!important}
.panel{padding:22px!important}.panel-head{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:16px!important;padding-bottom:14px!important;margin-bottom:10px!important;border-bottom:1px solid var(--line)!important}.panel-head h2,.panel h2{color:var(--text-strong)!important;font-weight:650!important;letter-spacing:-.025em!important}.panel-head a{font-size:11px!important;color:var(--brand-accent)!important}
.metric-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}.metric{min-height:132px!important;padding:18px!important;display:flex!important;flex-direction:column!important;justify-content:space-between!important}.metric span{font-size:11px!important;color:#858c95!important;font-weight:650!important;letter-spacing:.08em!important;text-transform:uppercase!important}.metric strong{font-size:32px!important;letter-spacing:-.04em!important;color:var(--text-strong)!important}.metric small{font-size:11px!important;color:var(--muted)!important}
.dashboard-grid,.split-grid{display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr)!important;gap:14px!important}
.cards-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important}
.vehicle-card{min-height:200px!important;padding:20px!important;display:flex!important;flex-direction:column!important}.vehicle-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-hover)!important}.vehicle-card h3{margin:28px 0 4px!important;font-size:21px!important;letter-spacing:-.035em!important}.vehicle-card p{margin:0!important;font-size:11px!important;color:var(--muted)!important}.vehicle-card-meta{margin-top:auto!important;border-top:1px solid var(--line)!important;padding-top:12px!important}
.form-grid{display:grid!important;gap:14px!important}.form-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))!important}.form-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))!important}.form-stack{display:grid!important;gap:14px!important}.form-grid label,.form-stack label,.form-stage label{font-size:11px!important;font-weight:600!important;color:#4f5660!important}.form-grid label>span,.form-stage label>span{display:block;margin-bottom:7px}
input,select,textarea{width:100%;min-height:48px!important;padding:0 13px!important;border:0!important;border-radius:0!important;background:#eef0f2!important;color:#24282e!important;box-shadow:inset 0 -1px 0 #d9dde2!important;outline:0!important;font-size:12px!important}textarea{min-height:120px!important;padding-top:12px!important}input:focus,select:focus,textarea:focus{background:#fff!important;box-shadow:inset 0 -2px 0 var(--brand-accent),0 8px 25px rgba(20,25,34,.045)!important}.field-wrap{display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;background:#eef0f2!important}.field-wrap input{background:transparent!important;box-shadow:none!important}.field-action{min-width:64px;border:0;background:transparent;color:var(--brand-accent);font-size:11px;font-weight:700;cursor:pointer}
.table-wrap{overflow:auto!important}.table,table{width:100%!important;border-collapse:collapse!important}.table th,table th{height:42px!important;padding:0 12px!important;background:#f0f2f4!important;color:#767d86!important;text-align:left!important;font-size:11px!important;font-weight:650!important;border:0!important}.table td,table td{padding:13px 12px!important;border-bottom:1px solid #eceef1!important;color:#2f343b!important;font-size:11px!important}.table td small,table td small{display:block!important;margin-top:3px!important;color:#8c929a!important;font-size:11px!important}
.status-chip,.priority,.layout-badge,.live-pill{border:0!important;border-radius:999px!important;font-size:11px!important;font-weight:700!important}.live-pill{background:#edf8f1!important;color:#267a4c!important;padding:7px 9px!important}
.empty-state{background:#fff!important;border:0!important;box-shadow:var(--shadow-soft)!important;padding:34px!important;text-align:center!important}.empty-state.compact{box-shadow:none!important;padding:24px!important}

/* =======================================================================
   HUBS — the full-page large tile model from the supplied reference
   ======================================================================= */
.hub-hero{position:relative;overflow:hidden;min-height:180px;margin:0 0 18px;padding:28px clamp(22px,3vw,42px);background:#fff;box-shadow:var(--shadow-soft);display:flex;align-items:center;justify-content:space-between;gap:22px}
.hub-hero:after{content:"";position:absolute;right:-50px;top:-80px;width:260px;height:260px;border:1px solid #e0e3e7;transform:rotate(20deg);pointer-events:none}
.hub-hero-copy{position:relative;z-index:1}.hub-title-row{display:flex;align-items:center;gap:18px;margin-top:10px}.hub-title-icon{width:78px;height:78px;background:var(--brand-accent);color:#fff;display:grid;place-items:center;flex:0 0 auto}.hub-title-icon .ui-icon{width:35px;height:35px}.hub-hero h2{margin:0;font-size:clamp(32px,3.2vw,52px);font-weight:650;letter-spacing:-.055em;line-height:1.04}.hub-hero p{margin:7px 0 0;max-width:820px;font-size:12px;line-height:1.7;color:var(--text-2)}
.hub-live{position:relative;z-index:1;display:flex;align-items:center;gap:8px;font-size:11px;color:#737a84}.hub-live i{width:7px;height:7px;border-radius:50%;background:var(--good);box-shadow:0 0 0 5px rgba(36,148,73,.08)}
.app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.app-tile{appearance:none;position:relative;min-height:220px;padding:22px;border:0;border-top:1px solid transparent;border-bottom:1px solid transparent;background:#fff;box-shadow:0 10px 32px rgba(16,22,30,.045);display:flex;flex-direction:column;align-items:flex-start;color:var(--text);text-align:left;cursor:pointer;transition:transform .18s,box-shadow .18s,border-color .18s}.app-tile:hover{transform:translateY(-4px);border-color:#dde1e6;box-shadow:0 22px 52px rgba(16,22,30,.095)}
.app-tile-icon{width:64px;height:64px;background:var(--accent-soft);color:var(--brand-accent);display:grid;place-items:center}.app-tile-icon .ui-icon{width:29px;height:29px}.app-tile-body{margin-top:28px}.app-tile-body b{display:block;font-size:15px;font-weight:650;letter-spacing:-.025em}.app-tile-body small{display:block;margin-top:6px;font-size:11px;line-height:1.65;color:#7b8088;max-width:280px}.app-tile-meta{width:100%;display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:13px;border-top:1px solid #e3e6ea;color:#92979e}.app-tile-meta em{height:28px;min-width:34px;padding:0 8px;background:#eef0f2;display:grid;place-items:center;font-size:11px;font-style:normal;font-weight:650;color:#555c65}.app-tile-meta>.ui-icon{width:15px;height:15px}

/* =======================================================================
   NATIVE DIALOGS — no hidden DIV modal dependency
   ======================================================================= */
.miber-dialog{width:auto;max-width:none;height:auto;max-height:none;margin:auto;padding:0;border:0;background:transparent;color:var(--text);overflow:visible}
.miber-dialog:not([open]){display:none}
.miber-dialog::backdrop{background:rgba(10,14,20,.58);backdrop-filter:blur(14px) saturate(105%)}
.miber-dialog-frame{width:min(920px,calc(100vw - 28px));max-height:calc(100dvh - 44px);min-height:420px;display:grid;grid-template-rows:78px minmax(0,1fr);background:#fff;box-shadow:var(--modal-shadow);outline:1px solid rgba(255,255,255,.52);outline-offset:5px;overflow:hidden;animation:miberDialogIn .2s cubic-bezier(.2,.78,.25,1)}
.miber-dialog-toolbar{min-height:78px;padding:0 18px 0 26px;display:flex;align-items:center;justify-content:space-between;gap:16px;border-bottom:1px solid #dde1e6;background:#fff}.miber-dialog-heading{display:grid;gap:2px;min-width:0}.miber-dialog-kicker{display:flex;align-items:center;gap:7px;color:#8a9099;font-size:11px;font-weight:700;letter-spacing:.14em}.miber-dialog-kicker i{width:7px;height:7px;background:var(--brand-accent)}.miber-dialog-heading strong{font-size:16px;font-weight:650;letter-spacing:-.025em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miber-dialog-heading small{font-size:11px;color:var(--muted)}
.miber-dialog-close{width:46px;height:46px;display:grid;place-items:center;border:0;background:#171b21;color:#fff;cursor:pointer;transition:.18s}.miber-dialog-close:hover{background:#c63832;transform:translateY(-2px)}.miber-dialog-close .ui-icon{width:19px;height:19px}
.miber-dialog-body{min-height:0;overflow:auto;padding:24px;background:#f3f4f6}.miber-dialog-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.miber-action-tile{min-height:124px;padding:16px;background:#fff;display:grid;grid-template-columns:42px minmax(0,1fr) 24px;gap:13px;align-items:center;border-top:1px solid #eceef1;box-shadow:0 10px 30px rgba(16,22,30,.045);transition:.16s}.miber-action-tile:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(16,22,30,.085)}.miber-action-no{width:42px;height:42px;display:grid;place-items:center;background:#eef0f3;color:var(--brand-accent);font-size:11px;font-weight:700}.miber-action-copy b{display:block;font-size:12px}.miber-action-copy small{display:block;margin-top:4px;font-size:11px;line-height:1.55;color:var(--muted)}.miber-action-arrow{font-size:20px;color:var(--brand-accent)}.miber-action-empty{grid-column:1/-1;padding:30px;background:#fff;color:var(--muted);font-size:11px;text-align:center}
@keyframes miberDialogIn{from{opacity:.25;transform:translateY(12px) scale(.99)}to{opacity:1;transform:none}}

/* =======================================================================
   VEHICLE CREATE
   ======================================================================= */
.wizard-progress{display:flex;align-items:center;gap:7px;padding:9px 11px;background:#fff;box-shadow:var(--shadow-soft)}.wizard-progress span{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;background:#eef0f2;color:#69707a;font-size:11px;font-weight:700}.wizard-progress span.active{background:var(--brand-accent);color:#fff}.wizard-progress i{width:18px;height:1px;background:#d8dde3}
.vehicle-wizard{display:grid;gap:14px}.form-stage{background:#fff;box-shadow:var(--shadow-soft);border-top:1px solid #eceef1}.form-stage-head{display:grid;grid-template-columns:54px minmax(0,1fr);gap:16px;padding:22px;border-bottom:1px solid #e5e8ec}.stage-no{width:54px;height:54px;background:#eef0f3;color:var(--brand-accent);display:grid;place-items:center;font-size:11px;font-weight:700}.form-stage-head h2{margin:3px 0 5px;font-size:22px;letter-spacing:-.035em}.form-stage-head p{margin:0;max-width:750px;color:var(--muted);font-size:11px;line-height:1.65}.form-stage>.form-grid{padding:22px}
.template-select-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;padding:20px}.template-select-card{position:relative;background:#f6f7f8;border:1px solid transparent;transition:.16s}.template-select-card:hover{background:#f0f2f4;border-color:#cfd4da;transform:translateY(-2px)}.template-select-card.selected,.template-select-card:has(input:checked){background:#f3f3ff;border-color:#9faaf3;box-shadow:inset 0 0 0 1px #9faaf3}
.template-select-main{display:block;padding:14px;cursor:pointer}.template-select-main>input{position:absolute;opacity:0;pointer-events:none}.template-select-top{display:flex;justify-content:space-between;align-items:flex-start}.template-bus-icon{width:54px;height:54px;background:#fff;color:var(--brand-accent);display:grid;place-items:center;box-shadow:inset 0 0 0 1px #eceef1}.template-bus-icon .ui-icon{width:25px;height:25px}.template-selected-mark{width:28px;height:28px;background:#e8eaed;color:transparent;display:grid;place-items:center;font-size:11px;font-weight:700}.template-select-card.selected .template-selected-mark,.template-select-main:has(input:checked) .template-selected-mark{background:var(--brand-accent);color:#fff}.template-select-count{display:grid;margin-top:28px}.template-select-count strong{font-size:34px;line-height:1;letter-spacing:-.05em}.template-select-count small{margin-top:3px;font-size:11px;letter-spacing:.12em;color:#8e949d}.template-select-copy{display:block;margin-top:15px;border-top:1px solid #dddfe3;padding-top:12px}.template-select-copy b{display:block;font-size:11px;line-height:1.45}.template-select-copy small{display:block;margin-top:3px;font-size:11px;color:#8a9099}.template-preview-trigger{width:100%;min-height:40px;padding:0 14px;border:0;border-top:1px solid #dfe2e6;background:#fff;color:#515862;display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:600;cursor:pointer}.template-preview-trigger:hover{color:var(--brand-accent);background:#fafbfc}
.form-command-dock{position:sticky;bottom:12px;z-index:25;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:13px 14px;background:rgba(255,255,255,.97);border-top:1px solid #dfe2e6;border-bottom:1px solid #dfe2e6;box-shadow:0 20px 55px rgba(16,22,30,.13);backdrop-filter:blur(20px)}.form-command-copy{display:flex;align-items:center;gap:13px}.form-command-copy .stage-no{width:46px;height:46px}.form-command-copy b{display:block;font-size:12px}.form-command-copy small{display:block;margin-top:3px;color:var(--muted);font-size:11px}
.form-error{margin:0 22px 20px;padding:11px;background:#fff0ef;color:#9e2c27;font-size:11px;border-left:2px solid var(--bad)}
.preview-frame{width:min(1180px,calc(100vw - 28px));height:min(900px,calc(100dvh - 44px))}.template-preview-body{min-height:0;background:#02050b}.template-preview-body iframe{display:block;width:100%;height:100%;border:0;background:#02050b}

/* =======================================================================
   TEMPLATE GALLERY
   ======================================================================= */
.template-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.template-gallery-card{background:#fff;box-shadow:var(--shadow-soft);border-top:1px solid #eceef1}.template-gallery-visual{min-height:165px;padding:20px;background:linear-gradient(145deg,#07142d,#17295b);color:#fff;display:flex;align-items:flex-end;justify-content:space-between}.template-gallery-icon{width:58px;height:58px;background:rgba(255,255,255,.08);display:grid;place-items:center}.template-gallery-icon .ui-icon{width:28px;height:28px}.template-gallery-visual>div{text-align:right}.template-gallery-visual b{display:block;font-size:11px;color:#9faee0}.template-gallery-visual strong{display:block;font-size:38px;line-height:1;margin-top:4px}.template-gallery-visual small{font-size:11px;color:#9faee0;letter-spacing:.12em}.template-gallery-copy{padding:18px}.template-gallery-copy h2{margin:10px 0 5px;font-size:15px;letter-spacing:-.025em}.template-gallery-copy p{margin:0;color:var(--muted);font-size:11px}.template-gallery-actions{display:flex;gap:8px;padding:0 18px 18px}

/* Generic modal form language */
.modal-form-sheet{background:#fff;box-shadow:0 12px 36px rgba(18,24,32,.055)}.modal-form-intro{padding:22px;border-bottom:1px solid #e0e3e7}.modal-form-intro h2{margin:0 0 5px;font-size:22px;letter-spacing:-.035em}.modal-form-intro p{margin:0;color:var(--muted);font-size:11px}.modal-crud-form{padding:22px}.modal-form-actions{display:flex;justify-content:flex-end;padding-top:16px;border-top:1px solid #e0e3e7;margin-top:5px}.service-dialog-frame{width:min(720px,calc(100vw - 28px));min-height:0}

/* Toast */
.toast,.public-toast{position:fixed!important;right:22px!important;top:96px!important;z-index:800!important;background:#fff!important;color:var(--text)!important;border:0!important;box-shadow:0 24px 70px rgba(16,22,30,.18)!important;border-radius:0!important;padding:13px 16px!important;font-size:11px!important;transition:.25s}

/* =======================================================================
   RESPONSIVE
   ======================================================================= */
@media(max-width:1180px){
  .miber-brand-copy,.miber-user-copy{display:none}
  .app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .template-select-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .template-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .dashboard-grid,.split-grid{grid-template-columns:1fr!important}
}
@media(max-width:820px){
  .miber-app-header{height:auto}.miber-header-bar{min-height:72px;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;padding:0 12px}.miber-top-nav{justify-content:flex-start}.miber-nav-link{min-height:44px;padding:0 9px;font-size:11px}.miber-nav-icon{width:26px;height:26px}.miber-nav-icon .ui-icon{width:15px;height:15px}.miber-system-state{display:none}
  .miber-app-main{padding:20px 12px 36px}.page-head{align-items:flex-start!important;flex-direction:column!important}
  .form-grid-3,.form-grid-2{grid-template-columns:1fr!important}
  .miber-dialog-actions{grid-template-columns:1fr}
}
@media(max-width:700px){
  .miber-login{display:block;min-height:100dvh;background:linear-gradient(160deg,#07142d 0,#1b2868 43%,#eef2f7 43.1%,#eef2f7 100%)}
  .miber-login-visual{display:none}.miber-login-panel{display:block;min-height:100dvh;padding:0 14px calc(22px + env(safe-area-inset-bottom));background:transparent}
  .miber-login-mobile-brand{height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(10px + env(safe-area-inset-top));color:#fff;text-align:center}
  .miber-login-mobile-brand .miber-login-logo{width:70px;height:70px;border-radius:21px;box-shadow:0 18px 42px rgba(0,0,0,.28)}
  .miber-login-mobile-brand div{margin-top:12px}.miber-login-mobile-brand b{display:block;font-size:22px;line-height:1}.miber-login-mobile-brand small{display:block;margin-top:5px;color:rgba(255,255,255,.62);font-size:11px}
  .miber-login-card{width:min(100%,470px);margin:-22px auto 0;padding:25px 18px 18px;border-radius:27px}
  .miber-login-card h2{font-size:30px;margin:12px 0 5px}.miber-login-head{margin-bottom:20px}.miber-login-control input{font-size:16px!important}
  .template-select-grid,.template-gallery,.app-grid{grid-template-columns:1fr}
  .form-command-dock{position:static;flex-direction:column;align-items:stretch}.form-command-dock .btn{width:100%}
  .miber-dialog-frame{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);min-height:0;grid-template-rows:68px minmax(0,1fr)}.miber-dialog-toolbar{min-height:68px;padding:0 10px 0 14px}.miber-dialog-close{width:44px;height:44px}.miber-dialog-body{padding:12px}
  .preview-frame{height:calc(100dvh - 12px)}
}
@media(max-width:480px){
  .miber-top-nav{gap:0}.miber-nav-link span:last-child{display:none}.miber-nav-link{padding:0 5px}.miber-avatar{width:34px;height:34px}
  .metric-grid{grid-template-columns:1fr!important}.cards-grid{grid-template-columns:1fr!important}
}


/* =======================================================================
   MİBER v1.5 — MODAL ENGINE: fixed center, near-fullscreen, lightweight
   ======================================================================= */

/* Native <dialog> is explicitly positioned so Apache/browser/legacy CSS
   cannot leave it at the top-left. */
dialog.miber-dialog{
  position:fixed!important;
  top:50%!important;
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
  inset:auto!important;
  transform:translate(-50%,-50%)!important;
  margin:0!important;
  width:min(96vw,1480px)!important;
  height:min(92dvh,980px)!important;
  max-width:none!important;
  max-height:none!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  overflow:visible!important;
  color:var(--text)!important;
  contain:layout style;
}
dialog.miber-dialog:not([open]){display:none!important}

/* Blur over an entire 4K screen was the main GPU-heavy part.
   Keep backdrop simple so the modal appears immediately. */
dialog.miber-dialog::backdrop{
  background:rgba(7,12,20,.60)!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}

dialog.miber-dialog .miber-dialog-frame{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  max-height:none!important;
  min-width:0!important;
  min-height:0!important;
  display:grid!important;
  grid-template-rows:76px minmax(0,1fr)!important;
  overflow:hidden!important;
  background:#fff!important;
  outline:0!important;
  box-shadow:0 28px 72px rgba(5,10,18,.24)!important;
  animation:miberDialogFast .08s ease-out both!important;
  transform:translateZ(0);
}
@keyframes miberDialogFast{
  from{opacity:.72}
  to{opacity:1}
}

dialog.miber-dialog .miber-dialog-toolbar{
  min-height:76px!important;
  height:76px!important;
  padding:0 18px 0 26px!important;
  flex:0 0 auto!important;
}
dialog.miber-dialog .miber-dialog-body{
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  overflow:auto!important;
  overscroll-behavior:contain;
  padding:22px!important;
  background:#f2f4f6!important;
  scrollbar-gutter:stable;
}
dialog.miber-dialog .miber-dialog-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(290px,1fr))!important;
  align-content:start!important;
  gap:12px!important;
}
dialog.miber-dialog .miber-action-tile{
  min-height:150px!important;
  will-change:auto!important;
  transition:background .08s ease!important;
  transform:none!important;
  box-shadow:0 7px 20px rgba(16,22,30,.04)!important;
}
dialog.miber-dialog .miber-action-tile:hover{
  transform:none!important;
  background:#fbfbfc!important;
  box-shadow:0 7px 20px rgba(16,22,30,.04)!important;
}

/* Preview fills the modal instead of creating a second smaller box. */
dialog.miber-template-dialog{
  width:min(98vw,1680px)!important;
  height:min(95dvh,1080px)!important;
}
dialog.miber-template-dialog .preview-frame{
  width:100%!important;
  height:100%!important;
}
.template-preview-body{
  position:relative!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
}
.template-preview-body:before{
  content:"Şablon yükleniyor…";
  position:absolute;
  inset:0;
  z-index:0;
  display:grid;
  place-items:center;
  background:#050910;
  color:#7f8da4;
  font-size:11px;
  letter-spacing:.08em;
}
.template-preview-body iframe{
  position:relative!important;
  z-index:1!important;
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  border:0!important;
  display:block!important;
  background:#050910!important;
}

/* Service/auth dialogs also use the same large frame. */
dialog.miber-service-dialog{
  width:min(92vw,1180px)!important;
  height:min(86dvh,840px)!important;
}
dialog.miber-service-dialog .service-dialog-frame{
  width:100%!important;
  height:100%!important;
}
dialog.miber-service-dialog .modal-form-sheet{
  min-height:100%;
  display:grid;
  grid-template-rows:auto minmax(0,1fr);
}
dialog.miber-service-dialog .modal-crud-form{
  align-content:start;
}

/* =======================================================================
   VEHICLE LOGIN — professional tablet/device identity screen
   ======================================================================= */
body.vehicle-public{
  margin:0!important;
  min-height:100dvh!important;
  color:#101828!important;
  background:#f4f6f9!important;
  font-family:"Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  -webkit-font-smoothing:antialiased;
}
.vehicle-auth-shell{
  min-height:100dvh;
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(460px,.88fr);
  background:#fff;
}
.vehicle-auth-visual{
  position:relative;
  min-height:100dvh;
  overflow:hidden;
  padding:clamp(34px,4vw,68px);
  display:flex;
  flex-direction:column;
  color:#fff;
  background:
    radial-gradient(circle at 18% 18%,rgba(77,101,235,.27),transparent 30%),
    radial-gradient(circle at 82% 68%,rgba(31,181,189,.13),transparent 26%),
    linear-gradient(142deg,#061126 0%,#13265e 50%,#07152e 100%);
}
.vehicle-auth-visual:after{
  content:"";
  position:absolute;
  width:min(62vw,720px);
  aspect-ratio:1;
  right:-27%;
  bottom:-31%;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.12);
  box-shadow:0 0 0 72px rgba(255,255,255,.025),0 0 0 144px rgba(255,255,255,.016);
}
.vehicle-auth-brand{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:13px;
}
.vehicle-auth-logo{
  width:54px;
  height:54px;
  border-radius:16px;
  display:grid;
  place-items:center;
  background:linear-gradient(145deg,#5367ec,#2943bb);
  font-size:20px;
  font-weight:700;
  box-shadow:0 18px 42px rgba(0,0,0,.24),inset 0 0 0 1px rgba(255,255,255,.14);
}
.vehicle-auth-brand b{display:block;font-size:17px;line-height:1.1}
.vehicle-auth-brand small{display:block;margin-top:4px;color:rgba(255,255,255,.58);font-size:11px}
.vehicle-auth-copy{
  position:relative;
  z-index:2;
  margin:auto 0;
  max-width:760px;
}
.vehicle-auth-kicker{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 10px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.07);
  border-radius:999px;
  font-size:11px;
  font-weight:700;
  letter-spacing:.13em;
  color:rgba(255,255,255,.78);
}
.vehicle-auth-kicker i{
  width:7px;height:7px;border-radius:50%;background:#59e39e;
  box-shadow:0 0 0 5px rgba(89,227,158,.10);
}
.vehicle-auth-copy h1{
  margin:19px 0 15px;
  max-width:700px;
  font-size:clamp(46px,5vw,78px);
  line-height:.99;
  letter-spacing:-.058em;
  font-weight:700;
}
.vehicle-auth-copy p{
  margin:0;
  max-width:620px;
  color:rgba(239,244,255,.64);
  font-size:13px;
  line-height:1.72;
}
.vehicle-auth-device-card{
  position:relative;
  z-index:2;
  width:min(640px,100%);
  min-height:126px;
  display:grid;
  grid-template-columns:92px minmax(0,1fr);
  align-items:center;
  gap:18px;
  padding:17px;
  background:rgba(255,255,255,.065);
  border:1px solid rgba(255,255,255,.11);
}
.vehicle-auth-device-icon{
  width:92px;height:92px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.10);
}
.vehicle-auth-device-icon svg{width:42px;height:42px;stroke:#fff}
.vehicle-auth-device-card small{
  display:block;color:rgba(255,255,255,.50);font-size:11px;letter-spacing:.12em;
}
.vehicle-auth-device-card b{
  display:block;margin-top:5px;font-size:14px;font-weight:650;
}
.vehicle-auth-device-card p{
  margin:5px 0 0;color:rgba(255,255,255,.58);font-size:11px;line-height:1.6;
}

.vehicle-auth-panel{
  min-height:100dvh;
  display:grid;
  place-items:center;
  padding:42px clamp(28px,5vw,82px);
  background:linear-gradient(180deg,#fbfcfe,#f5f7fa);
}
.vehicle-auth-form-card{
  width:min(470px,100%);
  padding:34px;
  background:#fff;
  border:1px solid #e3e8ee;
  box-shadow:0 28px 74px rgba(16,24,40,.10);
}
.vehicle-auth-panel-head{
  margin-bottom:26px;
}
.vehicle-auth-secure{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:28px;
  padding:0 10px;
  border-radius:999px;
  background:#effaf4;
  color:#23764b;
  font-size:11px;
  font-weight:650;
}
.vehicle-auth-secure i{
  width:7px;height:7px;border-radius:50%;background:#34a86a;
  box-shadow:0 0 0 4px rgba(52,168,106,.10);
}
.vehicle-auth-panel-head h2{
  margin:15px 0 6px;
  font-size:36px;
  line-height:1.05;
  letter-spacing:-.05em;
  color:#101828;
  font-weight:700;
}
.vehicle-auth-panel-head p{
  margin:0;
  color:#7b8592;
  font-size:11px;
  line-height:1.65;
}
.vehicle-auth-form{
  display:grid;
  gap:16px;
}
.vehicle-auth-field{
  display:grid;
  gap:7px;
}
.vehicle-auth-field>span{
  font-size:11px;
  font-weight:600;
  color:#4f5b68;
}
.vehicle-auth-control{
  position:relative;
  min-height:58px;
  display:flex;
  align-items:center;
  border:1px solid #dde4eb;
  background:#f8fafc;
  transition:border-color .1s,box-shadow .1s,background .1s;
}
.vehicle-auth-control:focus-within{
  border-color:#8797ee;
  background:#fff;
  box-shadow:0 0 0 4px rgba(47,73,199,.08);
}
.vehicle-auth-control-icon{
  width:50px;
  display:grid;
  place-items:center;
  color:#7d8895;
}
.vehicle-auth-control-icon svg{width:18px;height:18px}
.vehicle-auth-control input{
  width:100%!important;
  min-height:56px!important;
  height:56px!important;
  padding:0 12px 0 0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
  border-radius:0!important;
  color:#111827!important;
  font-size:14px!important;
  outline:0!important;
}
.vehicle-auth-control input:focus{box-shadow:none!important}
.vehicle-auth-password-toggle{
  flex:0 0 auto;
  min-width:58px;
  height:38px;
  margin-right:8px;
  border:0;
  background:#eef2f6;
  color:#667280;
  font-size:11px;
  font-weight:650;
  cursor:pointer;
}
.vehicle-auth-submit{
  width:100%;
  min-height:58px;
  margin-top:3px;
  padding:0 18px;
  border:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  background:linear-gradient(135deg,#172748 0%,#3d3bb9 56%,#287aae 100%);
  color:#fff;
  font-size:12.5px;
  font-weight:700;
  box-shadow:0 16px 30px rgba(43,52,156,.20);
  cursor:pointer;
  transition:transform .1s,box-shadow .1s;
}
.vehicle-auth-submit:hover{transform:translateY(-1px);box-shadow:0 20px 36px rgba(43,52,156,.24)}
.vehicle-auth-submit strong{font-size:20px;font-weight:400}
.vehicle-auth-note{
  margin-top:14px;
  padding:13px 14px;
  display:flex;
  gap:10px;
  align-items:flex-start;
  background:#f7f8fa;
  border-left:2px solid #cfd5dc;
}
.vehicle-auth-note svg{
  flex:0 0 auto;
  width:17px;height:17px;
  color:#687483;
  margin-top:1px;
}
.vehicle-auth-note p{
  margin:0;
  color:#7a8491;
  font-size:11px;
  line-height:1.6;
}
.vehicle-auth-footer{
  margin-top:17px;
  padding-top:16px;
  border-top:1px solid #edf0f4;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  color:#89939f;
  font-size:11px;
}
.vehicle-auth-footer span{display:flex;align-items:center;gap:6px}
.vehicle-auth-footer i{
  width:6px;height:6px;border-radius:50%;background:#35a76a;
}

@media(max-width:760px){
  dialog.miber-dialog{
    top:0!important;left:0!important;
    transform:none!important;
    width:100vw!important;height:100dvh!important;
  }
  dialog.miber-dialog .miber-dialog-frame{
    width:100%!important;height:100%!important;
    grid-template-rows:66px minmax(0,1fr)!important;
  }
  dialog.miber-dialog .miber-dialog-toolbar{
    min-height:66px!important;height:66px!important;padding:0 10px 0 14px!important;
  }
  dialog.miber-dialog .miber-dialog-body{padding:10px!important}
  dialog.miber-dialog .miber-dialog-actions{grid-template-columns:1fr!important}

  .vehicle-auth-shell{
    display:block;
    min-height:100dvh;
    background:linear-gradient(160deg,#07142d 0,#1a2a68 39%,#eef2f7 39.1%,#eef2f7 100%);
  }
  .vehicle-auth-visual{
    min-height:250px;
    height:250px;
    padding:24px 18px;
    background:transparent;
  }
  .vehicle-auth-visual:after,.vehicle-auth-copy,.vehicle-auth-device-card{display:none}
  .vehicle-auth-brand{
    justify-content:center;
    flex-direction:column;
    margin:auto 0;
    text-align:center;
  }
  .vehicle-auth-logo{width:70px;height:70px;border-radius:21px}
  .vehicle-auth-panel{
    display:block;
    min-height:auto;
    padding:0 14px calc(22px + env(safe-area-inset-bottom));
    background:transparent;
  }
  .vehicle-auth-form-card{
    width:min(100%,500px);
    margin:-22px auto 0;
    padding:25px 18px 19px;
    border-radius:27px;
    box-shadow:0 28px 70px rgba(16,24,40,.16);
  }
  .vehicle-auth-panel-head h2{font-size:30px}
  .vehicle-auth-control input{font-size:16px!important}
}


/* =======================================================================
   MİBER v1.6 — deterministic overlay modals
   ======================================================================= */
html.miber-has-modal,body.miber-has-modal{overflow:hidden!important}

.miber-modal-layer[hidden]{display:none!important}
.miber-modal-layer{
  position:fixed!important;
  inset:0!important;
  z-index:2147483000!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  padding:clamp(8px,2vh,22px) clamp(8px,2vw,28px)!important;
  background:rgba(5,10,18,.68)!important;
  overflow:hidden!important;
}

.miber-modal-panel{
  width:min(96vw,1600px)!important;
  height:min(94dvh,980px)!important;
  max-width:none!important;
  max-height:none!important;
  margin:0!important;
  display:grid!important;
  grid-template-rows:78px minmax(0,1fr)!important;
  overflow:hidden!important;
  background:#eef1f5!important;
  border:1px solid rgba(255,255,255,.17)!important;
  border-radius:22px!important;
  box-shadow:0 30px 80px rgba(0,0,0,.36)!important;
}

.miber-modal-toolbar{
  min-height:78px!important;
  height:78px!important;
  padding:0 18px 0 26px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  background:linear-gradient(100deg,#08152d,#10245a)!important;
  color:#fff!important;
  border:0!important;
}

.miber-modal-toolbar .miber-dialog-heading strong{color:#fff!important}
.miber-modal-toolbar .miber-dialog-heading small{color:rgba(255,255,255,.52)!important}
.miber-modal-toolbar .miber-dialog-kicker{color:rgba(255,255,255,.60)!important}
.miber-modal-toolbar .miber-dialog-kicker i{background:#7487ff!important}

.miber-modal-close{
  width:48px!important;
  height:48px!important;
  display:grid!important;
  place-items:center!important;
  flex:0 0 48px!important;
  border:1px solid rgba(255,255,255,.13)!important;
  border-radius:14px!important;
  background:rgba(255,255,255,.08)!important;
  color:#fff!important;
  cursor:pointer!important;
  transition:background .08s ease!important;
}
.miber-modal-close:hover{background:rgba(255,255,255,.16)!important}
.miber-modal-close .ui-icon{width:19px!important;height:19px!important}

.miber-modal-content{
  min-width:0!important;
  min-height:0!important;
  width:100%!important;
  height:100%!important;
  overflow:auto!important;
  padding:22px!important;
  background:
    linear-gradient(180deg,#eef1f5 0,#f4f6f8 100%)!important;
  overscroll-behavior:contain!important;
  scrollbar-gutter:stable;
}

.miber-modal-content .miber-dialog-actions{
  width:100%!important;
  display:grid!important;
  grid-template-columns:repeat(auto-fit,minmax(300px,1fr))!important;
  align-content:start!important;
  gap:12px!important;
}

.miber-modal-content .miber-action-tile{
  min-height:156px!important;
  padding:18px!important;
  border:1px solid #dde2e8!important;
  border-radius:16px!important;
  background:#f9fafb!important;
  box-shadow:none!important;
  transform:none!important;
  transition:border-color .08s ease,background .08s ease!important;
}

.miber-modal-content .miber-action-tile:hover{
  transform:none!important;
  border-color:#b7c0ce!important;
  background:#fff!important;
  box-shadow:none!important;
}

.miber-modal-content .miber-action-no{
  border-radius:11px!important;
  background:#e8ebf4!important;
}
.miber-modal-content .miber-action-copy b{font-size:13px!important}
.miber-modal-content .miber-action-copy small{font-size:11px!important}

.miber-modal-layer.is-template .miber-modal-panel{
  width:min(98vw,1760px)!important;
  height:min(96dvh,1080px)!important;
  background:#050910!important;
}

.miber-modal-layer.is-template .miber-modal-content{
  padding:0!important;
  overflow:hidden!important;
  background:#050910!important;
}

.miber-modal-layer.is-template .template-preview-body{
  width:100%!important;
  height:100%!important;
  min-height:0!important;
  overflow:hidden!important;
  background:#050910!important;
}

.miber-modal-layer.is-template .template-preview-body iframe{
  display:block!important;
  width:100%!important;
  height:100%!important;
  border:0!important;
  background:#050910!important;
}

.miber-modal-layer.is-service .miber-modal-panel{
  width:min(92vw,1180px)!important;
  height:min(88dvh,860px)!important;
}

.miber-modal-layer.is-service .miber-modal-content{
  padding:22px!important;
}

.miber-modal-layer.is-service .modal-form-sheet{
  min-height:100%!important;
  border:1px solid #dde2e8!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#f9fafb!important;
  box-shadow:none!important;
}

@media(max-width:760px){
  .miber-modal-layer{padding:0!important}
  .miber-modal-panel,
  .miber-modal-layer.is-template .miber-modal-panel,
  .miber-modal-layer.is-service .miber-modal-panel{
    width:100vw!important;
    height:100dvh!important;
    border:0!important;
    border-radius:0!important;
    grid-template-rows:68px minmax(0,1fr)!important;
  }
  .miber-modal-toolbar{
    min-height:68px!important;
    height:68px!important;
    padding:0 10px 0 14px!important;
  }
  .miber-modal-content{padding:10px!important}
  .miber-modal-content .miber-dialog-actions{grid-template-columns:1fr!important}
}

/* ==== miber-v20.css ==== */
/* MİBER v2.0 — branding, unified login, role dashboards, live operations */
:root{
  --miber-cyan:#57c7d6;
  --miber-cyan-deep:#159fb5;
  --miber-ink:#111518;
  --miber-navy:#07192c;
  --miber-navy-2:#0a2440;
  --miber-soft:#f4f7fa;
  --miber-border:#dfe7ed;
  --miber-success:#1b9a68;
  --miber-warning:#b97713;
  --miber-danger:#c53c4a;
}
html,body{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}

/* Shared brand */
.miber-brand-logo-img,.miber-login-logo-img,.vehicle-brand-logo-img,.bank-brand-logo-img{display:block;object-fit:contain}
.miber-brand-logo-img{width:48px;height:48px;padding:4px;border-radius:14px;background:#fff;border:1px solid #edf1f3;box-shadow:0 8px 24px rgba(7,25,44,.08)}
.miber-login-logo-img{width:62px;height:62px;padding:4px;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(0,0,0,.18)}
.vehicle-brand-logo-img{width:48px;height:48px;padding:4px;border-radius:14px;background:#fff}
.bank-brand-logo-img{width:68px;height:68px;padding:5px;border-radius:20px;background:#fff;box-shadow:0 18px 44px rgba(7,25,44,.12)}

/* Unified bank-grade login */
.miber-login-v2{grid-template-columns:minmax(0,1.12fr) minmax(430px,.88fr);background:#fff}
.miber-login-v2 .miber-login-visual{
  isolation:isolate;
  padding:clamp(32px,4.4vw,72px);
  background:
    radial-gradient(circle at 18% 18%,rgba(87,199,214,.23),transparent 28%),
    radial-gradient(circle at 88% 72%,rgba(87,199,214,.14),transparent 27%),
    linear-gradient(145deg,#061523 0%,#092844 56%,#0d3654 100%);
}
.miber-login-v2 .miber-login-visual:after{border-color:rgba(87,199,214,.22);box-shadow:0 0 0 72px rgba(87,199,214,.035),0 0 0 144px rgba(255,255,255,.018)}
.miber-login-v2 .miber-login-visual-top{gap:16px}
.miber-login-v2 .miber-login-visual-top b{font-size:24px;letter-spacing:.08em}
.miber-login-v2 .miber-login-visual-top small{font-size:11px;letter-spacing:.02em}
.miber-login-v2 .miber-login-copy{margin:clamp(36px,7vh,92px) 0 26px;max-width:860px}
.miber-login-v2 .miber-login-copy>span{border-color:rgba(87,199,214,.32);background:rgba(87,199,214,.11);color:#bcecf2}
.miber-login-v2 .miber-login-copy h1{font-size:clamp(46px,5.15vw,78px);line-height:.98;max-width:830px}
.miber-login-v2 .miber-login-copy h1 em{font-style:normal;color:var(--miber-cyan)}
.miber-login-v2 .miber-login-copy p{max-width:760px;font-size:14px;color:rgba(239,248,255,.7)}
.miber-fleet-hero{position:relative;z-index:3;display:grid;grid-template-columns:1.15fr 1fr 1fr;gap:12px;margin:0 0 24px;max-width:830px}
.miber-fleet-unit{min-height:108px;padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:rgba(255,255,255,.065);backdrop-filter:blur(10px);display:flex;align-items:center;gap:14px;color:#fff;box-shadow:inset 0 1px rgba(255,255,255,.05)}
.miber-fleet-unit.primary{background:linear-gradient(145deg,rgba(87,199,214,.20),rgba(255,255,255,.07));border-color:rgba(87,199,214,.34)}
.miber-fleet-unit>span{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;flex:0 0 56px;background:#fff;color:#0c2b41;box-shadow:0 14px 28px rgba(0,0,0,.16)}
.miber-fleet-unit>span .ui-icon{width:34px;height:34px;stroke-width:1.55}
.miber-fleet-unit.primary>span{color:var(--miber-cyan-deep)}
.miber-fleet-unit b{display:block;font-size:13px;letter-spacing:-.01em}.miber-fleet-unit small{display:block;margin-top:4px;font-size:11px;color:rgba(255,255,255,.56);line-height:1.4}
.miber-login-signal-strip{position:relative;z-index:2;display:flex;align-items:center;flex-wrap:wrap;gap:12px 18px;padding-top:20px;border-top:1px solid rgba(255,255,255,.10);color:rgba(255,255,255,.64)}
.miber-login-signal-strip span{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.01em}.miber-login-signal-strip .ui-icon{width:15px;height:15px;color:var(--miber-cyan)}
.miber-login-v2 .miber-login-panel{background:linear-gradient(180deg,#fbfcfd 0,#f3f7fa 100%)}
.miber-login-v2 .miber-login-card{width:min(476px,100%);padding:32px;border-radius:30px;border-color:#e2e9ed;box-shadow:0 28px 90px rgba(9,29,48,.12)}
.miber-login-v2 .miber-login-card h2{font-size:38px;color:#111518}
.miber-login-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:0 0 22px;padding:5px;border:1px solid #e4eaee;border-radius:15px;background:#f2f6f8}
.miber-login-tabs button{min-height:44px;border:0;border-radius:11px;background:transparent;color:#66737d;font:inherit;font-size:11px;font-weight:700;display:flex;align-items:center;justify-content:center;gap:7px;cursor:pointer;transition:.18s ease}
.miber-login-tabs button .ui-icon{width:16px;height:16px}.miber-login-tabs button.active{background:#fff;color:#0d2637;box-shadow:0 4px 15px rgba(7,25,44,.08)}
.miber-login-v2 .miber-login-control:focus-within{border-color:#57c7d6;box-shadow:0 0 0 4px rgba(87,199,214,.14)}
.miber-login-v2 .miber-login-submit{background:linear-gradient(135deg,#0c2537 0%,#103c54 54%,#159fb5 100%);box-shadow:0 16px 30px rgba(10,82,106,.23)}
.miber-login-v2 .miber-login-submit:hover{box-shadow:0 20px 36px rgba(10,82,106,.28)}
.miber-install-cta{position:relative;overflow:hidden;width:100%;min-height:72px;padding:10px 12px;border:1px solid rgba(87,199,214,.34);border-radius:18px;background:linear-gradient(135deg,#effcff,#f7fbfc);display:grid;grid-template-columns:48px minmax(0,1fr) 36px;align-items:center;gap:11px;color:#0f3444;text-align:left;cursor:pointer;box-shadow:0 8px 24px rgba(34,142,160,.09);transition:.2s ease}
.miber-install-cta:before{content:"";position:absolute;inset:-120% -30%;background:linear-gradient(100deg,transparent 38%,rgba(87,199,214,.18) 50%,transparent 62%);transform:translateX(-55%);animation:miberInstallShine 4s ease-in-out infinite;pointer-events:none}
.miber-install-cta:hover{transform:translateY(-1px);border-color:rgba(21,159,181,.5);box-shadow:0 12px 30px rgba(34,142,160,.15)}
.miber-install-orbit{position:relative;width:48px;height:48px;border-radius:15px;background:#fff;display:grid;place-items:center;box-shadow:0 7px 20px rgba(7,25,44,.09)}
.miber-install-orbit:after{content:"";position:absolute;inset:-5px;border:1px solid rgba(87,199,214,.42);border-radius:19px;animation:miberInstallPulse 2.4s ease-out infinite}.miber-install-orbit img{width:39px;height:39px}
.miber-install-copy{display:grid;gap:3px;position:relative;z-index:1}.miber-install-copy b{font-size:13px}.miber-install-copy small{font-size:11px;color:#6f8089}.miber-install-cta>strong{display:grid;place-items:center;color:#159fb5}.miber-install-cta>strong .ui-icon{width:21px;height:21px}
@keyframes miberInstallPulse{0%{opacity:.9;transform:scale(.86)}70%,100%{opacity:0;transform:scale(1.18)}}
@keyframes miberInstallShine{0%,58%{transform:translateX(-58%)}88%,100%{transform:translateX(58%)}}

/* PWA install sheet */
.miber-install-sheet[hidden]{display:none!important}.miber-install-sheet{position:fixed;inset:0;z-index:2147483600;display:grid;place-items:center;padding:20px;background:rgba(3,14,24,.67);backdrop-filter:blur(10px)}
.miber-install-sheet-card{position:relative;width:min(430px,100%);padding:32px;border-radius:28px;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.28);text-align:center;color:#14242d}.miber-install-sheet-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:12px;background:#f1f5f7;color:#48606d;font-size:22px;cursor:pointer}.miber-install-appicon{width:84px;height:84px;border-radius:22px;box-shadow:0 12px 34px rgba(7,25,44,.12)}.miber-install-sheet h3{margin:18px 0 8px;font-size:25px;letter-spacing:-.035em}.miber-install-sheet p,.miber-install-sheet li{font-size:12px;line-height:1.65;color:#667781}.miber-install-sheet ol{text-align:left;padding-left:22px}.miber-install-sheet-ok{width:100%;height:48px;margin-top:12px;border:0;border-radius:14px;background:#0b3147;color:#fff;font-weight:700;cursor:pointer}

/* Header brand uses the approved M everywhere */
.miber-brand{gap:12px}.miber-brand-logo{display:none!important}.miber-brand-copy strong{letter-spacing:.06em}.miber-brand-copy small{font-size:11px}
.miber-user-trigger .miber-avatar{background:linear-gradient(135deg,#102a3d,#57c7d6);color:#fff}

/* Role-aware dashboard */
.role-banner{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:18px;margin-bottom:18px}
.role-banner-main{position:relative;overflow:hidden;min-height:178px;padding:26px;border:1px solid #dce6eb;border-radius:24px;background:linear-gradient(135deg,#0a2236,#0d3954);color:#fff;box-shadow:0 16px 36px rgba(10,36,54,.13)}
.role-banner-main:after{content:"";position:absolute;width:240px;height:240px;border:1px solid rgba(87,199,214,.22);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 0 50px rgba(87,199,214,.025),0 0 0 100px rgba(87,199,214,.015)}
.role-banner-main>*{position:relative;z-index:1}.role-banner-kicker{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.14em;color:#9de2eb}.role-banner-main h2{margin:14px 0 8px;font-size:31px;letter-spacing:-.045em}.role-banner-main p{max-width:680px;margin:0;color:rgba(255,255,255,.66);font-size:12px;line-height:1.65}.role-banner-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.role-banner-actions a{min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.15);border-radius:11px;background:rgba(255,255,255,.08);display:inline-flex;align-items:center;gap:7px;color:#fff;font-size:11px;font-weight:700}.role-banner-actions a.primary{background:#57c7d6;color:#062133;border-color:#57c7d6}.role-banner-side{padding:20px;border:1px solid #dce6eb;border-radius:24px;background:#fff;box-shadow:0 12px 32px rgba(13,38,55,.06)}.role-banner-side h3{margin:0 0 14px;font-size:14px}.role-mini-list{display:grid;gap:10px}.role-mini-list>div{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid #edf2f4;font-size:11px}.role-mini-list>div:last-child{border-bottom:0}.role-mini-list span{color:#75848d}.role-mini-list b{color:#172a35;text-align:right}
.metric-grid.role-metrics{grid-template-columns:repeat(6,minmax(0,1fr))}.metric-grid.role-metrics .metric{min-height:118px}.metric-grid.role-metrics .metric strong{font-size:28px}.metric-grid.role-metrics .metric strong.text-md{font-size:16px}

/* Operations command center */
.ops-command-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.65fr);gap:18px;margin-bottom:18px}.ops-map-panel{position:relative;min-height:390px;overflow:hidden;border:1px solid #dce6eb;border-radius:24px;background:linear-gradient(160deg,#eef5f7,#f9fbfc)}.ops-map-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(20,69,88,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(20,69,88,.055) 1px,transparent 1px);background-size:34px 34px}.ops-map-panel:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 28% 36%,rgba(87,199,214,.12),transparent 22%),radial-gradient(circle at 72% 64%,rgba(26,99,125,.08),transparent 24%)}.ops-map-head{position:relative;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid rgba(20,69,88,.08);background:rgba(255,255,255,.78);backdrop-filter:blur(7px)}.ops-map-head h2{margin:0;font-size:15px}.ops-map-head small{font-size:11px;color:#73828a}.ops-map-stage{position:absolute;inset:62px 0 0;z-index:2}.ops-map-pin{position:absolute;transform:translate(-50%,-50%);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:4px solid rgba(255,255,255,.9);background:#159fb5;color:#fff;box-shadow:0 8px 22px rgba(14,76,98,.22);font-size:11px;font-weight:800;cursor:pointer}.ops-map-pin.offline{background:#89969c}.ops-map-pin.alert{background:#c53c4a}.ops-map-pin.moving:after{content:"";position:absolute;inset:-8px;border:1px solid rgba(21,159,181,.34);border-radius:50%;animation:miberPinPulse 2s infinite}.ops-map-pin span{position:absolute;top:39px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:5px 7px;border-radius:8px;background:rgba(7,25,44,.88);color:#fff;font-size:11px;box-shadow:0 6px 14px rgba(0,0,0,.12)}@keyframes miberPinPulse{0%{opacity:.85;transform:scale(.7)}100%{opacity:0;transform:scale(1.45)}}
.ops-summary{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ops-summary article{min-height:115px;padding:16px;border:1px solid #dce6eb;border-radius:18px;background:#fff}.ops-summary span{display:block;font-size:11px;color:#78868e}.ops-summary strong{display:block;margin-top:9px;font-size:28px;letter-spacing:-.045em}.ops-summary small{font-size:11px;color:#8b989e}.ops-filterbar{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 15px}.ops-filter{height:38px;padding:0 12px;border:1px solid #dfe7eb;border-radius:11px;background:#fff;color:#60717a;font:inherit;font-size:11px;font-weight:700;cursor:pointer}.ops-filter.active{border-color:#159fb5;background:#e9fbfe;color:#0b7184}.fleet-card[data-hidden="1"]{display:none}.fleet-card .fleet-route-line{display:flex;align-items:center;gap:5px;margin-top:4px;color:#75838b;font-size:11px}.fleet-card .fleet-route-line .ui-icon{width:12px;height:12px}

/* Vehicle detail */
.vehicle-story-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);gap:18px}.vehicle-health-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px}.vehicle-health-chip{padding:13px;border:1px solid #e1e8ec;border-radius:15px;background:#fff}.vehicle-health-chip small{display:block;font-size:11px;color:#849198;text-transform:uppercase}.vehicle-health-chip b{display:block;margin-top:5px;font-size:11px}.vehicle-health-chip.ok b{color:#14825a}.vehicle-health-chip.warn b{color:#a06c14}.vehicle-health-chip.bad b{color:#b83241}.vehicle-timeline{display:grid;gap:0}.vehicle-timeline>div{display:grid;grid-template-columns:66px 14px minmax(0,1fr);gap:10px;padding:9px 0}.vehicle-timeline time{font-size:11px;color:#819099}.vehicle-timeline i{position:relative;width:8px;height:8px;margin-top:3px;border-radius:50%;background:#57c7d6;box-shadow:0 0 0 4px rgba(87,199,214,.13)}.vehicle-timeline i:after{content:"";position:absolute;left:3px;top:11px;width:1px;height:calc(100% + 12px);background:#dce5e9}.vehicle-timeline>div:last-child i:after{display:none}.vehicle-timeline p{margin:0;font-size:11px;color:#566771;line-height:1.5}.vehicle-timeline p b{color:#142b38}

/* Tablet branding + offline state */
.vehicle-brand .brand-mark{display:none!important}.vehicle-toolbar .vehicle-brand{gap:10px}.vehicle-net.offline{background:rgba(197,60,74,.14)!important;color:#ff9aa5!important}.vehicle-net.syncing{background:rgba(185,119,19,.14)!important;color:#f7ca73!important}.vehicle-side-status{display:flex;gap:6px;flex-wrap:wrap;margin-top:8px}.vehicle-side-status span{padding:5px 7px;border-radius:8px;background:rgba(255,255,255,.06);font-size:11px;color:rgba(255,255,255,.62)}

/* Setup brand */
.bank-brand .brand-mark{display:none!important}

/* PWA standalone polish */
@media(display-mode:standalone){[data-install-pwa],#installPwaHeader{display:none!important}body{overscroll-behavior:none}}

@media(max-width:1150px){
  .miber-fleet-hero{grid-template-columns:1fr}.miber-fleet-unit{min-height:80px}.miber-fleet-unit>span{width:48px;height:48px;flex-basis:48px}.miber-fleet-unit>span .ui-icon{width:28px;height:28px}
  .metric-grid.role-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.ops-command-grid{grid-template-columns:1fr}.vehicle-health-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media(max-width:860px){
  .miber-login-v2{display:block;background:linear-gradient(160deg,#061523 0,#0b344e 40%,#f0f5f7 40.1%,#f0f5f7 100%)}
  .miber-login-v2 .miber-login-visual{display:none}.miber-login-v2 .miber-login-panel{display:block;min-height:100dvh;padding:0 14px calc(22px + env(safe-area-inset-bottom));background:transparent}
  .miber-login-v2 .miber-login-mobile-brand{height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:calc(10px + env(safe-area-inset-top));color:#fff;text-align:center}
  .miber-login-v2 .miber-login-mobile-brand .miber-login-logo-img{width:82px;height:82px;border-radius:24px}.miber-login-v2 .miber-login-mobile-brand div{margin-top:12px}.miber-login-v2 .miber-login-mobile-brand b{font-size:24px;letter-spacing:.08em}.miber-login-v2 .miber-login-mobile-brand small{display:block;margin-top:4px;font-size:11px;color:rgba(255,255,255,.65)}
  .miber-login-v2 .miber-login-card{margin:-20px auto 0;padding:24px 18px 18px;border-radius:28px}.miber-login-v2 .miber-login-card h2{font-size:31px}.miber-login-tabs{margin-bottom:18px}
  .role-banner{grid-template-columns:1fr}.role-banner-main{min-height:155px}.role-banner-main h2{font-size:26px}.metric-grid.role-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.vehicle-story-grid{grid-template-columns:1fr}.vehicle-health-strip{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:560px){
  .miber-login-v2 .miber-login-mobile-brand{height:195px}.miber-login-v2 .miber-login-card{border-radius:24px;padding:20px 14px 16px}.miber-login-v2 .miber-login-control{min-height:54px}.miber-install-cta{min-height:68px}.miber-login-tabs button{font-size:11px}
  .metric-grid.role-metrics{grid-template-columns:1fr 1fr}.ops-summary{grid-template-columns:1fr 1fr}.ops-map-panel{min-height:330px}.vehicle-health-strip{grid-template-columns:1fr 1fr}
}
@media(prefers-reduced-motion:reduce){.miber-install-cta:before,.miber-install-orbit:after,.ops-map-pin.moving:after{animation:none!important}}

/* ==== miber-v21.css ==== */
/* MİBER v2.1 — direct bus renderer, field-service wizard, reliability polish */
.direct-template-panel{overflow:hidden;padding:0}.direct-template-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;padding:20px 22px;border-bottom:1px solid #e7edf0}.direct-template-toolbar h2{margin:3px 0 4px}.direct-template-toolbar p{margin:0;color:#73838c;font-size:11px}.template-seat-key{display:flex;gap:10px;flex-wrap:wrap;font-size:11px;color:#6d7c84}.template-seat-key span{display:flex;align-items:center;gap:5px}.template-seat-key i{width:12px;height:12px;border-radius:4px;background:#71849d}.template-seat-key i.aisle{background:#142335}.template-seat-key i.door{background:#1b3d58}.direct-template-stage{min-height:720px;padding:28px;background:radial-gradient(circle at 50% 0,rgba(87,199,214,.13),transparent 32%),#030710;display:flex;justify-content:center;align-items:flex-start;overflow:auto}.template-direct-bus{width:min(600px,100%)}.template-preview-direct{position:relative;min-height:100%;height:100%;display:flex;align-items:flex-start;justify-content:center;padding:24px;overflow:auto;background:radial-gradient(circle at 50% 0,rgba(87,199,214,.11),transparent 30%),#030710}.template-preview-direct #templatePreviewBus{width:min(600px,100%)}.template-preview-loading{position:absolute;inset:0;display:grid;place-items:center;color:#a8bdca;font-size:12px}.template-preview-loading[hidden]{display:none}

.vehicle-bus-head p{margin:4px 0 0;color:#71899e;font-size:11px}.vehicle-action-grid button{justify-content:flex-start;gap:8px}.vehicle-action-grid button .ui-icon{width:17px;height:17px;color:#57c7d6}.vehicle-action-grid button span{font-size:11px;color:#e7f0f7;flex:1;text-align:left}.vehicle-action-grid button b{font-size:15px;color:#57c7d6}.vehicle-gps{display:flex;align-items:center;gap:5px}.vehicle-gps .ui-icon{width:13px;height:13px}
.bus-seat.mapped-seat{box-shadow:0 0 0 2px rgba(87,199,214,.72),0 8px 14px #0007,inset 0 2px 0 #ffffff24}.bus-seat.mapping-target{animation:miberSeatTarget 1s ease-in-out infinite;z-index:20;outline:3px solid rgba(87,199,214,.82);outline-offset:3px}@keyframes miberSeatTarget{50%{transform:translateY(-3px) scale(1.04);filter:brightness(1.14)}}

.install-hero-v21{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:14px;padding:18px 20px;border:1px solid #dce6eb;border-radius:24px;background:linear-gradient(135deg,#081d2e,#0e3a53);color:#fff;box-shadow:0 16px 34px rgba(7,25,44,.13)}.install-hero-brand{display:flex;align-items:center;gap:15px}.install-hero-brand img{width:62px;height:62px;padding:5px;border-radius:18px;background:#fff}.install-hero-brand span{font-size:11px;letter-spacing:.16em;color:#8bdce7;font-weight:900}.install-hero-brand h1{margin:4px 0 2px;font-size:30px;letter-spacing:-.04em}.install-hero-brand p{margin:0;color:rgba(255,255,255,.62);font-size:11px}.install-hero-state{display:flex;align-items:center;gap:10px;padding:11px 13px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.07)}.install-state-dot{width:10px;height:10px;border-radius:50%;background:#57c7d6;box-shadow:0 0 0 7px rgba(87,199,214,.11);animation:miberInstallState 2s infinite}.install-hero-state small{display:block;font-size:11px;color:rgba(255,255,255,.52)}.install-hero-state b{display:block;margin-top:2px;font-size:11px}@keyframes miberInstallState{50%{box-shadow:0 0 0 11px rgba(87,199,214,0)}}
.install-progress-v21{position:relative;margin-bottom:15px;padding:18px;border:1px solid #dce6eb;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(13,38,55,.05)}.install-progress-line{height:5px;margin:0 3px 15px;border-radius:99px;background:#edf2f4;overflow:hidden}.install-progress-line span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#57c7d6,#159fb5);transition:width .45s ease}.install-step-grid-v21{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.install-step-card-v21{position:relative;min-height:86px;padding:10px;border:1px solid #e3e9ec;border-radius:15px;background:#fafcfd;display:grid;grid-template-columns:34px minmax(0,1fr) 20px;align-items:center;gap:8px;transition:.2s}.install-step-card-v21.is-active{border-color:rgba(21,159,181,.5);background:linear-gradient(145deg,#effcff,#fff);box-shadow:0 8px 22px rgba(21,159,181,.12);transform:translateY(-2px)}.install-step-card-v21.is-pass{border-color:rgba(27,154,104,.24);background:#f4fbf8}.install-step-card-v21.is-fail{border-color:rgba(197,60,74,.26);background:#fff6f7}.install-step-icon-v21{position:relative;width:34px;height:34px;border-radius:11px;background:#edf3f6;color:#49616d;display:grid;place-items:center}.install-step-icon-v21 .ui-icon{width:18px;height:18px}.install-step-icon-v21 span{position:absolute;right:-4px;bottom:-4px;width:17px;height:17px;border-radius:6px;background:#0d2a3c;color:#fff;display:grid;place-items:center;font-size:11px;font-weight:900}.install-step-card-v21.is-active .install-step-icon-v21{background:#dff8fb;color:#0b7c90}.install-step-card-v21.is-pass .install-step-icon-v21{background:#e0f6ec;color:#137652}.install-step-copy-v21{min-width:0}.install-step-copy-v21 b{display:block;font-size:11px;line-height:1.25;color:#1c313d}.install-step-copy-v21 small{display:block;margin-top:4px;font-size:11px;color:#849198;text-transform:uppercase}.install-step-status-v21{color:#9aa7ae}.install-step-status-v21 .ui-icon{width:17px;height:17px}.install-step-card-v21.is-pass .install-step-status-v21{color:#1b9a68}.install-step-card-v21.is-fail .install-step-status-v21{color:#c53c4a}.install-step-card-v21.is-active .install-step-status-v21{color:#159fb5}
.service-layout-v21{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:15px}.service-work-v21,.service-summary-card-v21,.service-final-card-v21{border:1px solid #dce6eb;border-radius:24px;background:#fff;box-shadow:0 10px 28px rgba(13,38,55,.05)}.service-work-v21{padding:20px;min-width:0}.service-work-head-v21{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-bottom:16px;border-bottom:1px solid #edf2f4}.service-work-head-v21 h2{margin:3px 0 4px;font-size:24px}.service-work-head-v21 p{margin:0;font-size:11px;color:#7b8b94}.service-step-ring{--p:0;position:relative;width:64px;height:64px;border-radius:50%;background:conic-gradient(#57c7d6 calc(var(--p)*1%),#edf2f4 0);display:grid;place-items:center;flex:0 0 64px}.service-step-ring:after{content:"";position:absolute;inset:6px;border-radius:50%;background:#fff}.service-step-ring span{position:relative;z-index:1;font-size:11px;font-weight:900;color:#0d5061}
.mapping-studio-v21{padding-top:16px}.mapping-guide-v21{display:flex;align-items:center;gap:12px;padding:13px;border-radius:16px;background:#eefbfc;border:1px solid #d3f1f4}.mapping-guide-badge{width:42px;height:42px;border-radius:13px;background:#fff;color:#159fb5;display:grid;place-items:center;box-shadow:0 6px 16px rgba(13,75,92,.08)}.mapping-guide-badge .ui-icon{width:22px;height:22px}.mapping-guide-v21 b{font-size:11px}.mapping-guide-v21 p{margin:3px 0 0;font-size:11px;color:#68808a}.mapping-status-v21{display:flex;align-items:center;gap:10px;margin:10px 0;padding:10px 12px;border:1px solid #e2eaed;border-radius:13px;background:#fafcfd}.mapping-status-v21 .mapping-pulse{width:9px;height:9px;border-radius:50%;background:#9caab0}.mapping-status-v21.is-listening .mapping-pulse{background:#159fb5;animation:mappingPulse 1.1s infinite}.mapping-status-v21.is-detected{border-color:#c9eddf;background:#f4fbf8}.mapping-status-v21.is-detected .mapping-pulse{background:#1b9a68}.mapping-status-v21.is-warning{border-color:#f0d8a9;background:#fffaf0}.mapping-status-v21.is-warning .mapping-pulse{background:#b97713}.mapping-status-v21 small{display:block;font-size:11px;color:#89979e}.mapping-status-v21 b{display:block;margin-top:2px;font-size:11px}@keyframes mappingPulse{50%{box-shadow:0 0 0 8px rgba(21,159,181,0)}}.mapping-workbench-v21{display:grid;grid-template-columns:minmax(380px,1fr) 280px;gap:14px;align-items:start}.mapping-bus-wrap-v21{min-height:610px;padding:15px;border-radius:20px;background:radial-gradient(circle at 50% 0,rgba(87,199,214,.12),transparent 35%),#030710;overflow:auto}.mapping-bus-v21{width:min(530px,100%);margin:auto}.mapping-control-v21{position:sticky;top:84px;display:grid;gap:9px}.mapping-selection-v21,.mapping-detected-v21{padding:14px;border:1px solid #e0e8eb;border-radius:16px;background:#fff}.mapping-selection-v21 small,.mapping-detected-v21 small{display:block;font-size:11px;color:#84939a;letter-spacing:.1em}.mapping-selection-v21 strong,.mapping-detected-v21 strong{display:block;margin:6px 0 4px;font-size:28px;letter-spacing:-.04em}.mapping-selection-v21 span,.mapping-detected-v21 span{font-size:11px;color:#778890;line-height:1.45}.mapping-form-v21{padding:12px;border:1px solid #e0e8eb;border-radius:16px;background:#f9fbfc;display:grid;gap:8px}.mapping-form-v21 label span{display:block;margin-bottom:4px;font-size:11px;color:#71828a}.mapping-form-v21 select,.mapping-form-v21 input{width:100%;height:42px;border:1px solid #dbe5e9;border-radius:11px;background:#fff;padding:0 10px;font:inherit;font-size:11px}.mapping-save-v21{min-height:44px;display:flex;align-items:center;justify-content:center;gap:7px}.mapping-save-v21 .ui-icon{width:16px;height:16px}.mapping-counter-v21{padding:12px;border:1px solid #e0e8eb;border-radius:16px}.mapping-counter-v21>span{font-size:12px}.mapping-counter-v21 small{display:block;margin:2px 0 8px;font-size:11px;color:#84939a}.mapping-counter-v21>div{height:5px;border-radius:99px;background:#edf2f4;overflow:hidden}.mapping-counter-v21 i{display:block;height:100%;background:#57c7d6}.mapping-list-v21{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.mapping-list-v21>span{min-width:70px;padding:8px;border:1px solid #e0e8eb;border-radius:11px;background:#fafcfd}.mapping-list-v21 b{display:block;font-size:11px}.mapping-list-v21 small{font-size:11px;color:#71828a}
.hardware-card-v21,.step-focus-v21{display:flex;align-items:center;gap:16px;margin:16px 0;padding:22px;border:1px solid #e1e9ec;border-radius:20px;background:linear-gradient(145deg,#f8fbfc,#fff)}.hardware-icon-v21,.step-focus-v21>span{width:64px;height:64px;flex:0 0 64px;border-radius:18px;background:#e9f9fb;color:#159fb5;display:grid;place-items:center}.hardware-icon-v21 .ui-icon,.step-focus-v21>span .ui-icon{width:31px;height:31px}.hardware-card-v21 small,.step-focus-v21 small{font-size:11px;color:#839198;letter-spacing:.12em}.hardware-card-v21 h3,.step-focus-v21 h3{margin:5px 0 6px;font-size:19px}.hardware-card-v21 p,.step-focus-v21 p{margin:0;font-size:11px;color:#6e8089;line-height:1.6}.hardware-tags-v21{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.hardware-tags-v21 span{padding:5px 8px;border-radius:8px;background:#edf4f6;font-size:11px;color:#55707b}
.service-result-v21{margin-top:16px;padding-top:16px;border-top:1px solid #edf2f4}.result-choice-grid-v21{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.result-choice-grid-v21 label input{position:absolute;opacity:0;pointer-events:none}.result-card-v21{min-height:78px;padding:11px;border:1px solid #e1e8eb;border-radius:15px;background:#fafcfd;display:grid;grid-template-columns:25px minmax(0,1fr);align-items:center;column-gap:8px;cursor:pointer;transition:.16s}.result-card-v21 .ui-icon{width:20px;height:20px}.result-card-v21 b{font-size:11px}.result-card-v21 small{grid-column:2;font-size:11px;color:#88969d}.result-choice-grid-v21 input:checked+.result-card-v21{box-shadow:0 0 0 2px rgba(21,159,181,.18);transform:translateY(-1px)}.result-choice-grid-v21 input:checked+.result-card-v21.pass{border-color:#63bea0;background:#f0fbf7;color:#147451}.result-choice-grid-v21 input:checked+.result-card-v21.fail{border-color:#da7a85;background:#fff4f5;color:#a72f3d}.result-choice-grid-v21 input:checked+.result-card-v21.wait{border-color:#d9b36d;background:#fff9ed;color:#9b6813}.service-note-v21{display:block;margin-top:10px}.service-note-v21>span{display:block;margin-bottom:5px;font-size:11px;color:#6f818a}.service-note-v21 textarea{width:100%;resize:vertical;border:1px solid #dce5e8;border-radius:13px;padding:11px;font:inherit;font-size:11px}.service-next-v21{width:100%;min-height:49px;margin-top:10px;border:0;border-radius:14px;background:linear-gradient(135deg,#0b2c40,#159fb5);color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;box-shadow:0 12px 24px rgba(12,82,104,.17)}.service-next-v21 b{font-size:18px}
.service-summary-v21{display:grid;align-content:start;gap:12px}.service-summary-card-v21,.service-final-card-v21{padding:17px}.service-summary-card-v21 h2{margin:3px 0 13px}.service-summary-logo{display:flex;align-items:center;gap:10px;padding:10px;border-radius:14px;background:#f5f9fa}.service-summary-logo img{width:46px;height:46px;padding:4px;border-radius:12px;background:#fff}.service-summary-logo b{display:block;font-size:12px}.service-summary-logo small{display:block;margin-top:2px;font-size:11px;color:#74858d}.service-summary-card-v21 dl{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:12px 0 0}.service-summary-card-v21 dl div{padding:10px;border:1px solid #e5ebee;border-radius:12px}.service-summary-card-v21 dt{font-size:11px;color:#84939a}.service-summary-card-v21 dd{margin:4px 0 0;font-size:11px;font-weight:800}.service-final-card-v21{background:linear-gradient(145deg,#0a2235,#0d3a53);color:#fff}.final-orbit-v21{width:54px;height:54px;border-radius:16px;background:rgba(87,199,214,.14);color:#8ee4ee;display:grid;place-items:center;margin-bottom:12px}.final-orbit-v21 .ui-icon{width:27px;height:27px}.service-final-card-v21 span{font-size:11px;color:#8bdce7;letter-spacing:.12em}.service-final-card-v21 b{display:block;margin:4px 0;font-size:14px}.service-final-card-v21 p{margin:0 0 12px;font-size:11px;line-height:1.5;color:rgba(255,255,255,.58)}

@media(max-width:1180px){.install-step-grid-v21{grid-template-columns:repeat(4,1fr)}.service-layout-v21{grid-template-columns:1fr}.service-summary-v21{grid-template-columns:1fr 1fr}.mapping-workbench-v21{grid-template-columns:1fr 260px}.mapping-control-v21{position:static}}
@media(max-width:850px){.install-step-grid-v21{grid-template-columns:repeat(3,1fr)}.mapping-workbench-v21{grid-template-columns:1fr}.mapping-bus-wrap-v21{min-height:520px}.result-choice-grid-v21{grid-template-columns:1fr 1fr}.service-summary-v21{grid-template-columns:1fr}.direct-template-toolbar{display:block}.template-seat-key{margin-top:12px}}
@media(max-width:560px){.install-hero-v21{align-items:flex-start;padding:14px}.install-hero-brand img{width:50px;height:50px}.install-hero-brand h1{font-size:23px}.install-hero-state{display:none}.install-progress-v21{padding:10px}.install-step-grid-v21{grid-template-columns:1fr 1fr}.install-step-card-v21{min-height:72px;grid-template-columns:30px minmax(0,1fr) 16px;padding:8px}.install-step-icon-v21{width:30px;height:30px}.service-work-v21{padding:13px}.service-work-head-v21 h2{font-size:20px}.service-step-ring{width:54px;height:54px;flex-basis:54px}.mapping-bus-wrap-v21{padding:8px;min-height:460px}.result-choice-grid-v21{grid-template-columns:1fr}.direct-template-stage{padding:10px;min-height:620px}}
@media(prefers-reduced-motion:reduce){.install-state-dot,.bus-seat.mapping-target,.mapping-status-v21.is-listening .mapping-pulse{animation:none!important}}

/* ==== miber-v30.css ==== */
.vehicle-v8-shell{position:fixed;inset:0;background:#030710;overflow:hidden}.vehicle-v8-bar{height:58px;position:absolute;z-index:40;left:10px;right:10px;top:10px;border:1px solid #20304a;background:rgba(5,13,27,.84);backdrop-filter:blur(16px);border-radius:18px;display:flex;align-items:center;gap:12px;padding:8px 12px;color:#fff;box-shadow:0 12px 38px #0007}.vehicle-v8-menu{width:40px;height:40px;border:1px solid #30415d;border-radius:12px;background:#0e1a2d;color:#fff;display:grid;place-items:center}.vehicle-v8-brand{display:flex;align-items:center;gap:9px}.vehicle-v8-brand img{width:37px;height:37px;object-fit:contain}.vehicle-v8-brand b,.vehicle-v8-brand small{display:block}.vehicle-v8-brand small{color:#8ea2bf;font-size:11px}.vehicle-v8-status{margin-left:auto;display:flex;gap:10px;align-items:center;font-size:11px;color:#aec1dc}.vehicle-v8-status span:first-child{color:#9ff0c7}.vehicle-v8-status i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px #22c55e;margin-right:5px}.vehicle-v8-frame{position:absolute;inset:0;width:100%;height:100%;border:0;background:#030710}.vehicle-book-menu{position:fixed;z-index:70;left:0;top:0;bottom:0;width:min(88vw,380px);padding:18px;background:linear-gradient(180deg,#07142d,#07101e);color:#fff;box-shadow:30px 0 80px #0008;transform:perspective(1000px) rotateY(-18deg) translateX(-104%);transform-origin:left center;transition:.24s ease}.vehicle-book-menu.open{transform:perspective(1000px) rotateY(0) translateX(0)}.vehicle-book-head{display:flex;align-items:center;gap:10px;border-bottom:1px solid #203350;padding-bottom:16px}.vehicle-book-head img{width:46px;height:46px}.vehicle-book-head div{flex:1}.vehicle-book-head b,.vehicle-book-head small{display:block}.vehicle-book-head small{color:#8da3c3}.vehicle-book-head button{border:0;background:#14243d;color:#fff;width:36px;height:36px;border-radius:10px}.vehicle-book-menu nav{display:grid;gap:9px;margin-top:18px}.vehicle-book-menu nav a,.vehicle-book-menu nav button{display:flex;justify-content:space-between;text-decoration:none;color:#eaf3ff;background:#0d1c32;border:1px solid #203958;border-radius:14px;padding:15px;text-align:left;font-weight:800}.vehicle-book-logout{position:absolute;bottom:18px;left:18px;right:18px;width:calc(100% - 36px);border:1px solid #5b2631;background:#32131a;color:#fecdd3;border-radius:14px;padding:14px;font-weight:900}.v8-master-panel{overflow:hidden}.v8-master-head{display:flex;justify-content:space-between;gap:18px;align-items:start;margin-bottom:16px}.v8-master-stage{height:min(78vh,980px);border-radius:22px;overflow:hidden;background:#030710;border:1px solid #1e2d43}.v8-master-stage iframe,.template-v8-preview-frame{width:100%;height:100%;border:0;background:#030710}.template-v8-preview-frame{display:block}.api-endpoint-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.api-endpoint-grid code{display:block;background:#07142d;color:#aee6ff;padding:13px;border-radius:12px;overflow:auto}@media(max-width:760px){.vehicle-v8-bar{height:52px;top:6px;left:6px;right:6px;border-radius:14px}.vehicle-v8-brand span,.vehicle-v8-status span:last-child{display:none}.vehicle-v8-status{font-size:11px}.v8-master-stage{height:76vh}.v8-master-head{display:block}.api-endpoint-grid{grid-template-columns:1fr}}

/* MİBER 3.0 ana mobil menü: sol üst ikon + kitap sayfası hissi */
.miber-mobile-menu-button{display:none;width:42px;height:42px;flex:0 0 42px;border:1px solid #dce4ef;border-radius:13px;background:#fff;color:#10213b;place-items:center;cursor:pointer;box-shadow:0 5px 18px rgba(15,23,42,.07)}
.miber-mobile-menu-button .ui-icon{width:21px;height:21px}.miber-book-scrim{position:fixed;inset:0;z-index:2147481000;background:rgba(3,9,18,.46);backdrop-filter:blur(2px);opacity:0;transition:opacity .24s ease}.miber-book-scrim.open{opacity:1}.miber-book-menu{position:fixed;z-index:2147481100;left:0;top:0;bottom:0;width:min(88vw,390px);background:linear-gradient(155deg,#071932 0%,#081225 52%,#050b15 100%);color:#eff6ff;padding:18px 16px 16px;box-shadow:32px 0 80px rgba(0,0,0,.42);transform-origin:left center;transform:perspective(1200px) rotateY(-23deg) translateX(-106%);transition:transform .27s cubic-bezier(.2,.75,.2,1);overflow:auto;border-right:1px solid rgba(148,163,184,.16)}
.miber-book-menu:after{content:"";position:absolute;top:0;bottom:0;right:0;width:13px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.045));pointer-events:none}.miber-book-menu.open{transform:perspective(1200px) rotateY(0deg) translateX(0)}.miber-book-cover{display:flex;align-items:center;gap:12px;padding:4px 2px 16px;border-bottom:1px solid rgba(148,163,184,.16)}.miber-book-brand{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.miber-book-brand img{width:48px;height:48px;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(56,189,248,.15))}.miber-book-brand b{font-size:20px;letter-spacing:.04em}.miber-book-brand small{display:block;color:#8fa8c8;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.miber-book-close{border:1px solid rgba(148,163,184,.2);background:#0d203b;color:#fff;width:39px;height:39px;border-radius:12px;font-size:22px}.miber-book-role{margin:14px 2px 9px;color:#7894b8;font-size:11px;font-weight:900;letter-spacing:.12em}.miber-book-nav{display:grid;gap:7px}.miber-book-nav a{display:grid;grid-template-columns:32px 1fr 18px;align-items:center;gap:9px;padding:11px 12px;border:1px solid transparent;border-radius:14px;text-decoration:none;color:#dcecff;background:rgba(12,29,52,.54);transition:.18s ease}.miber-book-nav a:hover,.miber-book-nav a.active{background:#102a4b;border-color:#24496e;transform:translateX(2px)}.miber-book-nav a span{width:30px;height:30px;display:grid;place-items:center;border-radius:9px;background:#0a1b31;color:#74d4ff}.miber-book-nav a .ui-icon{width:17px;height:17px}.miber-book-nav a b{font-size:12px}.miber-book-nav a i{font-style:normal;color:#6284aa;font-size:20px}.miber-book-tenant{margin-top:14px;padding-top:14px;border-top:1px solid rgba(148,163,184,.13)}.miber-book-tenant label{display:grid;gap:6px;font-size:11px;color:#89a2c3;text-transform:uppercase;font-weight:900;letter-spacing:.07em}.miber-book-tenant select{width:100%;border:1px solid #284565;background:#09192d;color:#eaf3ff;border-radius:12px;padding:12px}.miber-book-bottom{display:grid;gap:7px;margin-top:16px;padding-top:14px;border-top:1px solid rgba(148,163,184,.13)}.miber-book-bottom a,.miber-book-bottom button{border:1px solid #233c59;background:#0b1a2d;color:#dbeafe;border-radius:12px;padding:11px 12px;text-decoration:none;font:800 11px inherit;text-align:left}.miber-book-open{overflow:hidden}
.role-command-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:14px 0 20px}.role-command-card{position:relative;display:flex;gap:12px;align-items:flex-start;min-height:108px;padding:15px;border:1px solid #e1e7ef;border-radius:18px;background:linear-gradient(180deg,#fff,#f9fbfd);text-decoration:none;color:inherit;box-shadow:0 10px 28px rgba(15,23,42,.05);transition:.18s ease}.role-command-card:hover{transform:translateY(-2px);border-color:#b8cae0;box-shadow:0 16px 34px rgba(15,23,42,.09)}.role-command-card .role-icon{width:42px;height:42px;flex:0 0 42px;border-radius:13px;background:#0e2342;color:#7dd3fc;display:grid;place-items:center}.role-command-card .role-icon .ui-icon{width:21px;height:21px}.role-command-card b{display:block;font-size:13px}.role-command-card small{display:block;margin-top:5px;color:#64748b;line-height:1.45}.role-command-card em{position:absolute;right:13px;top:13px;font-style:normal;color:#9aacc2}.persona-ribbon{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid #dce5ef;border-radius:999px;background:#f8fbff;font-size:11px;font-weight:900;letter-spacing:.09em;color:#37506f}.persona-ribbon i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 8px rgba(34,197,94,.45)}
.integration-config-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.integration-config-card{border:1px solid #dce5ef;background:#fff;border-radius:18px;padding:16px}.integration-config-card h3{margin:0}.integration-config-card .provider-mark{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#0d2343;color:#8ce0ff;font-size:11px;font-weight:950;margin-bottom:9px}.integration-config-card .form-stack{margin-top:13px}.integration-secret-note{font-size:11px;color:#64748b;line-height:1.5}.integration-state{display:inline-flex;padding:5px 8px;border-radius:999px;background:#eff6ff;color:#1d4ed8;font:900 9px/1.2 inherit;letter-spacing:.06em}.integration-state.active,.integration-state.configured{background:#ecfdf5;color:#047857}.integration-state.error{background:#fff1f2;color:#be123c}
.vehicle-live-stage{height:min(78vh,930px);overflow:hidden;border:1px solid #1c2e49;border-radius:22px;background:#030710}.vehicle-live-stage iframe{width:100%;height:100%;border:0;background:#030710}.vehicle-live-toolbar{display:flex;gap:9px;align-items:center;justify-content:space-between;margin-bottom:12px}.vehicle-live-toolbar .live-meta{display:flex;gap:8px;flex-wrap:wrap}.live-mini{padding:6px 9px;border-radius:999px;background:#f2f6fb;border:1px solid #dce6f1;font-size:11px;font-weight:900;color:#536b87}.cargo-status-actions{display:flex;flex-wrap:wrap;gap:6px}.cargo-status-actions form{display:inline}.cargo-status-actions button{border:1px solid #d7e1eb;background:#fff;border-radius:9px;padding:6px 8px;font:800 9px inherit;cursor:pointer}.cargo-status-actions button:hover{background:#edf6ff}
@media(max-width:980px){.role-command-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.integration-config-grid{grid-template-columns:1fr}}
@media(max-width:760px){.miber-mobile-menu-button{display:grid}.miber-top-nav{display:none!important}.miber-header-bar{gap:8px}.miber-brand-copy small{display:none}.miber-header-actions .miber-system-state{display:none}.miber-user-copy{display:none}.role-command-grid{grid-template-columns:1fr 1fr;gap:9px}.role-command-card{min-height:96px;padding:12px}.vehicle-live-stage{height:72dvh;border-radius:16px}.miber-app-main{padding-left:10px!important;padding-right:10px!important}}
@media(max-width:460px){.role-command-grid{grid-template-columns:1fr}.miber-book-menu{width:91vw}}
.ops-summary{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin:0 0 14px}.ops-summary article{border:1px solid #e0e8f1;background:#fff;border-radius:15px;padding:11px 12px}.ops-summary small{display:block;color:#718096;font-size:11px;font-weight:850;text-transform:uppercase;letter-spacing:.06em}.ops-summary b{display:block;margin-top:4px;font-size:22px}.fleet-card.has-alert{border-color:#f0b7bf;box-shadow:0 9px 24px rgba(190,24,93,.07)}.fleet-card.is-offline{opacity:.8}.live-pill.offline{background:#fff7ed!important;color:#c2410c!important}@media(max-width:900px){.ops-summary{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:480px){.ops-summary{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* ==== miber-v31.css ==== */
/* MİBER v3.1 professional platform layer */
:root{--m31-navy:#09162d;--m31-blue:#4f6cff;--m31-cyan:#18c6d9;--m31-green:#15c39a;--m31-red:#ef476f;--m31-bg:#eef2f7;--m31-card:#fff;--m31-muted:#728097;--m31-border:#dfe6ef}
.m31-context-bar{display:flex;align-items:center;gap:18px;padding:10px 22px;background:#0a1730;color:#fff;border-top:1px solid rgba(255,255,255,.08);position:sticky;top:64px;z-index:30}.m31-context-copy{display:flex;flex-direction:column;min-width:210px}.m31-context-copy span{font-size:11px;letter-spacing:.14em;color:#8fa0bd}.m31-context-copy b{font-size:14px}.m31-context-form{flex:1}.m31-context-form label{display:flex;align-items:center;gap:10px}.m31-context-form label>span{font-size:12px;color:#a8b5ca}.m31-context-form select{min-width:260px;background:#132544;border:1px solid #294261;color:#fff;border-radius:12px;padding:10px 14px}.m31-platform-links{display:flex;gap:8px}.m31-platform-links a{color:#dbe7ff;text-decoration:none;padding:9px 12px;border:1px solid rgba(255,255,255,.12);border-radius:10px;font-size:12px}
.m31-login-cargo{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:18px 0}.m31-login-cargo-card{position:relative;display:flex;align-items:center;gap:12px;padding:14px;border-radius:18px;text-decoration:none;color:#fff;overflow:hidden;box-shadow:0 10px 30px rgba(7,18,40,.18)}.m31-login-cargo-card.is-send{background:linear-gradient(135deg,#4f6cff,#6d4dff)}.m31-login-cargo-card.is-track{background:linear-gradient(135deg,#081a35,#0b6a7e)}.m31-login-cargo-card>i{margin-left:auto;font-style:normal}.m31-login-cargo-card small{display:block;font-size:11px;letter-spacing:.12em;opacity:.72}.m31-login-cargo-card strong{display:block;font-size:15px;margin-top:2px}.m31-login-cargo-card em{display:block;font-size:11px;font-style:normal;opacity:.75}.m31-cargo-orbit{width:40px;height:40px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.25);border-radius:50%;position:relative}.m31-cargo-orbit i{position:absolute;inset:-5px;border:1px solid rgba(255,255,255,.2);border-radius:50%;animation:m31-orbit 2.2s linear infinite}.m31-cargo-orbit b{font-size:18px}@keyframes m31-orbit{to{transform:rotate(360deg)}}
.m31-dash-hero{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:26px 28px;border-radius:24px;background:linear-gradient(135deg,#07152d,#102c57);color:#fff;margin-bottom:18px}.m31-dash-hero h1{margin:4px 0 8px;font-size:clamp(28px,3vw,46px)}.m31-dash-hero p{color:#aebbd0;max-width:760px}.m31-live-launch{min-width:220px;display:grid;grid-template-columns:auto 1fr;gap:3px 10px;align-items:center;color:#fff;text-decoration:none;padding:16px 18px;border-radius:18px;background:linear-gradient(135deg,#4f6cff,#6b54ff);box-shadow:0 18px 35px rgba(79,108,255,.28)}.m31-live-launch svg{width:26px;grid-row:1/3}.m31-live-launch small{opacity:.75}.m31-live-dot{width:8px;height:8px;background:#65f5bf;border-radius:50%;box-shadow:0 0 0 7px rgba(101,245,191,.12);position:absolute}.m31-platform-stats,.m31-kpi-grid,.m31-service-kpis{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-bottom:16px}.m31-platform-stats article,.m31-kpi-grid article,.m31-service-kpis article{background:#fff;border:1px solid var(--m31-border);border-radius:18px;padding:18px;box-shadow:0 8px 22px rgba(20,36,60,.05)}.m31-platform-stats small,.m31-kpi-grid small,.m31-service-kpis small{display:block;font-size:11px;letter-spacing:.1em;color:var(--m31-muted)}.m31-platform-stats b,.m31-kpi-grid b,.m31-service-kpis b{display:block;font-size:26px;margin-top:7px;color:#12213b}.m31-kpi-feature{background:linear-gradient(135deg,#fff,#eef3ff)!important;grid-column:span 2}.m31-kpi-feature b{font-size:34px}.m31-kpi-grid em{font-size:14px;font-style:normal;color:#8592a6}.m31-dashboard-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(340px,.75fr);gap:16px;margin-bottom:16px}.m31-fleet-table>a,.m31-driver-list article{display:grid;grid-template-columns:auto minmax(180px,1fr) repeat(3,minmax(70px,auto)) auto;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid #edf1f5;text-decoration:none;color:inherit}.m31-driver-list article{grid-template-columns:auto 1fr auto auto}.m31-bus-icon,.m31-driver-avatar{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eef3ff;color:#4f6cff}.m31-bus-icon.online{background:#e9fbf5;color:#0ca57e}.m31-bus-icon svg{width:22px}.m31-fleet-table small,.m31-driver-list small{display:block;color:#7c899c;font-size:11px}.m31-fleet-table b,.m31-driver-list b{color:#17223a}.m31-tenant-required{text-align:center;padding:42px!important}.m31-required-icon{width:72px;height:72px;display:grid;place-items:center;margin:0 auto 14px;border-radius:22px;background:#edf2ff;color:#4f6cff}.m31-required-icon svg{width:32px}.m31-global-shortcuts{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;margin-top:18px}.m31-global-shortcuts a{padding:10px 14px;border-radius:12px;background:#0d1b34;color:#fff;text-decoration:none}
.m31-provider-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px;margin-bottom:16px}.m31-provider-card{background:#fff;border:1px solid var(--m31-border);border-radius:20px;padding:18px;box-shadow:0 8px 22px rgba(20,36,60,.05)}.m31-provider-card.is-selected{border-color:#6a7cff;box-shadow:0 0 0 3px rgba(79,108,255,.08)}.m31-provider-top{display:flex;align-items:center;gap:12px}.m31-provider-top>div{flex:1}.m31-provider-top h3{margin:0}.m31-provider-top small{color:#8996a8}.m31-provider-card p{min-height:44px;color:#6f7b8e}.m31-integration-detail{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:16px}.m31-integration-actions{display:flex;gap:10px;margin-top:18px}.m31-integration-actions form{margin:0}.m31-integration-health dl{margin:12px 0 0}.m31-integration-health dl>div{display:flex;justify-content:space-between;gap:18px;padding:11px 0;border-bottom:1px solid #edf1f5}.m31-integration-health dt{color:#7b8799}.m31-integration-health dd{margin:0;text-align:right;font-weight:700}.m31-provider-admin-grid,.m31-service-partners{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin-bottom:16px}.m31-settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.m31-global-card{grid-column:1/-1;background:linear-gradient(135deg,#fff,#f4f7ff)!important}.span-2{grid-column:span 2}
.m31-service-admin-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px}.m31-partner-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:8px;margin-top:16px}.m31-partner-stats span{padding:10px;background:#f5f7fb;border-radius:12px;text-align:center}.m31-partner-stats small{display:block;color:#8190a4;font-size:11px}.m31-partner-stats b{font-size:18px}
.m31-seat-coach[hidden]{display:none!important}.m31-seat-coach{position:fixed;inset:0;z-index:2147483400;display:grid;place-items:center;background:rgba(2,10,24,.82);backdrop-filter:blur(10px)}.m31-seat-coach-card{width:min(92vw,620px);text-align:center;background:linear-gradient(155deg,#0a1730,#102d58);color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:42px 34px;box-shadow:0 35px 90px rgba(0,0,0,.45);position:relative}.m31-seat-coach-close{position:absolute;right:16px;top:16px;width:38px;height:38px;border:0;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;font-size:22px}.m31-seat-wave{width:120px;height:120px;margin:0 auto 22px;display:grid;place-items:center;position:relative}.m31-seat-wave i{position:absolute;inset:0;border:2px solid rgba(100,135,255,.45);border-radius:50%;animation:m31-wave 2s ease-out infinite}.m31-seat-wave i:nth-child(2){animation-delay:1s}.m31-seat-wave span{width:64px;height:64px;border-radius:20px;display:grid;place-items:center;background:#5b6cff;font-size:28px;box-shadow:0 0 40px rgba(91,108,255,.55)}.m31-seat-coach-card small{letter-spacing:.16em;color:#8ea5ca}.m31-seat-coach-card h2{font-size:32px;margin:8px 0}.m31-seat-coach-card p{color:#b8c7dc}.m31-seat-listening{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.08);font-size:11px;letter-spacing:.1em}.m31-seat-listening i{width:8px;height:8px;background:#45e0a8;border-radius:50%;box-shadow:0 0 0 6px rgba(69,224,168,.12)}.m31-seat-coach.is-detected .m31-seat-wave span{background:#11b989}.m31-seat-coach.is-warning .m31-seat-wave span{background:#ef476f}@keyframes m31-wave{0%{transform:scale(.45);opacity:1}100%{transform:scale(1.35);opacity:0}}
.m31-live-fleet-shell{background:#eef2f7;border-radius:24px;padding:16px;min-height:720px}.m31-live-fleet-shell.is-fullscreen{position:fixed;inset:0;z-index:2147482500;border-radius:0;padding:14px;background:#e9eef5;overflow:hidden}.m31-live-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:8px 8px 14px}.m31-live-head h1{margin:3px 0}.m31-live-head p{margin:0;color:#758197}.m31-live-head-actions{display:flex;align-items:center;gap:10px}.m31-live-workspace{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(360px,.75fr);gap:12px;height:520px}.is-fullscreen .m31-live-workspace{height:calc(100vh - 250px)}.m31-live-map-wrap{position:relative;border-radius:22px;overflow:hidden;background:#dce6ef;border:1px solid #d7e0eb}.m31-live-map{width:100%;height:100%;min-height:420px}.m31-map-empty{height:100%;display:grid;place-items:center;align-content:center;gap:8px;background:radial-gradient(circle at 30% 30%,#eaf3fb,#cedbe8);color:#60728b}.m31-map-empty svg{width:44px}.m31-map-legend{position:absolute;left:14px;bottom:14px;display:flex;gap:12px;padding:9px 12px;background:rgba(255,255,255,.92);border-radius:12px;font-size:11px}.m31-map-legend i{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:4px}.m31-map-legend .online{background:#15c39a}.m31-map-legend .moving{background:#4f6cff}.m31-map-legend .alert{background:#ef476f}.m31-live-drawer{background:#fff;border:1px solid #dce3ec;border-radius:22px;overflow:hidden;min-width:0}.m31-drawer-empty,.m31-drawer-loading{height:100%;display:grid;place-items:center;align-content:center;text-align:center;padding:30px;color:#718096}.m31-drawer-empty span svg{width:44px}.m31-drawer-head{display:flex;justify-content:space-between;padding:18px 20px;background:#0b1b36;color:#fff}.m31-drawer-head small{color:#8da2c0}.m31-drawer-head h2{margin:3px 0}.m31-drawer-head p{margin:0;color:#a7b5c9}.m31-drawer-head>span{font-size:28px;font-weight:800}.m31-drawer-head>span small{font-size:11px}.m31-drawer-kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#e6ebf1;border-bottom:1px solid #e4e9ef}.m31-drawer-kpis span{padding:11px 14px;background:#fff}.m31-drawer-kpis small{display:block;color:#7e8998;font-size:11px}.m31-seat-frame{height:calc(100% - 168px);min-height:300px}.m31-seat-frame iframe{width:100%;height:100%;border:0;background:#050910}.m31-fleet-strip{display:flex;gap:9px;overflow:auto;padding-top:12px}.m31-fleet-chip{flex:0 0 250px;display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:9px;padding:10px;border:1px solid #dbe3ed;border-radius:15px;background:#fff;text-align:left;cursor:pointer}.m31-fleet-chip.is-selected{border-color:#6377ff;box-shadow:0 0 0 3px rgba(79,108,255,.08)}.m31-fleet-chip.has-alert{border-color:#ef9aab}.m31-bus-mini{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:#edf2ff;color:#4f6cff}.m31-bus-mini svg{width:20px;fill:none;stroke:currentColor}.m31-fleet-chip small{display:block;color:#8692a3;font-size:11px}.m31-fleet-chip>span b{font-size:18px}
@media(max-width:1000px){.m31-dashboard-grid,.m31-integration-detail,.m31-live-workspace{grid-template-columns:1fr}.m31-live-workspace{height:auto}.m31-live-map{height:55vh}.m31-live-drawer{min-height:520px}.m31-settings-grid,.m31-service-admin-grid{grid-template-columns:1fr}.m31-global-card{grid-column:auto}.m31-kpi-feature{grid-column:auto}}
@media(max-width:760px){.m31-context-bar{top:58px;padding:8px 12px;flex-wrap:wrap}.m31-context-copy{min-width:140px}.m31-context-form{width:100%;order:3}.m31-context-form select{width:100%;min-width:0}.m31-platform-links{display:none}.m31-login-cargo{grid-template-columns:1fr}.m31-dash-hero{align-items:flex-start;flex-direction:column;padding:20px}.m31-live-launch{width:100%}.m31-fleet-table>a{grid-template-columns:auto 1fr auto}.m31-fleet-table>a>span:nth-of-type(2),.m31-fleet-table>a>span:nth-of-type(3){display:none}.m31-partner-stats{grid-template-columns:repeat(3,1fr)}.m31-live-fleet-shell.is-fullscreen{padding:8px}.is-fullscreen .m31-live-head p,.is-fullscreen .ops-summary{display:none}.m31-live-head{align-items:flex-start}.m31-live-head-actions{flex-direction:column}.m31-live-map{height:45vh}.m31-live-drawer{min-height:480px}.span-2{grid-column:auto}}

/* v3.1 permission + connection history */
.m31-permission-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:12px}.m31-permission-card{padding:16px;border:1px solid var(--line,#24324a);border-radius:18px;background:rgba(255,255,255,.025)}.m31-user-actions{display:flex;gap:8px;flex-wrap:wrap}.m31-connection-log{margin-top:22px;padding-top:18px;border-top:1px solid var(--line,#24324a)}.m31-connection-log h3{margin:0 0 12px}.m31-log-row{display:grid;grid-template-columns:12px 1fr;gap:10px;padding:11px 0;border-bottom:1px solid rgba(148,163,184,.12)}.m31-log-dot{width:9px;height:9px;border-radius:50%;margin-top:6px;background:#ef4444;box-shadow:0 0 14px rgba(239,68,68,.45)}.m31-log-dot.ok{background:#22c55e;box-shadow:0 0 14px rgba(34,197,94,.45)}.m31-log-row small{display:block;opacity:.65;margin-top:3px}.m31-log-row p{margin:6px 0 0;font-size:.88rem;opacity:.78}

/* ==== miber-v32.css ==== */
/* MIBER v3.2 product UI layer */
:root{--m32-ink:#07111f;--m32-navy:#071b2e;--m32-blue:#0f6dff;--m32-cyan:#10b9c8;--m32-mint:#29d69f;--m32-soft:#f4f7fa;--m32-line:#e2e9ef;--m32-muted:#718096;--m32-shadow:0 22px 70px rgba(8,27,48,.12)}
html{scroll-behavior:smooth}body{font-feature-settings:"cv02","cv03","cv04","cv11"}
/* Login: cargo actions as edge tabs, not raw cards */
.miber-login-v2 .miber-login-panel{position:relative;overflow:visible}
.m32-cargo-rails{position:absolute;left:-166px;top:50%;transform:translateY(-42%);display:grid;gap:14px;z-index:12;width:190px}
.m32-cargo-rail{position:relative;display:grid;grid-template-columns:44px 1fr;align-items:center;gap:12px;min-height:76px;padding:10px 14px 10px 10px;border-radius:22px 0 0 22px;text-decoration:none;color:#fff;box-shadow:0 18px 46px rgba(4,18,32,.2);transform:translateX(0);transition:transform .28s ease,box-shadow .28s ease;overflow:hidden}
.m32-cargo-rail:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.1),transparent 45%);pointer-events:none}.m32-cargo-rail:hover{transform:translateX(-10px);box-shadow:0 24px 58px rgba(4,18,32,.28)}
.m32-cargo-rail.send{background:linear-gradient(135deg,#1e5eff,#5b3df5)}.m32-cargo-rail.track{background:linear-gradient(135deg,#07344a,#098da1)}
.m32-cargo-rail-icon{width:44px;height:44px;border-radius:16px;display:grid;place-items:center;background:rgba(255,255,255,.14);font-size:21px;position:relative}.m32-cargo-rail-icon:after{content:"";position:absolute;inset:-6px;border:1px solid rgba(255,255,255,.25);border-radius:20px;animation:m32Pulse 2.4s ease-out infinite}
.m32-cargo-rail small{display:block;font-size:11px;letter-spacing:.15em;opacity:.7}.m32-cargo-rail strong{display:block;font-size:15px;line-height:1.15;margin-top:3px}.m32-cargo-rail em{display:block;font-size:11px;font-style:normal;opacity:.72;margin-top:3px}
@keyframes m32Pulse{0%{transform:scale(.78);opacity:0}35%{opacity:.8}100%{transform:scale(1.22);opacity:0}}
.m31-login-cargo{display:none!important}
.miber-login-v2 .miber-login-card{overflow:visible}
/* Internal admin shell */
.miber-app-main{max-width:1600px;margin:0 auto;width:100%;box-sizing:border-box}.page-head{padding:30px 32px;border:1px solid var(--m32-line);background:linear-gradient(135deg,#fff 0%,#f7fafc 72%,#eef8fa 100%);border-radius:26px;box-shadow:0 10px 36px rgba(15,34,54,.05);margin-bottom:18px}.page-head h1{letter-spacing:-.035em}.page-head .eyebrow{color:#0b8595;letter-spacing:.14em;font-weight:800}.panel{border-radius:24px!important;border:1px solid var(--m32-line)!important;box-shadow:0 8px 30px rgba(14,35,57,.055)!important}
/* Provider catalog */
.m32-provider-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:18px;align-items:start}.m32-provider-catalog{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.m32-provider-card{position:relative;border:1px solid #e2e9ef;border-radius:24px;background:#fff;padding:20px;min-height:196px;box-shadow:0 10px 30px rgba(11,35,58,.05);overflow:hidden;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.m32-provider-card:hover{transform:translateY(-2px);border-color:#cad8e2;box-shadow:0 18px 42px rgba(11,35,58,.09)}.m32-provider-card:after{content:"";position:absolute;width:120px;height:120px;right:-48px;top:-48px;border-radius:50%;background:radial-gradient(circle,rgba(16,185,200,.14),transparent 70%)}
.m32-provider-head{display:flex;align-items:center;gap:12px}.m32-provider-mark{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,#081c30,#0f5366);color:#fff;font-weight:900;letter-spacing:-.03em;box-shadow:0 12px 25px rgba(8,36,55,.15)}.m32-provider-title{min-width:0;flex:1}.m32-provider-title h3{margin:0 0 3px;font-size:18px}.m32-provider-title small{font-size:11px;color:#8190a2;letter-spacing:.08em}.m32-status{font-size:11px;font-weight:900;letter-spacing:.08em;padding:7px 9px;border-radius:999px;background:#eaf9f4;color:#0a8e67}.m32-status.beta{background:#fff5df;color:#a36a00}.m32-status.disabled{background:#f1f3f5;color:#7b8490}
.m32-provider-card>p{color:#748296;font-size:13px;line-height:1.55;min-height:40px;margin:16px 0}.m32-provider-metrics{display:flex;gap:8px;flex-wrap:wrap}.m32-provider-metrics span{padding:7px 9px;border-radius:10px;background:#f4f7f9;color:#536276;font-size:11px;font-weight:700}.m32-provider-card details{margin-top:14px;border-top:1px solid #edf1f4;padding-top:12px}.m32-provider-card summary{cursor:pointer;color:#0a6b7c;font-size:12px;font-weight:800;list-style:none}.m32-provider-card summary::-webkit-details-marker{display:none}.m32-provider-card details[open] summary{margin-bottom:12px}.m32-provider-card .form-stack{gap:9px}.m32-provider-card textarea{min-height:72px}
.m32-provider-side{position:sticky;top:124px;display:grid;gap:14px}.m32-side-panel{padding:20px;border:1px solid #dfe7ee;border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(12,36,58,.06)}.m32-side-panel h2{margin:5px 0 6px;font-size:20px}.m32-side-panel p{margin:0 0 14px;color:#768599;font-size:12px;line-height:1.55}.m32-side-kicker{font-size:11px;letter-spacing:.14em;color:#0d8c9c;font-weight:900}.m32-account-row{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid #edf1f4}.m32-account-row:last-child{border-bottom:0}.m32-account-row b{display:block;font-size:12px}.m32-account-row small{color:#8996a6;font-size:11px}.m32-empty{padding:18px;border-radius:14px;background:#f6f8fa;color:#8592a2;font-size:12px;text-align:center}.m32-provider-side details{margin-top:12px}.m32-provider-side summary{cursor:pointer;font-weight:800;font-size:12px;color:#0a6c7d}
/* Super admin company cards */
.m32-tenant-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.m32-tenant-card{display:grid;grid-template-columns:1fr auto;gap:14px;align-items:center;padding:18px;border:1px solid #e3e9ee;border-radius:20px;background:#fff}.m32-tenant-card h3{margin:0 0 4px;font-size:16px}.m32-tenant-card p{margin:0;color:#8793a1;font-size:11px}.m32-tenant-kpis{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.m32-tenant-kpis span{background:#f3f6f8;border-radius:9px;padding:7px 8px;font-size:11px;color:#5d6b7a;font-weight:700}
/* Better compact forms */
.form-stack label,.form-grid label{font-weight:700;color:#405064}.form-stack input,.form-stack select,.form-stack textarea,.form-grid input,.form-grid select,.form-grid textarea{border-radius:12px!important;border-color:#dce5ec!important;background:#fbfcfd!important;transition:border-color .16s ease,box-shadow .16s ease}.form-stack input:focus,.form-stack select:focus,.form-stack textarea:focus,.form-grid input:focus,.form-grid select:focus,.form-grid textarea:focus{outline:0;border-color:#25a9b8!important;box-shadow:0 0 0 4px rgba(37,169,184,.11)!important}
@media(max-width:900px){.m32-cargo-rails{left:14px;top:auto;bottom:18px;transform:none;width:calc(100% - 28px);grid-template-columns:1fr 1fr}.m32-cargo-rail{border-radius:18px;min-height:68px}.miber-login-v2 .miber-login-panel{padding-bottom:114px}.m32-provider-shell{grid-template-columns:1fr}.m32-provider-side{position:static;grid-template-columns:1fr 1fr}.m32-provider-catalog{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.m32-cargo-rails{position:relative;left:auto;bottom:auto;top:auto;width:auto;margin:14px 0 0;grid-template-columns:1fr 1fr;gap:8px}.m32-cargo-rail{border-radius:16px;min-height:62px;padding:9px}.m32-cargo-rail-icon{width:38px;height:38px;border-radius:13px}.m32-cargo-rail em{display:none}.m32-cargo-rail strong{font-size:12px}.miber-login-v2 .miber-login-panel{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.m32-provider-catalog,.m32-provider-side,.m32-tenant-list{grid-template-columns:1fr}.page-head{padding:22px 18px;border-radius:20px}.m32-tenant-card{grid-template-columns:1fr}.m32-tenant-kpis{justify-content:flex-start}}