:root{
 --dri-navy:#0f1e30;--dri-navy2:#16283f;--dri-blue:#1e3a5f;--dri-light:#AECBEC;
 --dri-bg:#f5f7fa;--dri-card:#fff;--dri-line:#e2e8ef;--dri-ink:#142033;
 --dri-muted:#6b7686;--dri-green:#237247;--dri-red:#a84343;
}
*{box-sizing:border-box}
html,body{margin:0;background:var(--dri-bg)!important}
body.emb-topbar-pad{padding-top:70px!important}
.dri{font-family:Inter,Arial,sans-serif;color:var(--dri-ink);background:var(--dri-bg);min-height:100vh}
.dri a{text-decoration:none;color:inherit}
.dri button,.dri select{font:inherit}

/* HERO */
.dri-hero{height:135px;background:
 radial-gradient(circle at 82% 20%,rgba(174,203,236,.25),transparent 28%),
 linear-gradient(100deg,#0f1e30,#17385f 55%,#0f1e30);overflow:hidden;position:relative}
.dri-hero-in{width:min(1200px,calc(100% - 40px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}
.dri-hero-in>div:first-child>span{font-size:9px;font-weight:900;letter-spacing:1.5px;color:var(--dri-light)!important}
.dri-hero h1{margin:5px 0 4px;font:700 30px Georgia,serif;color:#fff!important}
.dri-hero p{margin:0;font-size:11px;color:rgba(255,255,255,.78)!important}
.dri-hero-car{font-size:100px;opacity:.15;transform:translateY(9px)}

/* LAYOUT */
.dri-main{padding:24px 0 100px}
.dri-shell{width:min(1200px,calc(100% - 40px));margin:auto}
.dri-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:22px;align-items:start}
.dri-side{position:sticky;top:92px}
.dri-filter-card,.dri-help,.dri-stats article,.dri-res{
 background:#fff;border:1px solid var(--dri-line);border-radius:16px;
 box-shadow:0 9px 24px rgba(15,30,48,.04)}
.dri-filter-card{padding:17px}
.dri-filter-card h2{margin:0 0 17px;font:700 15px Georgia,serif}
.dri-filter-group{margin-top:16px}
.dri-filter-title{display:flex;gap:8px;align-items:center;margin-bottom:8px;font-size:9px}
.dri-filter-title span{color:var(--dri-blue)}
.dri-filter{width:100%;border:0;background:transparent;display:flex;justify-content:space-between;align-items:center;padding:7px 6px;border-radius:8px;color:var(--dri-muted);font-size:8.5px;cursor:pointer}
.dri-filter.on{background:#eef4fb;color:var(--dri-blue);font-weight:900}
.dri-filter i{min-width:20px;height:20px;border-radius:7px;background:#edf2f7;display:grid;place-items:center;font-style:normal;font-size:7px}
.dri-filter.on i{background:#dce9f7}
.dri-filter-card select{width:100%;height:37px;border:1px solid var(--dri-line);border-radius:9px;background:#fff;padding:0 9px;color:var(--dri-ink);font-size:8.5px}
.dri-export{width:100%;height:39px;border:1px solid var(--dri-blue);border-radius:9px;background:#fff;color:var(--dri-blue);font-size:8.5px;font-weight:900;margin-top:15px;cursor:pointer}
.dri-help{padding:17px;margin-top:14px}
.dri-help h3{margin:0;font:700 14px Georgia,serif}
.dri-help p{font-size:8px;color:var(--dri-muted);line-height:1.55}
.dri-help a{height:38px;border:1px solid var(--dri-blue);border-radius:9px;display:flex;align-items:center;justify-content:center;color:var(--dri-blue)!important;font-size:8.5px;font-weight:900}

/* STATS */
.dri-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}
.dri-stats article{padding:14px;display:flex;align-items:center;gap:10px;min-height:82px}
.dri-stats .ic{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:16px;flex:0 0 auto}
.dri-stats .blue{background:#e7f0fb;color:var(--dri-blue)}
.dri-stats .amber{background:#fff2dc;color:#c78321}
.dri-stats .green{background:#e7f7ed;color:var(--dri-green)}
.dri-stats .soft{background:#edf1f5;color:#647183}
.dri-stats b,.dri-stats strong,.dri-stats small{display:block}
.dri-stats b{font-size:18px;line-height:1}.dri-stats strong{font-size:8px;margin-top:5px}.dri-stats small{font-size:6.5px;color:var(--dri-muted);margin-top:2px}

.dri-info{margin-top:14px;border:1px solid #cfdfef;background:#f4f8fd;border-radius:12px;padding:12px 14px;display:flex;align-items:center;gap:10px}
.dri-info>span{font-size:18px;color:var(--dri-blue)}.dri-info b,.dri-info small{display:block}.dri-info b{font-size:9px;color:var(--dri-blue)}.dri-info small{font-size:7.5px;color:var(--dri-muted);margin-top:2px}

.dri-mobile-filters{display:none}
.dri-list-head{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin:22px 0 10px}
.dri-list-head>div>span{font-size:8px;font-weight:900;letter-spacing:1.3px;color:var(--dri-blue)}
.dri-list-head h2{margin:4px 0 0;font:700 18px Georgia,serif}
.dri-list-head label{font-size:7px;color:var(--dri-muted);display:flex;align-items:center;gap:7px}
.dri-list-head select{height:34px;border:1px solid var(--dri-line);border-radius:8px;background:#fff;padding:0 9px;font-size:8px}

/* RESERVATION CARD */
.dri-list{display:grid;gap:10px}
.dri-res{display:grid;grid-template-columns:190px 170px minmax(205px,1fr) 170px 125px;gap:15px;align-items:center;padding:11px;transition:.18s}
.dri-res:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(15,30,48,.08)}
.dri-res[hidden]{display:none!important}
.dri-res-photo{height:112px;border-radius:11px;overflow:hidden;background:#edf1f5}
.dri-res-photo img{width:100%;height:100%;object-fit:cover;display:block}
.dri-res-photo>div{height:100%;display:grid;place-items:center;font-size:40px}
.dri-res-car h3{margin:0;font:700 15px Georgia,serif}
.dri-ref{display:inline-block;margin-top:5px;color:#2563eb!important;font-size:7.5px;font-weight:900}
.dri-car-spec{display:grid;gap:5px;margin-top:13px}
.dri-car-spec span{font-size:7.5px;color:var(--dri-muted)}

.dri-res-time{border-left:1px solid var(--dri-line);padding-left:15px}
.dri-tline{display:grid;grid-template-columns:12px 1fr;gap:7px;position:relative;padding-bottom:13px}
.dri-tline:first-child:after{content:"";position:absolute;left:4px;top:9px;width:1px;height:35px;background:#cbd8e6}
.dri-tline i{width:8px;height:8px;border:2px solid #8bb0df;border-radius:50%;margin-top:2px;z-index:2;background:#fff}
.dri-tline b,.dri-tline span{display:block}.dri-tline b{font-size:8px}.dri-tline span{font-size:7px;color:var(--dri-muted);margin-top:2px}
.dri-time-foot{display:flex;gap:10px;font-size:7px}.dri-time-foot span{color:var(--dri-muted)}

.dri-res-price{border-left:1px solid var(--dri-line);padding-left:14px}
.dri-status{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:5px 8px;font-size:7px;font-weight:900}
.dri-status i{width:6px;height:6px;border-radius:50%}
.dri-status.ok{background:#e9f7ee;color:#237247}.dri-status.ok i{background:#2e995c}
.dri-status.wait{background:#fff3df;color:#ac721e}.dri-status.wait i{background:#d9962f}
.dri-status.run{background:#e8f1fb;color:#285e9a}.dri-status.run i{background:#3976b9}
.dri-status.done{background:#eef1f5;color:#667384}.dri-status.done i{background:#7b8795}
.dri-status.cancel{background:#faecec;color:#9b4444}.dri-status.cancel i{background:#b85c5c}
.dri-res-price>b{display:block;margin-top:15px;font:700 18px Georgia,serif;color:var(--dri-navy)}
.dri-res-price small{display:block;margin-top:5px;font-size:6.5px;color:var(--dri-muted)}

.dri-res-actions{display:grid;gap:7px}
.dri-res-actions a{min-height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:7.5px;font-weight:900}
.dri-res-actions .primary{border:1px solid var(--dri-blue);color:var(--dri-blue)!important;background:#fff}
.dri-res-actions .secondary{color:#2563eb!important}

.dri-empty{text-align:center;padding:55px 20px;background:#fff;border:1px solid var(--dri-line);border-radius:16px}
.dri-empty>span{font-size:48px}.dri-empty h3{margin:8px 0 4px;font:700 20px Georgia,serif}.dri-empty p{font-size:9px;color:var(--dri-muted)}
.dri-empty a{display:inline-flex;margin-top:10px;background:var(--dri-blue);color:#fff!important;padding:10px 15px;border-radius:9px;font-size:8px;font-weight:900}
.dri-list-foot{display:flex;justify-content:flex-end;margin-top:12px;color:var(--dri-muted);font-size:8px}

/* MOBILE */
@media(max-width:900px){
 body.emb-topbar-pad{padding-top:62px!important}
 .dri-hero{height:120px}.dri-hero-in{width:calc(100% - 24px)}.dri-hero h1{font-size:25px}.dri-hero p{font-size:9px}.dri-hero-car{font-size:75px}
 .dri-main{padding:16px 0 90px}.dri-shell{width:calc(100% - 20px)}
 .dri-layout{display:block}.dri-side{display:none}
 .dri-stats{display:flex;overflow-x:auto;gap:8px;padding-bottom:4px}.dri-stats::-webkit-scrollbar{display:none}
 .dri-stats article{flex:0 0 155px;min-height:72px;padding:11px}.dri-stats .ic{width:34px;height:34px}
 .dri-info{margin-top:10px}
 .dri-mobile-filters{display:flex;overflow-x:auto;gap:7px;margin-top:13px;padding-bottom:4px}.dri-mobile-filters::-webkit-scrollbar{display:none}
 .dri-mobile-filters button{flex:0 0 auto;border:1px solid var(--dri-line);background:#fff;border-radius:999px;padding:8px 10px;font-size:7.5px;color:var(--dri-muted)}
 .dri-mobile-filters button.on{background:var(--dri-navy);border-color:var(--dri-navy);color:#fff}
 .dri-mobile-filters span{font-weight:900;margin-left:3px}
 .dri-list-head{margin-top:16px}.dri-list-head label{display:none}.dri-list-head h2{font-size:16px}
 .dri-res{grid-template-columns:105px minmax(0,1fr);gap:10px;padding:10px}
 .dri-res-photo{height:100px}
 .dri-res-car h3{font-size:13px}.dri-car-spec{display:none}
 .dri-res-time{grid-column:1/-1;border-left:0;border-top:1px solid var(--dri-line);padding:10px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px}
 .dri-tline{padding-bottom:0}.dri-tline:first-child:after{display:none}.dri-time-foot{grid-column:1/-1}
 .dri-res-price{grid-column:1/-1;border-left:0;border-top:1px solid var(--dri-line);padding:10px 0 0;display:flex;align-items:center;justify-content:space-between;gap:10px}
 .dri-res-price>b{margin:0;font-size:16px}.dri-res-price small{display:none}
 .dri-res-actions{grid-column:1/-1;grid-template-columns:1fr auto}.dri-res-actions a{min-height:38px}.dri-res-actions .primary{background:var(--dri-blue);color:#fff!important;border-color:var(--dri-blue)}.dri-res-actions .secondary{padding:0 10px}
 .dri-list-foot{justify-content:center}
}
@media(max-width:390px){
 .dri-res{grid-template-columns:94px minmax(0,1fr)}.dri-res-photo{height:90px}.dri-res-car h3{font-size:12px}
}
@media print{
 body.emb-topbar-pad{padding-top:0!important}
 .dri-side,.dri-hero,.dri-mobile-filters,.dri-res-actions,.dri-info{display:none!important}
 .dri-layout{display:block}.dri-stats{display:none}.dri-res{break-inside:avoid;box-shadow:none}
}