:root{
  --admin-sidebar:248px;
  --admin-bg:#f4f6f9;
  --admin-panel:#fff;
  --admin-line:#e7e9ee;
  --admin-muted:#7b8492;
}

.admin-page{min-height:100vh;background:var(--admin-bg);font-size:14px}
.admin-page .btn-danger{color:#fff;background:#d92d20}
.admin-page .btn-danger:hover{background:#b42318}
.admin-page .form-error{margin:8px 0 0;color:#d92d20;font-size:10px;font-weight:700}
.admin-page .uppercase{text-transform:uppercase;letter-spacing:.06em;font-weight:800}
.admin-kicker{margin:0 0 8px;color:var(--orange);font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.15em}

.auth-screen{display:grid;grid-template-columns:1.05fr .95fr;min-height:100vh;background:#fff}
.auth-visual{position:relative;min-height:100vh;overflow:hidden;color:#fff;background:var(--night)}
.auth-visual-bg{position:absolute;inset:0;background:url("../img/garage-hero.webp") center/cover no-repeat}
.auth-visual-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,8,13,.92),rgba(5,8,13,.15) 65%),linear-gradient(90deg,rgba(5,8,13,.5),transparent)}
.auth-logo{position:absolute;z-index:2;left:45px;top:35px;color:#fff}
.auth-logo small{color:#abb3bf}
.auth-quote{position:absolute;z-index:2;left:50px;right:50px;bottom:55px;max-width:600px}
.auth-quote>span{font-family:Georgia;font-size:75px;color:var(--orange);line-height:.5}
.auth-quote blockquote{margin:20px 0 18px;font-family:Georgia,serif;font-size:28px;line-height:1.35;letter-spacing:-.025em}
.auth-quote small{color:#aab2bd;font-size:10px;text-transform:uppercase;letter-spacing:.1em}
.auth-panel{display:grid;place-items:center;padding:50px;background:#fff}
.auth-box{width:min(390px,100%)}
.auth-box h1{margin:0;font-size:45px;line-height:1;letter-spacing:-.06em}
.auth-intro{margin:18px 0 28px;color:var(--muted);font-size:12px;line-height:1.7}
.auth-box label{margin-bottom:15px}
.auth-box input{height:49px}
.auth-box form .btn{margin-top:7px}
.auth-foot{display:flex;align-items:center;gap:7px;margin-top:27px;padding-top:18px;border-top:1px solid var(--line);color:#98a2b3;font-size:8.5px}
.auth-foot>span{color:#32d583}.auth-foot>a{margin-left:auto;color:var(--ink);font-weight:800}

.admin-app{min-height:100vh}
.admin-sidebar{
  position:fixed;z-index:60;inset:0 auto 0 0;display:flex;flex-direction:column;width:var(--admin-sidebar);
  padding:22px 15px 14px;color:#c5ccd6;background:
    radial-gradient(circle at 20% 0,rgba(255,92,32,.16),transparent 15rem),
    linear-gradient(160deg,#121a26,#090e16);
  border-right:1px solid rgba(255,255,255,.06);
}
.admin-brand{display:flex;align-items:center;gap:11px;padding:0 7px 23px;border-bottom:1px solid rgba(255,255,255,.08)}
.admin-brand .logo-mark{width:41px;height:41px;border-radius:12px}
.admin-brand .logo-mark svg{width:24px}
.admin-brand strong,.admin-brand small{display:block}.admin-brand strong{color:#fff;font-size:14.5px}.admin-brand small{margin-top:3px;color:#747f8e;font-size:8.5px}
.admin-nav{display:flex;flex-direction:column;gap:4px;flex:1;padding-top:17px}
.admin-nav>p{margin:16px 10px 5px;color:#566171;font-size:7.5px;font-weight:900;text-transform:uppercase;letter-spacing:.16em}
.admin-nav>p:first-child{margin-top:0}
.admin-nav button{
  display:flex;align-items:center;gap:11px;width:100%;min-height:42px;padding:7px 10px;border:1px solid transparent;border-radius:11px;
  color:#99a3b0;background:transparent;text-align:left;font-size:10.5px;font-weight:700;
}
.admin-nav button>span{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:rgba(255,255,255,.055);color:#b4bdc8;font-size:13px}
.admin-nav button>b{display:grid;place-items:center;min-width:18px;height:18px;margin-left:auto;padding:0 5px;border-radius:9px;background:var(--orange);color:#fff;font-size:7.5px}
.admin-nav button:hover{color:#fff;background:rgba(255,255,255,.05)}
.admin-nav button.active{color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 9px 20px rgba(255,92,32,.22)}
.admin-nav button.active>span{color:#fff;background:rgba(255,255,255,.17)}
.sidebar-bottom>a{display:flex;align-items:center;gap:10px;padding:10px 12px;color:#8d97a5;font-size:9.5px;font-weight:700}
.sidebar-bottom>a>span{font-size:14px}
.admin-user{display:flex;align-items:center;gap:9px;margin-top:7px;padding:11px;border:1px solid rgba(255,255,255,.08);border-radius:12px;background:rgba(255,255,255,.04)}
.avatar{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:rgba(255,92,32,.16);color:#ff8c61;font-size:11px;font-weight:900}
.admin-user strong,.admin-user small{display:block}.admin-user strong{color:#fff;font-size:9.5px}.admin-user small{margin-top:2px;color:#6f7a89;font-size:7.5px}
.admin-user button{margin-left:auto;border:0;background:none;color:#737e8d;font-size:16px}

.admin-workspace{
  min-height:100vh;margin-left:var(--admin-sidebar);background:
    radial-gradient(circle at 82% 2%,rgba(255,92,32,.055),transparent 22rem),
    radial-gradient(circle at 10% 38%,rgba(23,92,211,.035),transparent 25rem),
    var(--admin-bg);
}
.admin-topbar{
  position:sticky;z-index:40;top:0;display:flex;align-items:center;min-height:78px;padding:12px 28px;border-bottom:1px solid var(--admin-line);
  background:rgba(255,255,255,.93);backdrop-filter:blur(16px);
}
.admin-topbar>div:first-of-type p{margin:0 0 3px;color:#98a2b3;font-size:8px}
.admin-topbar h1{margin:0;font-size:18px;letter-spacing:-.035em}
.admin-top-actions{display:flex;align-items:center;gap:11px;margin-left:auto}
.admin-search,.table-search{display:flex;align-items:center;gap:7px;width:220px;height:38px;padding:0 11px;border:1px solid var(--admin-line);border-radius:10px;background:#fff}
.admin-search span,.table-search span{color:#98a2b3;font-size:16px}
.admin-search input,.table-search input{height:auto;margin:0;padding:0;border:0;background:transparent;font-size:9.5px;box-shadow:none}
.today-label{padding-left:12px;border-left:1px solid var(--admin-line);color:#667085;font-size:9px}
.icon-action,.admin-menu-toggle{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--admin-line);border-radius:10px;background:#fff;font-size:18px}
.admin-menu-toggle{display:none}
.admin-main{padding:27px 28px 50px}
.admin-view{display:none;animation:adminFade .22s ease}.admin-view.active{display:block}
@keyframes adminFade{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}

.welcome-row,.view-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:23px}
.welcome-row h2,.view-toolbar h2{margin:0;font-size:28px;letter-spacing:-.045em}
.welcome-row h2 span{color:var(--orange)}
.welcome-row>div>p:last-child,.view-toolbar>div>p:last-child{margin:5px 0 0;color:var(--admin-muted);font-size:10.5px}
.dashboard-shortcuts{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:16px}
.dashboard-shortcuts>button{
  display:flex;align-items:center;gap:10px;min-height:66px;padding:11px 12px;border:1px solid var(--admin-line);border-radius:14px;
  background:rgba(255,255,255,.9);text-align:left;box-shadow:0 2px 8px rgba(16,24,40,.025);transition:.2s;
}
.dashboard-shortcuts>button:hover{transform:translateY(-2px);border-color:#ffc6b1;box-shadow:0 10px 24px rgba(16,24,40,.07)}
.shortcut-icon{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:10px;background:#fff0e9;color:var(--orange);font-size:14px}
.dashboard-shortcuts>button>span:nth-child(2){min-width:0}
.dashboard-shortcuts strong,.dashboard-shortcuts small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dashboard-shortcuts strong{font-size:8.7px}.dashboard-shortcuts small{margin-top:3px;color:#98a2b3;font-size:7px}
.dashboard-shortcuts>button>b{margin-left:auto;color:#c1c7d0;font-size:12px}
.admin-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:18px}
.admin-stat{
  position:relative;min-height:105px;padding:17px 17px 15px;border:1px solid var(--admin-line);border-radius:15px;background:#fff;
  box-shadow:0 2px 8px rgba(16,24,40,.025);overflow:hidden;transition:.2s;
}
.admin-stat:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(16,24,40,.07)}
.admin-stat::before{content:"";position:absolute;left:0;top:14px;bottom:14px;width:3px;border-radius:0 3px 3px 0;background:var(--stat-color,var(--orange))}
.admin-stat-head{display:flex;justify-content:space-between;gap:10px;color:#7d8794;font-size:8.5px;font-weight:750}
.admin-stat-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;background:var(--stat-bg,#fff0e9);color:var(--stat-color,var(--orange));font-size:13px}
.admin-stat strong{display:block;margin-top:9px;font-size:24px;line-height:1;letter-spacing:-.045em}
.admin-stat-foot{display:flex;align-items:center;gap:6px;margin-top:8px;color:#98a2b3;font-size:7.8px}
.admin-stat-foot b{color:var(--green)}
.small-stats .admin-stat{min-height:92px}.small-stats .admin-stat strong{font-size:21px}

.dashboard-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}
.admin-card{border:1px solid var(--admin-line);border-radius:16px;background:rgba(255,255,255,.96);box-shadow:0 3px 12px rgba(16,24,40,.035)}
.revenue-card,.workshop-status,.upcoming-card,.activity-card{padding:19px}
.card-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}
.card-heading span,.form-section-title{color:#98a2b3;font-size:7.5px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}
.card-heading h3{margin:2px 0 0;font-size:13px;letter-spacing:-.02em}
.card-heading select{width:auto;height:31px;margin:0;padding:0 27px 0 9px;border-radius:8px;font-size:8px}
.card-heading button{border:0;background:none;color:#667085;font-size:8.5px;font-weight:750}
.chart-summary{display:flex;align-items:center;gap:10px;margin:5px 0 12px}
.chart-summary strong{font-size:24px}.chart-summary span{padding:4px 7px;border-radius:99px;background:#ecfdf3;color:#067647;font-size:7.5px;font-weight:750}
.revenue-chart{display:flex;align-items:flex-end;gap:9px;height:150px;padding-top:12px}
.chart-bar-wrap{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:flex-end;height:100%;gap:6px;min-width:0}
.chart-bar{position:relative;width:100%;max-width:38px;min-height:3px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#ff7f50,var(--orange));transition:.3s}
.chart-bar:hover{filter:brightness(1.06)}
.chart-bar span{position:absolute;top:-18px;left:50%;transform:translateX(-50%);color:#667085;font-size:7px;white-space:nowrap}
.chart-bar-wrap>small{color:#98a2b3;font-size:7px;text-transform:capitalize}
.workshop-item{display:flex;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid var(--admin-line)}
.workshop-item:last-child{border:0}
.workshop-item-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#f2f4f7;color:#667085;font-size:13px}
.workshop-item>div:nth-child(2){min-width:0;flex:1}
.workshop-item strong,.workshop-item small{display:block}.workshop-item strong{font-size:9.5px}.workshop-item small{margin-top:2px;color:#98a2b3;font-size:7.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.upcoming-card{grid-column:1}.activity-card{grid-column:2}
.activity-row{display:flex;align-items:flex-start;gap:10px;padding:9px 0;border-bottom:1px solid var(--admin-line)}
.activity-row:last-child{border:0}
.activity-dot{width:8px;height:8px;margin-top:4px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px #fff0e9}
.activity-row p{margin:0;font-size:9px}.activity-row small{display:block;margin-top:2px;color:#98a2b3;font-size:7.5px}

.data-card{overflow:hidden}
.data-toolbar{display:flex;align-items:center;gap:14px;padding:14px 16px;border-bottom:1px solid var(--admin-line)}
.table-search{width:260px;height:36px}
.admin-filter-pills{display:flex;gap:4px;margin-left:auto;padding:3px;border:1px solid var(--admin-line);border-radius:9px}
.admin-filter-pills button{height:28px;padding:0 10px;border:0;border-radius:6px;background:transparent;color:#7b8492;font-size:8px;font-weight:750}
.admin-filter-pills button.active{background:var(--night);color:#fff}
.admin-table-wrap{overflow-x:auto}
.admin-table-wrap table{width:100%;border-collapse:collapse}
.admin-table-wrap th{padding:10px 14px;background:#fafbfc;color:#98a2b3;font-size:7.5px;font-weight:850;text-align:left;text-transform:uppercase;letter-spacing:.06em;white-space:nowrap}
.admin-table-wrap td{padding:12px 14px;border-top:1px solid var(--admin-line);font-size:9px;vertical-align:middle}
.admin-table-wrap td strong,.admin-table-wrap td small{display:block}.admin-table-wrap td strong{font-size:9.5px}.admin-table-wrap td small{margin-top:3px;color:#98a2b3;font-size:7.5px}
.compact-table th,.compact-table td{padding-inline:10px}
.row-contact{display:flex;align-items:center;gap:9px}
.row-avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:#f2f4f7;color:#596273;font-size:8.5px;font-weight:900}
.row-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px}
.row-actions button,.row-actions a{display:grid;place-items:center;width:28px;height:28px;border:1px solid var(--admin-line);border-radius:8px;background:#fff;color:#667085;font-size:11px}
.row-actions button:hover,.row-actions a:hover{border-color:#fbb69d;color:var(--orange)}
.row-actions .delete-action:hover{border-color:#fda29b;color:var(--red)}
.admin-status{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;border-radius:99px;font-size:7.5px;font-weight:800;white-space:nowrap}
.admin-status::before{content:"";width:5px;height:5px;border-radius:50%;background:currentColor}
.admin-status.pending,.admin-status.diagnosis,.admin-status.awaiting_parts,.admin-status.in_progress{background:#fff6ed;color:#b54708}
.admin-status.confirmed,.admin-status.ready,.admin-status.delivered,.admin-status.contacted{background:#ecfdf3;color:#067647}
.admin-status.cancelled{background:#fef3f2;color:#b42318}
.admin-status.scheduled,.admin-status.received,.admin-status.new{background:#eff8ff;color:#175cd3}
.table-empty{padding:55px 20px;text-align:center}
.table-empty>span{display:block;color:#98a2b3;font-size:28px}.table-empty strong{display:block;margin-top:8px}.table-empty p{margin:4px 0 0;color:#98a2b3;font-size:9px}

.repair-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:15px;margin-bottom:16px}
.admin-calendar-card{overflow:hidden}
.calendar-toolbar{display:flex;align-items:center;gap:8px;padding:13px 15px;border-bottom:1px solid var(--admin-line)}
.calendar-toolbar>button{display:grid;place-items:center;height:29px;min-width:29px;padding:0 8px;border:1px solid var(--admin-line);border-radius:8px;background:#fff;font-size:10px}
.calendar-toolbar h3{min-width:120px;margin:0;font-size:12px;text-align:center;text-transform:capitalize}
.calendar-toolbar #repairToday{margin-left:auto;font-size:8px}
.admin-calendar-week,.admin-calendar{display:grid;grid-template-columns:repeat(7,1fr)}
.admin-calendar-week{background:#fafbfc;border-bottom:1px solid var(--admin-line)}
.admin-calendar-week span{padding:8px 4px;color:#98a2b3;font-size:7px;font-weight:800;text-align:center;text-transform:uppercase}
.calendar-day{position:relative;min-height:73px;padding:6px;border:0;border-right:1px solid var(--admin-line);border-bottom:1px solid var(--admin-line);background:#fff;text-align:left}
.calendar-day:nth-child(7n){border-right:0}
.calendar-day:nth-last-child(-n+7){border-bottom:0}
.calendar-day:hover{background:#fff8f5}.calendar-day.out{background:#fafbfc;color:#c1c7d0}.calendar-day.selected{box-shadow:inset 0 0 0 2px var(--orange)}
.calendar-day>span{font-size:7.5px;font-weight:800}
.calendar-day.today>span{display:grid;place-items:center;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff}
.calendar-repair-chip{display:block;margin-top:4px;padding:3px 4px;border-left:2px solid var(--orange);border-radius:3px;background:#fff0e9;color:#9f310a;font-size:6.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.calendar-count{position:absolute;right:5px;top:5px;display:grid;place-items:center;min-width:16px;height:16px;border-radius:8px;background:var(--night);color:#fff;font-size:6.5px}
.day-planning{padding:17px;min-height:300px}
.day-repair-item{padding:11px 0;border-bottom:1px solid var(--admin-line)}
.day-repair-item:last-child{border:0}.day-repair-item>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.day-repair-item strong{font-size:9px}.day-repair-item p{margin:4px 0;color:#667085;font-size:8px}.day-repair-item button{padding:0;border:0;background:none;color:var(--orange);font-size:8px;font-weight:800}
.day-empty{padding:45px 10px;text-align:center;color:#98a2b3;font-size:9px}
.repairs-table-card{margin-top:0}
.repair-maintenance-note{margin-top:5px!important;color:#b54708!important;font-weight:750}
.repair-email-note{display:block;max-width:330px;margin-top:5px!important;font-weight:750;white-space:normal}
.repair-email-note.sent{color:#067647!important}.repair-email-note.error{color:#b42318!important}.repair-email-note.pending{color:#175cd3!important}

.maintenance-toolbar{display:flex;align-items:center;gap:14px;margin-bottom:14px;padding:11px 12px;border:1px solid var(--admin-line);border-radius:14px;background:#fff}
.maintenance-toolbar .table-search{width:300px}
.maintenance-toolbar .admin-filter-pills{margin-left:auto}
.maintenance-toolbar>.btn{flex:0 0 auto;white-space:nowrap}
.maintenance-list{display:grid;gap:10px}
.maintenance-item{
  display:grid;grid-template-columns:62px 1fr auto;align-items:center;gap:17px;padding:15px 16px;border:1px solid var(--admin-line);
  border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.035);
}
.maintenance-item.overdue{border-left:4px solid #d92d20}.maintenance-item.soon{border-left:4px solid #f79009}.maintenance-item.upcoming{border-left:4px solid #2e90fa}.maintenance-item.contacted{opacity:.72;border-left:4px solid #12b76a}
.maintenance-date{display:grid;place-items:center;height:58px;border-radius:13px;background:#f7f8fa;text-align:center}
.maintenance-date strong{font-size:20px;line-height:1}.maintenance-date span{margin-top:-8px;color:#7b8492;font-size:7px;font-weight:800;text-transform:uppercase}
.maintenance-item-head{display:flex;align-items:center;gap:8px}.maintenance-item-head>small{color:#98a2b3;font-size:7px}
.maintenance-state{padding:4px 7px;border-radius:99px;font-size:6.8px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.maintenance-state.overdue{background:#fef3f2;color:#b42318}.maintenance-state.soon{background:#fff6ed;color:#b54708}.maintenance-state.upcoming{background:#eff8ff;color:#175cd3}.maintenance-state.contacted{background:#ecfdf3;color:#067647}
.maintenance-main h3{margin:6px 0 3px;font-size:12px}.maintenance-main>p{margin:0;color:#596273;font-size:8.5px}
.maintenance-meta{display:flex;gap:14px;margin-top:8px;color:#98a2b3;font-size:7.5px}
.maintenance-actions{display:grid;grid-template-columns:1fr 1fr;gap:6px;min-width:205px}
.maintenance-actions a,.maintenance-actions button{display:flex;align-items:center;justify-content:center;min-height:30px;padding:6px 9px;border:1px solid var(--admin-line);border-radius:8px;background:#fff;color:#596273;font-size:7.5px;font-weight:800}
.maintenance-actions a:hover,.maintenance-actions button:hover{border-color:#fbb69d;color:var(--orange)}
.maintenance-empty{border:1px dashed #d0d5dd;border-radius:15px;background:#fff}

.vehicle-admin-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:15px}
.vehicle-admin-toolbar .table-search{width:300px;background:#fff}.vehicle-admin-toolbar select{width:auto;height:38px;margin:0;margin-left:auto;font-size:8.5px}
.admin-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.admin-vehicle-card{overflow:hidden;border:1px solid var(--admin-line);border-radius:15px;background:#fff;box-shadow:0 3px 12px rgba(16,24,40,.035)}
.admin-vehicle-image{position:relative;aspect-ratio:1.7;background:#e6e9ed;overflow:hidden}
.admin-vehicle-image img{width:100%;height:100%;object-fit:cover}
.publication-badge{position:absolute;left:10px;top:10px;padding:5px 7px;border-radius:7px;background:#ecfdf3;color:#067647;font-size:6.5px;font-weight:850;text-transform:uppercase;letter-spacing:.05em}
.publication-badge.draft{background:#f2f4f7;color:#667085}
.admin-vehicle-body{padding:14px}
.admin-vehicle-head{display:flex;justify-content:space-between;gap:10px}
.admin-vehicle-head small,.admin-vehicle-head strong{display:block}.admin-vehicle-head small{color:#98a2b3;font-size:7.5px}.admin-vehicle-head h3{margin:2px 0 0;font-size:13px}.admin-vehicle-head>strong{font-size:12px}
.admin-vehicle-specs{display:flex;gap:12px;margin:11px 0;color:#667085;font-size:7.5px}
.admin-vehicle-actions{display:flex;gap:7px;padding-top:11px;border-top:1px solid var(--admin-line)}
.admin-vehicle-actions button{flex:1;height:31px;border:1px solid var(--admin-line);border-radius:8px;background:#fff;color:#596273;font-size:7.5px;font-weight:800}
.admin-vehicle-actions button:hover{border-color:#fbb69d;color:var(--orange)}
.admin-vehicle-actions button:last-child{flex:0 0 31px;color:var(--red)}

.settings-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:16px;align-items:start}
.settings-form,.settings-stack>.admin-card{padding:20px}
.settings-form label,.settings-stack label{margin-bottom:13px}
.settings-form .btn{margin-top:5px}
.seo-settings-block{margin:22px -2px 17px;padding:18px;border:1px solid #fed7c7;border-radius:14px;background:linear-gradient(145deg,#fffaf7,#fff)}
.seo-settings-block .form-section-title{margin:0 0 13px;padding-bottom:8px;border-bottom:1px solid #fee5db;color:var(--orange)}
.search-preview{margin-top:4px;padding:15px 16px;border:1px solid #e4e7ec;border-radius:12px;background:#fff;box-shadow:0 5px 18px rgba(16,24,40,.05)}
.search-preview>span,.search-preview>strong{display:block}
.search-preview>span{color:#4d5156;font-size:8px}
.search-preview>strong{margin:4px 0 3px;color:#1a0dab;font-family:Arial,sans-serif;font-size:13px;font-weight:500;line-height:1.3}
.search-preview>p{margin:0;color:#4d5156;font-family:Arial,sans-serif;font-size:9px;line-height:1.45}
.email-settings-block{margin:20px -2px 17px;padding:18px;border:1px solid #b2ddff;border-radius:14px;background:linear-gradient(145deg,#f5fbff,#fff)}
.email-settings-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:9px}.email-settings-heading span:first-child{color:#175cd3;font-size:7px;font-weight:850;text-transform:uppercase;letter-spacing:.1em}.email-settings-heading h3{margin:3px 0 0;font-size:13px}
.email-settings-block>p{margin:0 0 12px;color:#667085;font-size:8.5px;line-height:1.6}
.email-provider-badge{padding:5px 8px;border-radius:99px;background:#fff6ed;color:#b54708;font-size:6.5px;font-weight:850;text-transform:uppercase;white-space:nowrap}.email-provider-badge.configured{background:#ecfdf3;color:#067647}
.email-template-help{display:block;margin:-4px 0 12px;color:#667085;font-size:7px}.email-template-help code{padding:2px 4px;border-radius:4px;background:#fff;color:#175cd3}
.email-provider-info{padding:9px 10px;border:1px solid #d1e9ff;border-radius:9px;background:#fff;color:#475467;font-size:7.5px;line-height:1.55}.email-provider-info strong{color:#175cd3}
.settings-stack{display:grid;gap:15px}
.maintenance-settings-card{max-height:545px;overflow:auto}
.maintenance-periods-grid{display:grid;gap:6px;margin-bottom:13px}
.maintenance-period-row{display:grid;grid-template-columns:1fr 65px 85px;align-items:end;gap:7px;padding:7px 0;border-bottom:1px solid var(--admin-line)}
.maintenance-period-row>strong{padding-bottom:7px;font-size:8px}
.maintenance-period-row label{margin:0!important;color:#98a2b3;font-size:6.5px}
.maintenance-period-row input{height:31px;margin-top:3px;padding:5px 7px;border-radius:7px;font-size:8px}
.settings-toggle{min-height:46px;margin:7px 0 13px!important;padding:10px;border:1px solid var(--admin-line);border-radius:10px;background:#fafbfc}
.settings-copy{margin:-3px 0 15px;color:#7b8492;font-size:9.5px;line-height:1.7}
.settings-actions{display:grid;gap:8px}
.import-label{cursor:pointer}
.danger-card{border-color:#fecdca}.danger-card .card-heading span{color:#d92d20}
.security-account-summary{display:flex;align-items:center;gap:10px;margin:0 0 15px;padding:11px;border:1px solid var(--admin-line);border-radius:11px;background:#fafbfc}
.security-account-summary .security-shield{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:#fff0e9;color:var(--orange);font-size:17px}
.security-account-summary strong,.security-account-summary small{display:block}.security-account-summary strong{font-size:9px}.security-account-summary small{margin-top:3px;color:#98a2b3;font-size:7px}
.security-form{display:grid}.security-divider{height:1px;margin:17px 0;background:var(--admin-line)}
.two-factor-card .card-heading{align-items:center}.two-factor-badge{padding:5px 7px;border-radius:99px;background:#f2f4f7;color:#667085;font-size:6.5px;font-weight:850;text-transform:uppercase}
.two-factor-badge.enabled{background:#ecfdf3;color:#067647}
.settings-token-field{padding:10px;border:1px solid #d6bbfb;border-radius:10px;background:#f9f5ff}

.admin-modal-backdrop{
  position:fixed;z-index:100;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,8,13,.7);
  backdrop-filter:blur(7px);opacity:0;transition:.18s;
}
.admin-modal-backdrop.open{opacity:1}
.admin-modal{
  width:min(680px,100%);max-height:calc(100vh - 40px);overflow:auto;border-radius:17px;background:#fff;
  box-shadow:0 30px 90px rgba(0,0,0,.38);transform:translateY(10px);transition:.18s;
}
.admin-modal-backdrop.open .admin-modal{transform:none}
.admin-modal-wide{width:min(980px,100%)}
.admin-modal>header{position:sticky;z-index:3;top:0;display:flex;align-items:center;justify-content:space-between;padding:16px 19px;border-bottom:1px solid var(--admin-line);background:#fff}
.admin-modal>header span{color:#98a2b3;font-size:7px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.admin-modal>header h2{margin:2px 0 0;font-size:16px}
.admin-modal>header button{display:grid;place-items:center;width:33px;height:33px;border:1px solid var(--admin-line);border-radius:9px;background:#fff;font-size:18px}
.admin-modal-body{padding:20px}
.admin-modal .form-section-title{margin:3px 0 12px;padding-bottom:7px;border-bottom:1px solid var(--admin-line)}
.admin-modal label{margin-bottom:12px}.admin-modal input,.admin-modal select{height:42px}
.field-hint{display:block;margin-top:5px;color:#98a2b3;font-size:6.8px;font-weight:600}
.field-hint.known{color:var(--orange);font-weight:800;cursor:pointer}
.client-autocomplete-field{position:relative}
.client-suggestions{
  position:absolute;z-index:8;left:0;right:0;top:68px;padding:6px;border:1px solid var(--admin-line);border-radius:11px;
  background:#fff;box-shadow:0 18px 45px rgba(16,24,40,.16);
}
.client-suggestions>button{display:flex;align-items:center;gap:9px;width:100%;padding:8px;border:0;border-radius:8px;background:#fff;text-align:left}
.client-suggestions>button:hover{background:#fff7f3}
.client-suggestions>button>span{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;background:#fff0e9;color:var(--orange);font-size:7px;font-weight:900}
.client-suggestions strong,.client-suggestions small{display:block}.client-suggestions strong{font-size:8.5px}.client-suggestions small{margin-top:2px;color:#98a2b3;font-size:6.8px}
.maintenance-form-title{margin-top:21px!important}
.maintenance-form-copy{margin:-4px 0 11px;color:#7b8492;font-size:8px;line-height:1.6}
.maintenance-chips{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:11px}
.maintenance-chips button{padding:6px 9px;border:1px solid var(--admin-line);border-radius:99px;background:#fff;color:#667085;font-size:7px;font-weight:800}
.maintenance-chips button.active{border-color:var(--orange);background:#fff0e9;color:#c33d0c}
.maintenance-form-rows{display:grid;gap:7px;margin-bottom:10px}
.maintenance-form-row{position:relative;display:grid;grid-template-columns:1fr 125px 125px 30px;align-items:end;gap:7px;padding:9px;border:1px solid var(--admin-line);border-radius:10px;background:#fafbfc}
.maintenance-form-row>strong{align-self:center;font-size:8.5px}.maintenance-form-row>label{margin:0;font-size:6.5px}.maintenance-form-row input{height:34px;margin-top:3px;padding:6px 8px;border-radius:8px;font-size:8px}
.maintenance-form-row>button{display:grid;place-items:center;width:30px;height:30px;margin-bottom:2px;border:1px solid #fecdca;border-radius:8px;background:#fff;color:#d92d20}
.admin-modal footer{position:sticky;bottom:0;display:flex;justify-content:flex-end;gap:8px;padding:13px 19px;border-top:1px solid var(--admin-line);background:#fafbfc}
.vehicle-form-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:25px}
.form-row.thirds{grid-template-columns:repeat(3,1fr)}
.toggle-label{display:flex!important;align-items:center;gap:8px;margin-top:21px;font-weight:700}
.toggle-label input{width:16px;height:16px;margin:0;accent-color:var(--orange)}
.publish-toggle{margin-top:6px;padding:12px;border-radius:10px;background:#f7f8fa}
.image-preview{display:grid;place-items:center;aspect-ratio:1.8;margin:7px 0 12px;border:1px dashed #cfd4dc;border-radius:11px;background:#f7f8fa;color:#98a2b3;font-size:8.5px;overflow:hidden}
.image-preview img{width:100%;height:100%;object-fit:cover}
.admin-modal label small{color:#98a2b3;font-size:7px}

.invoice-modal{width:min(800px,100%)}
.invoice-sheet{padding:43px;color:#111;background:#fff;font-size:11px}
.invoice-top{display:flex;justify-content:space-between;gap:30px;padding-bottom:22px;border-bottom:3px solid var(--orange)}
.invoice-brand h2{margin:0;font-size:24px}.invoice-brand p,.invoice-number p{margin:4px 0;color:#667085}
.invoice-number{text-align:right}.invoice-number h3{margin:0;color:var(--orange);font-size:22px}
.invoice-parties{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:22px 0}
.invoice-box{padding:14px;border:1px solid #e4e7ec;border-radius:10px;background:#f8fafc}.invoice-box span{display:block;margin-bottom:5px;color:#667085;font-size:8px;text-transform:uppercase}
.invoice-table{width:100%;border-collapse:collapse}.invoice-table th{padding:10px;background:#111827;color:#fff;text-align:left;font-size:8px;text-transform:uppercase}.invoice-table td{padding:12px 10px;border-bottom:1px solid #e4e7ec}.invoice-table .right{text-align:right}
.invoice-total{display:flex;justify-content:flex-end;padding-top:18px}.invoice-total>div{width:280px}.invoice-total p{display:flex;justify-content:space-between;margin:5px 0}.invoice-total p:last-child{margin-top:10px;padding-top:10px;border-top:2px solid #111;font-size:17px;font-weight:900}
.invoice-maintenance{display:grid;gap:5px;margin-top:18px;padding:13px;border:1px solid #fedf89;border-radius:10px;background:#fffaeb;color:#7a2e0e}.invoice-maintenance strong{font-size:9px}.invoice-maintenance span{font-size:8px}
.invoice-tax-note{margin:12px 0 0;text-align:right;color:#667085;font-size:8px}
.invoice-foot{margin-top:30px;padding-top:15px;border-top:1px solid #e4e7ec;color:#667085;text-align:center;font-size:8px}

.two-factor-modal{width:min(570px,100%)}
.two-factor-modal .admin-modal-body>section{text-align:center}
.two-factor-modal h3{margin:7px 0 6px;font-size:15px}.two-factor-modal section>p{max-width:430px;margin:0 auto 18px;color:#667085;font-size:9px;line-height:1.65}
.two-factor-modal form{text-align:left}
.two-factor-intro-icon,.two-factor-success{display:grid;place-items:center;width:58px;height:58px;margin:2px auto 12px;border-radius:18px;background:#fff0e9;color:var(--orange);font-size:28px}
.two-factor-success{border-radius:50%;background:#ecfdf3;color:#079455;font-weight:900}
.two-factor-steps{display:flex;align-items:center;justify-content:center;margin:0 auto 17px}.two-factor-steps span{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:#f2f4f7;color:#98a2b3;font-size:7px;font-weight:900}.two-factor-steps span.active{background:var(--orange);color:#fff}.two-factor-steps i{width:47px;height:2px;background:#e4e7ec}.two-factor-steps span.active+i{background:#fbb69d}
.two-factor-qr{display:grid;place-items:center;width:228px;height:228px;margin:0 auto 13px;padding:8px;border:1px solid var(--admin-line);border-radius:15px;background:#fff;box-shadow:0 8px 24px rgba(16,24,40,.07)}
.two-factor-qr img{width:100%;height:100%;object-fit:contain}
.two-factor-secret{display:grid;grid-template-columns:1fr auto;align-items:center;gap:5px;margin:0 auto 15px;padding:10px;border:1px solid var(--admin-line);border-radius:10px;background:#fafbfc;text-align:left}
.two-factor-secret>span{grid-column:1/-1;color:#98a2b3;font-size:6.5px;font-weight:850;text-transform:uppercase}.two-factor-secret code{overflow-wrap:anywhere;color:#344054;font-size:8px;font-weight:800;letter-spacing:.08em}.two-factor-secret button{padding:5px 7px;border:1px solid var(--admin-line);border-radius:6px;background:#fff;color:var(--orange);font-size:7px;font-weight:800}
.recovery-codes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:15px 0;padding:13px;border:1px solid #a6f4c5;border-radius:12px;background:#f6fef9}
.recovery-codes code{padding:7px;border-radius:7px;background:#fff;color:#05603a;font-size:8.5px;font-weight:850;letter-spacing:.06em}
.two-factor-recovery-actions{display:flex;justify-content:center;gap:7px}
.two-factor-recovery-actions .btn{flex:1}

.history-summary{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin-bottom:16px}
.history-summary>div{padding:13px;border:1px solid var(--admin-line);border-radius:11px;background:#fafbfc}
.history-summary span,.history-summary strong,.history-summary small{display:block}
.history-summary span{color:#98a2b3;font-size:6.8px;font-weight:800;text-transform:uppercase;letter-spacing:.05em}
.history-summary strong{margin:6px 0 3px;font-size:12px}.history-summary small{color:#667085;font-size:7px}
.history-next{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px;padding:12px 13px;border:1px solid #fedf89;border-radius:11px;background:#fffaeb}
.history-next strong{flex-basis:100%;font-size:8px}.history-next span{padding:5px 7px;border-radius:7px;background:#fff;color:#7a2e0e;font-size:7.5px;font-weight:750}
.history-timeline{position:relative;padding-left:19px}
.history-timeline::before{content:"";position:absolute;left:5px;top:9px;bottom:9px;width:1px;background:#d0d5dd}
.history-timeline article{position:relative;padding:0 0 17px 10px}
.history-timeline article:last-child{padding-bottom:0}
.history-marker{position:absolute;z-index:1;left:-18px;top:5px;width:9px;height:9px;border:2px solid #fff;border-radius:50%;background:var(--orange);box-shadow:0 0 0 1px var(--orange)}
.history-content{padding:13px 14px;border:1px solid var(--admin-line);border-radius:12px;background:#fff}
.history-content>div:first-child{display:flex;align-items:center;justify-content:space-between;gap:8px}
.history-content>div:first-child>span{color:#667085;font-size:7.5px;font-weight:800}
.history-content h3{margin:8px 0 5px;font-size:10px}.history-content p{margin:0;color:#667085;font-size:7.5px}
.history-actions{display:flex;gap:6px;margin-top:9px}.history-actions button{padding:6px 9px;border:1px solid var(--admin-line);border-radius:7px;background:#fff;color:#596273;font-size:7px;font-weight:800}
.history-actions button:hover{border-color:#fbb69d;color:var(--orange)}

.confirm-dialog{position:fixed;z-index:130;inset:0;display:grid;place-items:center;padding:20px;background:rgba(5,8,13,.72);backdrop-filter:blur(5px)}
.confirm-dialog>div{width:min(380px,100%);padding:26px;border-radius:17px;background:#fff;text-align:center;box-shadow:0 30px 80px rgba(0,0,0,.35)}
.confirm-icon{display:grid;place-items:center;width:45px;height:45px;margin:0 auto 13px;border-radius:50%;background:#fef3f2;color:#d92d20;font-size:19px;font-weight:900}
.confirm-dialog h3{margin:0;font-size:17px}.confirm-dialog p{margin:8px 0 20px;color:#667085;font-size:10px}.confirm-dialog footer{display:flex;justify-content:center;gap:8px}
.admin-toast{left:auto;right:22px;transform:translateY(20px)}
.admin-toast.show{transform:none}

@media(max-width:1100px){
  :root{--admin-sidebar:220px}
  .admin-main{padding-inline:20px}.admin-topbar{padding-inline:20px}
  .dashboard-grid{grid-template-columns:1fr}.upcoming-card,.activity-card{grid-column:auto}
  .dashboard-shortcuts{grid-template-columns:1fr 1fr}
  .admin-vehicle-grid{grid-template-columns:repeat(2,1fr)}
  .repair-layout{grid-template-columns:1fr}.day-planning{min-height:auto}
}

@media(max-width:820px){
  .auth-screen{grid-template-columns:1fr}.auth-visual{display:none}.auth-panel{min-height:100vh;padding:28px}
  .admin-sidebar{transform:translateX(-100%);width:250px;transition:.22s}.admin-sidebar.open{transform:none;box-shadow:20px 0 60px rgba(0,0,0,.25)}
  .admin-workspace{margin-left:0}
  .admin-menu-toggle{display:grid}
  .admin-search,.today-label{display:none}
  .admin-topbar{min-height:70px}.admin-main{padding:20px 15px 40px}
  .admin-stats{grid-template-columns:repeat(2,1fr)}
  .settings-layout{grid-template-columns:1fr}
  .vehicle-form-layout{grid-template-columns:1fr}
  .maintenance-item{grid-template-columns:55px 1fr}.maintenance-actions{grid-column:1/-1;grid-template-columns:repeat(4,1fr)}
  .history-summary{grid-template-columns:1fr 1fr}
}

@media(max-width:600px){
  .welcome-row,.view-toolbar{display:grid;align-items:start;gap:14px}.welcome-row .btn,.view-toolbar .btn{width:100%}
  .admin-stats{gap:9px}.admin-stat{min-height:96px;padding:14px}.admin-stat strong{font-size:21px}
  .dashboard-shortcuts{grid-template-columns:1fr}.dashboard-shortcuts>button{min-height:60px}
  .data-toolbar{align-items:stretch;flex-direction:column}.table-search{width:100%}.admin-filter-pills{margin-left:0;overflow:auto}.admin-filter-pills button{flex:1;white-space:nowrap}
  .admin-table-wrap th,.admin-table-wrap td{padding:10px;white-space:nowrap}
  .revenue-card,.workshop-status,.upcoming-card,.activity-card{padding:15px}
  .admin-calendar-card{overflow:auto}.admin-calendar-week,.admin-calendar{min-width:620px}
  .vehicle-admin-toolbar{align-items:stretch;flex-direction:column}.vehicle-admin-toolbar .table-search,.vehicle-admin-toolbar select{width:100%;margin-left:0}
  .maintenance-toolbar{align-items:stretch;flex-direction:column}.maintenance-toolbar .table-search{width:100%}.maintenance-toolbar .admin-filter-pills{margin-left:0;overflow:auto}
  .maintenance-toolbar>.btn{width:100%}
  .maintenance-item{grid-template-columns:48px 1fr;gap:11px;padding:12px}.maintenance-date{height:50px}.maintenance-actions{grid-template-columns:1fr 1fr;min-width:0}.maintenance-meta{flex-wrap:wrap;gap:6px 10px}
  .admin-vehicle-grid{grid-template-columns:1fr}
  .admin-modal-backdrop{padding:8px;align-items:end}.admin-modal{max-height:95vh;border-radius:16px}
  .admin-modal-body{padding:17px}.admin-modal .form-row,.form-row.thirds{grid-template-columns:1fr}
  .maintenance-form-row{grid-template-columns:1fr 1fr}.maintenance-form-row>strong,.maintenance-form-row>input{grid-column:1/-1}.maintenance-form-row>button{position:absolute;right:25px}
  .admin-modal footer .btn{flex:1}
  .invoice-sheet{padding:24px 18px}.invoice-parties{grid-template-columns:1fr}
  .history-summary{grid-template-columns:1fr}
  .two-factor-qr{width:200px;height:200px}.recovery-codes{grid-template-columns:1fr}
}

@media print{
  .admin-sidebar,.admin-topbar,.admin-main,.auth-screen,.no-print,.admin-modal>header,.admin-modal>footer{display:none!important}
  .admin-workspace{margin:0}
  .admin-modal-backdrop#invoiceModal{position:static;display:block!important;padding:0;background:#fff;opacity:1;backdrop-filter:none}
  #invoiceModal .admin-modal{display:block;max-height:none;width:100%;box-shadow:none;transform:none}
  .invoice-sheet{padding:0}
}