@import "tailwindcss";
@import "tw-animate-css";
@import "../vendor/shadcn-tailwind-4.13.0.css";



@font-face {
  font-family: "IRANSans";
  src: url("/fonts/IRANSansX-Regular.woff2") format("woff2");
  font-style: normal;
  font-weight: 500;
  font-display: swap;
}


@font-face {
  font-family: "IRANSans";
  src: url("/fonts/IRANSansX-Bold.woff2") format("woff2");
  font-style: normal;
  font-weight: 800;
  font-display: swap;
}

html,
body,
button,
input,
textarea,
select,
option {
  font-family: "IRANSans", Tahoma, sans-serif;
}

:root{--background:#f1f2f2;--foreground:#141515;--card:#fff;--card-foreground:#141515;--popover:#fff;--popover-foreground:#141515;--primary:#141515;--primary-foreground:#fff;--secondary:#f0f1f1;--secondary-foreground:#141515;--muted:#eff0f0;--muted-foreground:#777b7a;--accent:#e8faf5;--accent-foreground:#111;--destructive:#ef5367;--border:#e5e7e6;--input:#e5e7e6;--ring:#10c99b;--radius:1rem}
@theme inline{--color-background:var(--background);--color-foreground:var(--foreground);--color-card:var(--card);--color-card-foreground:var(--card-foreground);--color-popover:var(--popover);--color-popover-foreground:var(--popover-foreground);--color-primary:var(--primary);--color-primary-foreground:var(--primary-foreground);--color-secondary:var(--secondary);--color-secondary-foreground:var(--secondary-foreground);--color-muted:var(--muted);--color-muted-foreground:var(--muted-foreground);--color-accent:var(--accent);--color-accent-foreground:var(--accent-foreground);--color-destructive:var(--destructive);--color-border:var(--border);--color-input:var(--input);--color-ring:var(--ring);--radius-sm:calc(var(--radius) - 5px);--radius-md:calc(var(--radius) - 3px);--radius-lg:var(--radius);--radius-xl:calc(var(--radius) + 6px);--font-sans:"IRANSans",Tahoma,sans-serif}
*{box-sizing:border-box}body{margin:0;background:#f1f2f2;color:#151616;font-family:var(--font-sans);font-size:16px}.app{min-height:100vh}.side{position:fixed;z-index:40;right:0;top:0;width:258px;height:100vh;background:#f8f9f9;border-left:1px solid #e4e5e5;padding:28px 20px;display:flex;flex-direction:column;transition:width .3s ease,transform .25s ease}.brand{height:62px;display:flex;align-items:center;gap:12px;padding:0 12px 25px;border-bottom:1px solid #e1e3e2}.brand>span{width:42px;height:42px;border-radius:50%;background:#151616;color:white;display:grid;place-items:center;font-size:23px;font-weight:800;box-shadow:0 8px 20px #0002}.brand b,.brand small{display:block;white-space:nowrap}.brand b{font-size:20px}.brand small{font-size:11px;color:#888d8b;margin-top:1px}.close-side{display:none;margin-right:auto;border:0;background:transparent}.close-side svg{width:20px}.collapse-btn{position:absolute;left:-20px;top:109px;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:#575b59;box-shadow:0 5px 16px #00000010;display:grid;place-items:center;cursor:pointer;z-index:3}.collapse-btn svg{width:18px}.side nav{display:grid;gap:9px;margin-top:35px}.side nav button{height:52px;border:0;border-radius:14px;background:transparent;color:#5d615f;display:flex;align-items:center;gap:15px;padding:0 17px;font:500 14px inherit;cursor:pointer;white-space:nowrap;transition:.2s}.side nav button svg{width:21px;stroke-width:1.7;flex:none}.side nav button:hover{background:#fff;color:#111}.side nav button.active{background:#171817;color:#fff;box-shadow:0 12px 24px #0002}.side nav i{font-style:normal;margin-right:auto;background:#e6e8e7;color:#171817;min-width:27px;height:27px;border-radius:50%;display:grid;place-items:center;font-size:11px}.side nav button.active i{background:#10c99b;color:#071d17}.side-note{margin-top:auto;border-top:1px solid #e0e2e1;padding:23px 12px 4px;display:flex;gap:10px}.side-note>svg{width:20px;flex:none}.side-note b,.side-note small{display:block}.side-note b{font-size:12px}.side-note small{font-size:10px;color:#8b8f8d;line-height:1.8;margin-top:4px}.side.collapsed{width:104px;padding-inline:16px}.side.collapsed .brand{justify-content:center;padding-inline:0}.side.collapsed .brand>div,.side.collapsed nav button span,.side.collapsed .side-note>div{display:none}.side.collapsed nav button{width:68px;justify-content:center;padding:0;position:relative}.side.collapsed nav i{position:absolute;right:5px;top:3px;min-width:22px;height:22px}.side.collapsed .side-note{justify-content:center}.side.collapsed .collapse-btn{left:-20px}.app main{margin-right:258px;padding:24px 34px 45px;transition:margin-right .3s ease}.app.is-collapsed main{margin-right:104px}header{height:88px;background:#fff;border-radius:23px;padding:0 25px;display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;box-shadow:0 1px 0 #e8e9e8}.header-title{display:flex;align-items:center;gap:12px}.header-title small{color:#8b8f8e;font-size:11px}.header-title h1{font-size:21px;margin:1px 0}.menu{display:none;width:40px;height:40px;border:1px solid #e1e3e2;border-radius:12px;background:#fff}.top-actions{display:flex;align-items:center;gap:13px}.today{font-size:12px;color:#6e7270;padding-left:16px;border-left:1px solid #e0e2e1}.search{width:275px;height:44px;background:#f5f6f6;border-radius:14px;display:flex;align-items:center;position:relative}.search>svg{position:absolute;right:13px;width:20px;color:#646966;z-index:2}.search input{border:0!important;box-shadow:none!important;background:transparent!important;padding-right:43px;font-family:inherit}.bell{width:44px;height:44px;border:0;border-radius:50%;background:#f5f6f6;display:grid;place-items:center;position:relative}.bell svg{width:20px}.bell i,.user-avatar span{position:absolute;width:8px;height:8px;border-radius:50%;background:#ef435b;border:2px solid white;top:7px;right:7px}.user-avatar{width:45px;height:45px;border-radius:50%;background:linear-gradient(145deg,#242626,#8e9692);color:white;display:grid;place-items:center;font-size:12px;position:relative}.user-avatar span{background:#12cd76;top:auto;right:auto;bottom:1px;left:1px}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:20px}.metrics article{min-height:130px;background:#fff;border:0;border-radius:24px;padding:20px;display:flex;align-items:center;gap:15px;box-shadow:0 1px 0 #e5e7e6}.metrics article:first-child{background:#171817;color:white}.metrics article>span{width:48px;height:48px;border-radius:15px;display:grid;place-items:center}.metrics article>span svg{width:23px;stroke-width:1.8}.metrics .blue{color:#fff;background:#323432}.metrics .green{color:#075342;background:#c8f7e9}.metrics .amber{color:#7d5200;background:#fff0cf}.metrics .violet{color:#4a3a88;background:#e8e2ff}.metrics small,.metrics strong{display:block}.metrics small{color:#8a8f8c;font-size:12px}.metrics article:first-child small{color:#b8bcba}.metrics strong{font-size:30px;margin-top:3px}.split{display:grid;grid-template-columns:1.55fr .85fr;gap:20px;margin-bottom:20px}.panel{background:#fff;border:0;border-radius:25px;overflow:hidden;margin-bottom:20px;box-shadow:0 1px 0 #e1e3e2}.panel-head{min-height:70px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #eceeed}.panel-head h2{font-size:16px;margin:0}.panel-head button{border-radius:12px}.table-wrap{min-height:170px}[data-slot=table-container]{direction:rtl}table{text-align:right}th[data-slot=table-head]{text-align:right!important;color:#898d8b;font-size:11px;height:46px;font-weight:500}td[data-slot=table-cell]{height:67px;color:#4f5451;border-color:#eef0ef;font-size:12px}td b,td small{display:block}td b{color:#141615;font-size:12px}td small{color:#909491;font-size:10px;margin-top:3px}.badge{display:inline-flex;align-items:center;border-radius:18px;padding:5px 10px;font-size:10px;background:#eff1f0;color:#454946}.badge.ready,.badge.active,.badge.completed,.badge.approved,.badge.closed,.badge.sent{color:#087657;background:#d7f8ed}.badge.assigned,.badge.open,.badge.in_progress{color:#fff;background:#171817}.badge.pending,.badge.pending_return,.badge.pending_approval,.badge.scheduled,.badge.waiting,.badge.unconfigured{color:#755008;background:#fff1cf}.badge.rejected,.badge.inactive,.badge.failed{color:#bc3245;background:#ffe3e7}.actions{display:flex;gap:6px;justify-content:flex-end}.actions button{border-radius:10px}.approval-stack,.ticket-cards{padding:15px}.approval,.ticket-cards>button{width:100%;border:1px solid #eceeed;background:#fafbfb;color:#171817;border-radius:15px;padding:13px;display:flex;align-items:center;gap:11px;text-align:right;margin-bottom:9px;cursor:pointer}.approval:hover,.ticket-cards>button:hover{background:#f4f5f5}.approval>svg{width:38px;height:38px;padding:9px;border-radius:12px;background:#d9f9ef;color:#0b9e76}.approval b,.approval small,.ticket-cards b,.ticket-cards small{display:block}.approval b,.ticket-cards b{font-size:11px}.approval small,.ticket-cards small{font-size:9px;color:#8b908d;margin-top:3px}.approval>span,.ticket-cards .badge{margin-right:auto}.approval>span{color:#111;font-size:10px;font-weight:600}.pagebar{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.pagebar h2{font-size:24px;margin:0 0 5px}.pagebar p{font-size:12px;color:#818683;margin:0}.pagebar>button{height:44px;border-radius:13px;background:#151616}.loading,.empty{min-height:210px;display:flex;align-items:center;justify-content:center;gap:9px;color:#8b908d}.empty{flex-direction:column}.empty svg{width:35px;color:#b7bbba}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.error{border:1px solid #f2b4bd;background:#fff0f2;color:#c8374a;padding:10px 13px;border-radius:12px;margin-bottom:14px;font-size:12px}.error button{float:left;background:none;border:0;color:inherit}.type-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding:18px}.type-card{border:1px solid #eceeed;background:#fafbfb;border-radius:19px;overflow:hidden}.type-card>img{width:100%;height:155px;object-fit:cover;background:#eee}.type-card>div{padding:14px}.type-card small{color:#0ba17b}.type-card h3{font-size:15px;margin:4px 0}.type-card p{font-size:10px;color:#8d918f;margin:0 0 10px}.type-card a{font-size:9px;color:#8c918e}.vehicle-cell{display:flex;align-items:center;gap:11px}.vehicle-cell img{width:63px;height:44px;object-fit:cover;border-radius:11px;background:#eee}.priority{width:7px;height:31px;border-radius:5px;background:#111}.priority.high{background:#f0a52b}.priority.urgent{background:#ed5265}.priority-text{font-size:10px;color:#555}.priority-text.high{color:#a66e0a}.priority-text.urgent{color:#d23c50}.integration{margin:18px;border:1px solid #f0dfb2;background:#fffaf0;border-radius:16px;padding:15px;display:flex;gap:12px}.integration.ok{border-color:#b8eadb;background:#effbf7}.integration svg{color:#e0a331}.integration.ok svg{color:#0cac7f}.integration b,.integration p{display:block;margin:0}.integration p{font-size:10px;color:#888d8a;margin-top:4px}.dialog{background:#fff;border:0;box-shadow:0 24px 80px #0003;max-height:90vh;overflow:auto;border-radius:24px}.dialog [data-slot=dialog-close]{right:auto;left:17px}.dialog [data-slot=dialog-header]{text-align:right}.dialog form{display:grid;gap:18px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}.form-grid label,.dialog>label{display:grid;gap:6px;font-size:11px;color:#666b68}.form-grid .wide{grid-column:1/-1}.dialog input,.dialog textarea,.dialog select{background:#f6f7f7;border:1px solid #e4e6e5;color:#141515}.dialog select{height:38px;border-radius:10px;padding:0 10px;font:12px inherit;width:100%}.dialog [data-slot=dialog-footer]{justify-content:flex-start;margin-top:8px;display:flex;flex-direction:row}.record,.ticket-detail-head{display:grid;gap:8px;background:#f6f7f7;border:1px solid #e7e9e8;padding:14px;border-radius:15px;font-size:12px}.record span,.ticket-detail-head p{color:#767b78}.record.danger{border-color:#f2bcc4;background:#fff1f3}.record.profile-record{grid-template-columns:1fr 1fr}.record.profile-record b,.record.profile-record p{grid-column:1/-1}.history,.thread{display:grid;gap:8px;max-height:260px;overflow:auto}.history>div,.thread article{border:1px solid #e8eae9;background:#fafbfb;border-radius:13px;padding:11px}.history b,.history span{display:block;font-size:11px}.history span{color:#818683;margin-top:4px}.ticket-detail-head{display:flex;justify-content:space-between}.ticket-detail-head h3{font-size:16px;margin:4px 0}.ticket-detail-head p{font-size:11px;line-height:1.8;margin:5px 0}.ticket-detail-head>div:last-child{display:flex;gap:7px;align-items:flex-start}.ticket-context{display:flex;gap:20px;flex-wrap:wrap;border-bottom:1px solid #e7e9e8;padding:4px 0 13px;font-size:10px;color:#818683}.thread article>div{display:flex;justify-content:space-between}.thread b,.thread small{font-size:10px}.thread small{color:#8a8f8c}.thread p{font-size:11px;line-height:1.8;margin:8px 0 0;color:#444946}.selected-type{border:1px solid #e6e8e7;background:#fafbfb;border-radius:13px;display:flex;align-items:center;gap:10px;padding:7px}.selected-type img{width:68px;height:48px;object-fit:cover;border-radius:10px}.selected-type span{font-size:11px}.dialog h3{font-size:14px;margin:6px 0}.dialog button{font-family:inherit}
@media(max-width:1100px){.metrics{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.search{width:220px}.type-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.side,.side.collapsed{width:258px;transform:translateX(110%);padding:28px 20px}.side.open{transform:none;box-shadow:-20px 0 50px #0002}.side.collapsed .brand>div,.side.collapsed nav button span,.side.collapsed .side-note>div{display:block}.side.collapsed nav button{width:auto;justify-content:flex-start;padding:0 17px}.side.collapsed .side-note{justify-content:flex-start}.collapse-btn{display:none}.close-side{display:block}.app main,.app.is-collapsed main{margin-right:0;padding:12px 14px 30px}header{height:auto;min-height:78px;border-radius:18px;padding:13px 15px;margin-bottom:19px}.menu{display:grid;place-items:center}.header-title small{display:none}.header-title h1{font-size:17px}.today{display:none}.search{width:43px}.search input{display:none}.search>svg{right:12px}.top-actions{gap:7px}.user-avatar,.bell{width:40px;height:40px}.metrics{gap:10px}.metrics article{min-height:100px;padding:14px;border-radius:18px}.metrics article>span{width:38px;height:38px}.metrics strong{font-size:23px}.pagebar{align-items:flex-start}.pagebar p{max-width:220px}.pagebar h2{font-size:19px}.form-grid{grid-template-columns:1fr}.record.profile-record{grid-template-columns:1fr}.record.profile-record b,.record.profile-record p{grid-column:auto}th,td{white-space:nowrap}.type-grid{grid-template-columns:1fr;padding:12px}.type-card>img{height:185px}.dialog [data-slot=dialog-footer]{flex-wrap:wrap}.ticket-detail-head{display:grid}}

/* Premium responsive layer */
.mobile-records{display:none}
.desktop-table{width:100%;overflow:auto}
button,[role=button],.type-card,.panel,.metrics article,.mobile-record{transition:transform .28s cubic-bezier(.2,.8,.2,1),box-shadow .28s ease,background-color .22s ease,border-color .22s ease}
button:active,[role=button]:active{transform:scale(.97)}
.metrics article,.panel,.pagebar{animation:soft-rise .55s cubic-bezier(.2,.8,.2,1) both}
.metrics article:nth-child(2){animation-delay:55ms}.metrics article:nth-child(3){animation-delay:110ms}.metrics article:nth-child(4){animation-delay:165ms}
.metrics article:hover,.type-card:hover{transform:translateY(-3px);box-shadow:0 18px 42px rgba(20,24,22,.08)}
.panel{box-shadow:0 1px 1px rgba(18,22,20,.03),0 14px 45px rgba(18,22,20,.035)}
.panel:hover{box-shadow:0 1px 2px rgba(18,22,20,.04),0 20px 55px rgba(18,22,20,.045)}
.type-card{background:#fff;box-shadow:0 1px 1px rgba(18,22,20,.04)}
.type-card>img{transition:transform .7s cubic-bezier(.2,.8,.2,1),filter .4s ease}
.type-card:hover>img{transform:scale(1.025);filter:saturate(1.06)}
@keyframes soft-rise{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:760px){
 body{background:#f3f4f3;overflow-x:hidden}
 .app main,.app.is-collapsed main{padding:10px 12px 32px;overflow:hidden}
 header{min-height:74px;padding:12px 13px;border-radius:20px;margin-bottom:16px;box-shadow:0 10px 34px rgba(18,22,20,.045)}
 .header-title{gap:9px;min-width:0}.header-title h1{font-size:16px;white-space:nowrap}.menu{width:42px;height:42px;border-radius:14px}
 .top-actions{gap:6px}.search,.bell,.user-avatar{width:40px;height:40px;flex:0 0 40px}.search{border-radius:13px}.user-avatar{font-size:11px}
 .metrics{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:14px}
 .metrics article{min-width:0;min-height:112px;padding:15px 13px;border-radius:21px;gap:11px;box-shadow:0 1px 1px rgba(18,22,20,.04),0 12px 30px rgba(18,22,20,.025)}
 .metrics article>span{width:41px;height:41px;border-radius:14px;flex:0 0 41px}.metrics article>span svg{width:21px}.metrics small{font-size:11px;line-height:1.55}.metrics strong{font-size:25px;line-height:1.1;margin-top:5px}
 .split{gap:14px;margin-bottom:14px}.panel{border-radius:22px;margin-bottom:14px}.panel-head{min-height:64px;padding:0 17px}.panel-head h2{font-size:15px}.panel-head button{height:38px;padding-inline:14px;font-size:12px}
 .pagebar{gap:12px;margin:7px 2px 16px}.pagebar h2{font-size:20px}.pagebar p{font-size:11px;line-height:1.75;max-width:210px}.pagebar>button{height:42px;min-width:max-content;padding-inline:13px;font-size:12px}
 .desktop-table{display:none}.mobile-records{display:grid;gap:11px;padding:12px;background:#f7f8f7}
 .mobile-record{--delay:0ms;background:#fff;border:1px solid rgba(20,24,22,.065);border-radius:20px;padding:14px;box-shadow:0 8px 28px rgba(18,22,20,.035);animation:record-in .48s cubic-bezier(.2,.8,.2,1) var(--delay) both;overflow:hidden}
 .mobile-record:hover{transform:translateY(-2px);box-shadow:0 14px 38px rgba(18,22,20,.065)}
 .mobile-record-head{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:11px;padding-bottom:13px;border-bottom:1px solid #eff1f0}
 .mobile-record-head>img{width:66px;height:52px;object-fit:cover;border-radius:14px;background:#eef0ef}.mobile-record-head>div{min-width:0}
 .mobile-record-head b,.mobile-record-head small{display:block}.mobile-record-head b{font-size:13px;color:#151716;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-record-head small{font-size:10px;color:#898e8b;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-record-head>.badge{font-size:9px;padding:5px 8px;white-space:nowrap}
 .person-avatar,.record-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;background:#171817;color:#fff;font-size:18px;font-weight:700}.record-icon{background:#e4faf3;color:#087b5d}.record-icon svg{width:21px}.priority-icon.high{background:#fff1cf;color:#a46c00}.priority-icon.urgent{background:#ffe5e9;color:#c5364a}
 .mobile-record-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:13px 0 0}.mobile-record-grid>span{min-width:0;background:#f6f7f7;border-radius:13px;padding:10px}.mobile-record-grid small,.mobile-record-grid b{display:block}.mobile-record-grid small{font-size:9px;color:#8b908d;margin-bottom:4px}.mobile-record-grid b{font-size:11px;color:#343836;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
 .mobile-record .actions{justify-content:flex-start;margin-top:12px;padding-top:12px;border-top:1px solid #eff1f0}.mobile-record .actions button{width:38px;height:38px;border-radius:12px}.mobile-primary-action{width:100%;height:40px;margin-top:12px;border-radius:13px!important;font-size:11px}.record-note{background:#f6f7f7;border-radius:12px;padding:10px;font-size:10px;color:#6f7471;line-height:1.8;margin:10px 0 0}
 .integration{margin:12px;border-radius:17px;padding:13px}.integration b{font-size:12px}.integration p{font-size:10px;line-height:1.7}
 .approval-stack,.ticket-cards{padding:12px}.approval,.ticket-cards>button{border-radius:16px;padding:12px}
 .table-wrap{min-height:0}.type-grid{background:#f7f8f7;gap:12px}.type-card{border-radius:20px}.type-card>img{height:180px}
 .dialog{width:calc(100vw - 24px);max-height:88dvh;border-radius:22px;padding:19px}.dialog [data-slot=dialog-footer]{gap:8px}.dialog [data-slot=dialog-footer]>button{flex:1;min-width:130px}.form-grid{gap:12px}
 @keyframes record-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Assignment history */
.assignment-history{padding:18px;background:#f7f8f7}.history-toolbar{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;background:#fff;border:1px solid #e9ebe9;border-radius:19px;padding:14px;margin-bottom:22px;box-shadow:0 8px 28px rgba(18,22,20,.025)}.history-filter,.history-date{display:grid;gap:6px;min-width:170px}.history-filter>span,.history-date>span{font-size:11px;color:#7f8581}.history-filter select,.history-date input{height:42px;border:1px solid #e4e7e5!important;border-radius:12px;background:#f7f8f7!important;padding:0 12px;font:12px var(--font-sans);box-shadow:none!important}.history-result{margin-right:auto;min-width:84px;height:54px;border-radius:14px;background:#171817;color:#fff;display:flex;align-items:baseline;justify-content:center;gap:6px;padding-top:14px}.history-result strong{font-size:20px}.history-result span{font-size:10px;color:#b9bdbb}.history-month{margin-bottom:26px}.history-month-head{display:flex;align-items:center;justify-content:space-between;margin:0 3px 12px}.history-month-head>div{display:flex;align-items:center;gap:8px}.history-month-head svg{width:18px;color:#0cac82}.history-month-head h3{margin:0;font-size:15px}.history-month-head>span{font-size:10px;color:#818683;background:#eef0ef;border-radius:20px;padding:6px 10px}.history-timeline{display:grid;gap:10px;position:relative}.history-timeline:not(.compact):before{content:"";position:absolute;right:9px;top:17px;bottom:17px;width:1px;background:#dfe4e1}.history-item{display:grid;grid-template-columns:20px minmax(0,1fr);gap:10px;position:relative;animation:record-in .48s cubic-bezier(.2,.8,.2,1) both}.timeline-mark{padding-top:22px;position:relative;z-index:1}.timeline-mark i{display:block;width:11px;height:11px;border:3px solid #f7f8f7;border-radius:50%;background:#11c99a;box-shadow:0 0 0 1px #9ee6d2}.history-card{background:#fff;border:1px solid #e8ebe9;border-radius:18px;padding:15px 16px;box-shadow:0 6px 24px rgba(18,22,20,.025);transition:transform .25s ease,box-shadow .25s ease}.history-card:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(18,22,20,.055)}.history-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid #eef0ef;padding-bottom:12px}.history-card-head b,.history-card-head small{display:block}.history-card-head b{font-size:14px}.history-card-head small{font-size:11px;color:#858a87;margin-top:4px}.history-route{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:12px 0}.history-route>span{background:#f6f8f7;border-radius:13px;padding:10px 12px}.history-route small,.history-route b,.history-details small,.history-details b{display:block}.history-route small,.history-details small{font-size:10px;color:#8b908d;margin-bottom:4px}.history-route b{font-size:12px;font-weight:600;color:#343835}.history-details{display:grid;grid-template-columns:1fr 2fr 1fr 1fr 1fr;gap:12px;border-top:1px dashed #e3e6e4;padding-top:12px}.history-details b{font-size:11px;color:#454a47;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-card>button{margin-top:13px;border-radius:11px}.history-timeline.compact{max-height:420px;overflow:auto;padding-left:4px}.history-timeline.compact .history-item{grid-template-columns:1fr}.history-timeline.compact .timeline-mark{display:none}.history-timeline.compact .history-card{padding:13px}.history-timeline.compact .history-details{grid-template-columns:1fr 1fr}.history-timeline.compact .history-route{grid-template-columns:1fr}

@media(max-width:760px){.assignment-history{padding:11px}.history-toolbar{display:grid;grid-template-columns:1fr 1fr;gap:9px;padding:11px;margin-bottom:18px;border-radius:17px}.history-filter,.history-date{min-width:0}.history-filter select,.history-date input{width:100%;height:41px}.history-result{margin:0;min-width:0;height:41px;align-items:center;padding:0;align-self:end}.history-result strong{font-size:17px}.history-result span{font-size:9px}.history-month{margin-bottom:22px}.history-month-head{margin-bottom:10px}.history-card{padding:13px;border-radius:17px}.history-card-head{align-items:center}.history-card-head b{font-size:13px}.history-card-head small{font-size:10px}.history-route{grid-template-columns:1fr;gap:7px}.history-route b{font-size:11px;line-height:1.7}.history-details{grid-template-columns:1fr 1fr;gap:10px}.history-details>span:nth-child(2){grid-column:1/-1}.history-details b{font-size:10px}.history-item{grid-template-columns:17px minmax(0,1fr);gap:6px}.history-timeline:not(.compact):before{right:7px}.timeline-mark i{width:10px;height:10px}.history-timeline.compact .history-details{grid-template-columns:1fr 1fr}}

/* Goharzamin public experience */
html{scroll-behavior:smooth}.landing{--red:#e9312b;--ink:#07111f;min-height:100vh;background:#f7f8fa;color:var(--ink);overflow:hidden}.landing-nav{height:92px;max-width:1240px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:10}.landing-brand{display:flex;align-items:center;gap:16px;color:inherit;text-decoration:none}.landing-brand img{width:145px}.landing-brand>span{width:1px;height:32px;background:#d9dde3}.landing-brand div{display:grid}.landing-brand b{font-size:15px}.landing-brand small{color:#747b86}.landing-links{display:flex;gap:34px}.landing-links a{color:#5c6572;text-decoration:none;font-size:14px;transition:.3s}.landing-links a:hover{color:var(--red)}.nav-login,.primary-cta,.final-cta>a{display:inline-flex;align-items:center;gap:10px;text-decoration:none;border-radius:14px;padding:13px 20px;background:var(--ink);color:#fff;font-weight:700;transition:transform .3s,box-shadow .3s}.nav-login:hover,.primary-cta:hover,.final-cta>a:hover{transform:translateY(-3px);box-shadow:0 16px 34px #07111f2b}.nav-login svg,.primary-cta svg,.final-cta>a svg{width:18px}.hero{max-width:1240px;min-height:690px;margin:auto;padding:70px 24px 80px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px;position:relative}.hero-glow{position:absolute;width:550px;height:550px;right:-260px;top:20px;background:#ed332b1a;border-radius:50%;filter:blur(30px)}.hero-copy{position:relative;z-index:2;animation:rise .9s cubic-bezier(.2,.7,.2,1) both}.eyebrow{display:inline-flex;align-items:center;gap:8px;color:#c82b26;background:#fff;border:1px solid #ebedef;padding:8px 13px;border-radius:999px;font-size:13px;font-weight:700;box-shadow:0 8px 30px #09111e0b}.eyebrow svg{width:16px}.hero h1{font-size:clamp(48px,5.6vw,82px);line-height:1.25;letter-spacing:-3px;margin:24px 0}.hero h1 em{font-style:normal;color:var(--red);position:relative}.hero-copy>p{max-width:650px;color:#616976;font-size:18px;line-height:2}.hero-actions{display:flex;gap:14px;margin-top:30px}.primary-cta{background:var(--red);padding:16px 23px}.ghost-cta{display:inline-flex;align-items:center;gap:10px;color:#394250;text-decoration:none;padding:15px}.trust-row{display:flex;gap:22px;margin-top:32px;color:#6a7280;font-size:13px}.trust-row span{display:flex;align-items:center;gap:5px}.trust-row svg{width:15px;color:#20a97a}.hero-visual{height:560px;position:relative;display:grid;place-items:center;animation:rise 1s .12s cubic-bezier(.2,.7,.2,1) both}.fleet-core{width:260px;height:310px;border-radius:45% 45% 36% 36%;background:linear-gradient(145deg,#101b29,#03070c);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;z-index:2;box-shadow:0 45px 90px #07111f4a;animation:float 5s ease-in-out infinite}.fleet-core img{width:74px;height:74px;object-fit:cover;border-radius:22px;margin-bottom:20px}.fleet-core span{color:#b9c1cc;font-size:13px}.fleet-core strong{font-size:58px;line-height:1.2}.fleet-core small{color:#919aa7}.orbit{position:absolute;border:1px dashed #aeb8c7;border-radius:50%;animation:rotate 22s linear infinite}.orbit-one{width:440px;height:440px}.orbit-two{width:530px;height:530px;opacity:.4;animation-duration:32s;animation-direction:reverse}.float-card{position:absolute;z-index:3;display:flex;align-items:center;gap:11px;background:#ffffffed;backdrop-filter:blur(16px);padding:15px 17px;border:1px solid #fff;border-radius:18px;box-shadow:0 20px 50px #1420321c;animation:float 5s ease-in-out infinite}.float-card>svg{width:21px;color:var(--red)}.float-card div{display:grid;min-width:125px}.float-card small{color:#8a9099;font-size:11px}.float-card b{font-size:13px}.float-card i{font-style:normal;font-size:10px;color:#078863;background:#dff9f0;padding:5px 8px;border-radius:8px}.fc-one{top:80px;right:-10px;animation-delay:-1s}.fc-two{bottom:80px;right:10px;animation-delay:-2.6s}.fc-three{left:-10px;top:210px;animation-delay:-3.8s}.fc-three i{color:#a06a00;background:#fff3cf}.landing-stats{max-width:1192px;margin:0 auto 120px;padding:30px 40px;background:#fff;border:1px solid #e9ebee;border-radius:24px;display:grid;grid-template-columns:repeat(4,1fr);box-shadow:0 18px 60px #1623350a}.landing-stats div{display:grid;text-align:center;border-left:1px solid #e8ebef}.landing-stats div:last-child{border:0}.landing-stats strong{font-size:30px}.landing-stats span{font-size:13px;color:#7a818c}.feature-section,.roles{max-width:1192px;margin:0 auto 130px;padding:0 24px}.section-kicker{font-size:13px;font-weight:800;color:var(--red);margin-bottom:16px}.section-title{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-title h2,.workflow h2,.roles h2{font-size:clamp(32px,4vw,52px);line-height:1.45;letter-spacing:-1.5px;margin:0;max-width:650px}.section-title p,.workflow-copy>p{max-width:440px;line-height:2;color:#6f7783}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{position:relative;background:#fff;border:1px solid #e7eaee;padding:29px;border-radius:22px;min-height:235px;overflow:hidden;transition:.4s;animation:reveal linear both;animation-timeline:view();animation-range:entry 8% cover 30%}.feature-grid article:hover{transform:translateY(-7px);border-color:#fac6c3;box-shadow:0 28px 55px #14203210}.feature-grid article>span{width:48px;height:48px;display:grid;place-items:center;background:#f5f6f8;border-radius:15px;color:var(--red)}.feature-grid h3{font-size:18px;margin:25px 0 8px}.feature-grid p{font-size:14px;line-height:1.9;color:#737b87;margin:0}.feature-grid article>b{position:absolute;left:19px;top:14px;color:#eef0f3;font-size:38px}.workflow{background:var(--ink);color:#fff;margin:0 auto 130px;max-width:1240px;border-radius:38px;padding:75px;display:grid;grid-template-columns:1fr 1fr;gap:80px;position:relative;overflow:hidden}.workflow-copy>p{color:#aeb6c2}.workflow ul{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}.workflow li{display:flex;align-items:center;gap:14px}.workflow li>span{width:38px;height:38px;border:1px solid #ffffff27;border-radius:12px;display:grid;place-items:center;color:#fa6963}.workflow li div{display:grid}.workflow li small{color:#8d98a8;margin-top:3px}.workflow-board{align-self:center;background:#fff;color:var(--ink);padding:18px;border-radius:25px;position:relative;z-index:2;box-shadow:0 35px 80px #0006;transform:rotate(-1.5deg)}.board-head{display:flex;align-items:center;gap:9px;padding:10px 6px 20px;border-bottom:1px solid #edf0f3}.board-head>span{width:9px;height:9px;background:#22c98c;border-radius:50%}.board-head small{margin-right:auto;color:#8d949e;font-size:11px}.workflow-board article{display:flex;align-items:center;gap:12px;padding:18px 7px;border-bottom:1px solid #edf0f3}.workflow-board article:last-child{border:0}.workflow-board article>i{font-style:normal;width:34px;height:34px;background:#f3f5f7;border-radius:10px;display:grid;place-items:center}.workflow-board article>div{display:grid}.workflow-board article small{color:#858c96}.workflow-board article>span{margin-right:auto;font-size:10px;padding:5px 8px;border-radius:8px}.workflow-board .done{color:#078863;background:#dcf8ed}.workflow-board .pending{color:#9b6a08;background:#fff2ca}.roles{text-align:center}.roles h2{margin:0 auto 45px}.role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;text-align:right}.role-grid article{padding:34px;border:1px solid #e5e8ec;border-radius:24px;background:#fff}.role-grid article:first-child{background:var(--ink);color:#fff;transform:translateY(-10px)}.role-grid span{color:var(--red);font-size:13px;font-weight:800}.role-grid h3{font-size:22px;margin:11px 0}.role-grid p{line-height:2;color:#737c88}.role-grid article:first-child p{color:#aeb8c6}.final-cta{max-width:1192px;margin:0 auto 50px;padding:45px;background:linear-gradient(120deg,#e9312b,#c91f1a);border-radius:28px;color:#fff;display:flex;align-items:center;gap:30px;box-shadow:0 30px 70px #d92e2840}.final-cta>img{width:155px}.final-cta>div{flex:1}.final-cta h2{font-size:27px;margin:0 0 5px}.final-cta p{margin:0;color:#ffe3e1}.final-cta>a{background:#fff;color:var(--ink)}.landing>footer{max-width:1192px;margin:auto;padding:25px 5px 40px;display:flex;justify-content:space-between;color:#7d838c;font-size:13px}

/* Login */
.login-page{min-height:100vh;display:grid;grid-template-columns:1.05fr .95fr;background:#f7f8fa}.login-art{background:#07111f;color:#fff;position:relative;padding:55px clamp(40px,6vw,90px);display:flex;flex-direction:column;overflow:hidden}.login-orb{position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#e9312b55,transparent 62%);left:-240px;bottom:-250px;animation:pulse 6s ease-in-out infinite}.back-home,.login-white-logo,.login-message,.login-art-foot{position:relative;z-index:2}.back-home{display:flex;gap:8px;align-items:center;color:#c4ccd7;text-decoration:none;font-size:14px}.back-home svg{width:18px}.login-white-logo{width:210px;margin-top:60px}.login-message{margin:auto 0}.login-message>span{display:inline-flex;gap:8px;align-items:center;color:#ff8e89;font-size:13px}.login-message svg{width:17px}.login-message h1{font-size:clamp(44px,5vw,72px);line-height:1.35;letter-spacing:-2px;margin:20px 0}.login-message p{max-width:520px;line-height:2;color:#a8b2bf;font-size:17px}.login-art-foot{display:flex;align-items:center;gap:10px;color:#8b96a5;font-size:12px}.login-art-foot i{width:7px;height:7px;background:#27ca91;border-radius:50%}.login-form-side{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:35px}.login-card{width:min(440px,100%);animation:rise .7s cubic-bezier(.2,.7,.2,1) both}.login-icon{width:58px;height:58px;background:#ffe8e6;color:#e9312b;border-radius:18px;display:grid;place-items:center;margin-bottom:25px}.login-heading small{color:#e9312b;font-weight:800}.login-heading h2{font-size:37px;margin:6px 0}.login-heading p{color:#7a828d;margin:0 0 35px}.login-card>label{display:grid;gap:9px;margin-bottom:19px;font-size:14px;font-weight:600}.input-shell{height:56px;background:#fff;border:1px solid #dfe3e8;border-radius:15px;display:flex;align-items:center;padding:0 16px;transition:.25s}.input-shell:focus-within{border-color:#e9312b;box-shadow:0 0 0 4px #e9312b10}.input-shell>svg{width:20px;color:#929aa5}.input-shell input{border:0!important;box-shadow:none!important;background:transparent;height:52px;font-size:16px}.input-shell button{border:0;background:transparent;color:#89919b}.input-shell button svg{width:19px}.login-options{display:flex;justify-content:space-between;align-items:center;margin:4px 0 24px;color:#858c96;font-size:12px}.login-options label{display:flex;gap:8px}.login-options input{accent-color:#e9312b}.login-submit{width:100%;height:57px;border-radius:15px;background:#e9312b;font-size:15px}.login-help{display:flex;gap:11px;margin-top:24px;background:#edf1f5;padding:15px;border-radius:14px;color:#68717e}.login-help svg{width:21px;flex:0 0 auto}.login-help p{font-size:12px;line-height:1.8;margin:0}.login-error{padding:12px 14px;border-radius:12px;background:#fff0ef;color:#b92520;font-size:13px;margin-bottom:18px}.login-form-side>footer{margin-top:45px;color:#a0a6af;font-size:11px}.mobile-login-logo{display:none}
@keyframes rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-13px)}}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes pulse{0%,100%{transform:scale(.95);opacity:.75}50%{transform:scale(1.08);opacity:1}}@keyframes reveal{from{opacity:.2;transform:translateY(35px)}to{opacity:1;transform:none}}
@media(max-width:900px){.landing-links{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-visual{height:500px}.section-title{display:block}.feature-grid{grid-template-columns:repeat(2,1fr)}.workflow{grid-template-columns:1fr;padding:50px 35px}.login-page{grid-template-columns:1fr}.login-art{display:none}.login-form-side{min-height:100vh}.mobile-login-logo{display:block;width:min(440px,100%);margin-bottom:38px}.mobile-login-logo img{width:170px}}
@media(max-width:600px){.landing-nav{height:78px;padding:0 18px}.landing-brand img{width:112px}.landing-brand>span,.landing-brand div{display:none}.nav-login{font-size:12px;padding:10px 12px}.hero{padding:45px 18px 55px;min-height:auto}.hero h1{font-size:43px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.primary-cta,.ghost-cta{justify-content:center}.trust-row{display:grid;gap:8px}.hero-visual{height:430px;transform:scale(.83);margin:-20px}.fleet-core{width:230px;height:280px}.orbit-one{width:370px;height:370px}.orbit-two{width:450px;height:450px}.float-card{padding:12px}.fc-one{right:-30px}.fc-three{left:-40px}.landing-stats{grid-template-columns:repeat(2,1fr);margin:0 18px 90px;padding:20px}.landing-stats div{padding:15px;border:0}.feature-section,.roles{margin-bottom:90px;padding:0 18px}.feature-grid,.role-grid{grid-template-columns:1fr}.section-title h2,.workflow h2,.roles h2{font-size:32px}.workflow{margin:0 12px 90px;padding:38px 20px;border-radius:28px}.role-grid article:first-child{transform:none}.final-cta{margin:0 18px 30px;padding:30px 24px;display:grid;text-align:center}.final-cta>img{margin:auto}.final-cta>a{justify-content:center}.landing>footer{padding:15px 20px 30px;display:grid;gap:6px;text-align:center}.login-form-side{padding:28px 22px}.login-heading h2{font-size:32px}}
.brand>span img{width:100%;height:100%;object-fit:cover;border-radius:inherit}.logout-button{width:44px;height:44px;border:0;border-radius:14px;background:#f3f4f3;display:grid;place-items:center;cursor:pointer;transition:background .2s,color .2s,transform .2s}.logout-button:hover{background:#ffe7e7;color:#c82f3e;transform:translateY(-1px)}.logout-button svg{width:19px}.user-admin{display:grid;grid-template-columns:minmax(300px,.8fr) 1.2fr;gap:20px;padding:18px}.user-create,.user-list{background:#f7f8f7;border:1px solid #e5e8e6;border-radius:20px;padding:20px}.user-create h3,.user-list h3{margin:0 0 18px}.user-create>button{margin-top:16px}.user-message{font-size:12px;color:#177a5e}.user-list article{display:flex;align-items:center;gap:12px;background:#fff;border:1px solid #e8ebe9;border-radius:15px;padding:12px;margin-bottom:9px}.user-list article>div{display:grid;flex:1}.user-list small{color:#888e8a;font-size:11px}@media(max-width:760px){.user-admin{grid-template-columns:1fr;padding:11px}.logout-button{display:grid;width:40px;height:40px;flex:0 0 40px;border-radius:13px;background:#fff0f0;color:#bb3342}}

/* Driver vehicle request */
.driver-home{animation:record-in .5s ease both}.driver-welcome{min-height:250px;border-radius:28px;background:linear-gradient(125deg,#111817,#202c29);color:#fff;padding:38px 42px;display:flex;align-items:center;justify-content:space-between;overflow:hidden;position:relative;margin-bottom:18px}.driver-welcome:after{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:#16c99a24;left:-80px;top:-110px}.driver-welcome>div{position:relative;z-index:2;max-width:600px}.driver-welcome small{color:#77e5c7}.driver-welcome h2{font-size:30px;margin:8px 0}.driver-welcome p{color:#bcc7c3;line-height:1.9}.driver-welcome button{margin-top:12px}.driver-welcome>img{width:310px;height:185px;object-fit:cover;border-radius:22px;transform:rotate(-3deg);box-shadow:0 22px 50px #0008;position:relative;z-index:2}.driver-welcome>span{width:170px;height:170px;border:1px solid #ffffff18;border-radius:50%;display:grid;place-items:center}.driver-welcome>span svg{width:70px;height:70px;color:#58d9b7}.driver-quick{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.driver-quick article{display:flex;align-items:center;gap:13px;background:#fff;border:1px solid #e5e8e6;border-radius:20px;padding:20px}.driver-quick article>svg{width:24px;color:#0a9b75}.driver-quick article>div{display:grid;flex:1}.driver-quick small{color:#858c88}.driver-quick strong{font-size:18px}.driver-vehicles{display:grid;gap:18px;padding:18px}.driver-current>h3,.available-fleet>div>h3{margin:0 0 12px}.driver-current>article,.request-summary>article{display:flex;align-items:center;gap:15px;background:#f8faf9;border:1px solid #e4e8e6;padding:15px;border-radius:19px}.driver-current img,.request-summary article img{width:92px;height:68px;object-fit:cover;border-radius:14px}.driver-current article>div,.request-summary article>span{display:grid;flex:1}.driver-current h3{margin:3px 0}.driver-current p{margin:0;color:#777e7a}.request-summary{background:#f7f8f7;border-radius:20px;padding:18px}.request-summary>div{display:flex;align-items:center;gap:12px;margin-bottom:12px}.request-summary>div>svg{width:25px;color:#0c9e78}.request-summary>div span{display:grid}.request-summary>div small{color:#858c88}.request-summary>article{background:#fff;margin-top:8px}.request-summary article b,.request-summary article small{display:block}.request-summary article small{color:#858c88;margin-top:4px}.available-fleet>div:first-child{display:flex;align-items:end;justify-content:space-between}.available-fleet>div>p{margin:0;color:#858c88}.available-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:14px}.available-grid article{display:flex;align-items:center;gap:12px;border:1px solid #e6e9e7;border-radius:17px;padding:11px}.available-grid img{width:70px;height:54px;object-fit:cover;border-radius:12px}.available-grid article>div{display:grid;flex:1}.available-grid small{color:#878d89}.request-steps{display:flex;align-items:center;justify-content:center;margin:5px 0 25px}.request-steps>span{width:42px;height:42px;border-radius:14px;background:#f0f2f1;color:#8d938f;display:grid;place-items:center;font-weight:800;position:relative}.request-steps>span.active,.request-steps>span.done{background:#171817;color:#fff}.request-steps>span.done{background:#0dab81}.request-steps small{position:absolute;top:48px;width:90px;text-align:center;font-size:9px;color:#777d79;font-weight:500}.request-steps>i{width:70px;height:1px;background:#dfe3e1}.vehicle-request-flow{padding-top:4px}.vehicle-request-flow .form-grid{margin-top:50px}.request-vehicle-preview{display:flex;align-items:center;gap:15px;background:#f5faf8;border:1px solid #d7eee7;border-radius:20px;padding:15px;margin:16px 0}.request-vehicle-preview img{width:120px;height:84px;object-fit:cover;border-radius:15px}.request-vehicle-preview>div{flex:1}.request-vehicle-preview small,.request-vehicle-preview span{display:block;color:#747c78}.request-vehicle-preview h3{margin:4px 0}.request-vehicle-preview p{margin:0 0 5px;color:#555d59}
@media(max-width:760px){.driver-welcome{padding:25px 20px;min-height:220px}.driver-welcome h2{font-size:22px}.driver-welcome>img{width:135px;height:100px;margin-right:-25px}.driver-quick{grid-template-columns:1fr}.driver-vehicles{padding:11px}.available-grid{grid-template-columns:1fr}.driver-current>article{align-items:flex-start}.driver-current img{width:78px;height:62px}.request-vehicle-preview{align-items:flex-start}.request-vehicle-preview img{width:92px;height:70px}.request-vehicle-preview p{font-size:11px}.request-steps>i{width:34px}}

/* Periodic inspection */
.holder{display:grid;gap:2px}.holder small{font-size:10px;color:#858d88}.holder em{font-style:normal;font-size:9px;color:#a66c08}.assignment-notice{display:flex;align-items:center;gap:12px;padding:15px;border-radius:16px;background:#eef8f5;color:#176a55;margin-bottom:18px}.assignment-notice svg{width:24px}.assignment-notice div{display:grid}.assignment-notice small{color:#65827a;margin-top:3px}.inspection-shell{animation:record-in .45s ease both}.inspection-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.inspection-title>div{display:flex;align-items:center;gap:14px}.inspection-title>div>span{width:54px;height:54px;border-radius:18px;background:#fff2d8;color:#b87908;display:grid;place-items:center}.inspection-title svg{width:24px}.inspection-title small{color:#b87908}.inspection-title h2{margin:2px 0;font-size:27px}.inspection-title p{margin:0;color:#7e8581}.inspection-steps{display:flex;align-items:center;background:#fff;border:1px solid #e4e8e6;border-radius:22px;padding:18px 25px;margin-bottom:18px}.inspection-steps button{border:0;background:none;display:flex;align-items:center;gap:9px;color:#959b97}.inspection-steps b{width:35px;height:35px;border-radius:12px;background:#eef0ef;display:grid;place-items:center}.inspection-steps b svg{width:17px}.inspection-steps .active{color:#101413;font-weight:800}.inspection-steps .active b{background:#ffad18;color:#111}.inspection-steps .done{color:#0a906b}.inspection-steps .done b{background:#d9f7ed;color:#087b5e}.inspection-steps>i{height:1px;flex:1;background:#e3e6e4;margin:0 15px}.inspect-card{background:#fff;border:1px solid #e3e8e5;border-radius:23px;padding:24px;margin-bottom:16px;box-shadow:0 12px 35px #15221d08}.inspect-card h3{margin:2px 0 4px}.inspect-card p{color:#7e8681}.vehicle-pick>div:first-child{margin-bottom:18px}.inspect-fields{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:12px}.inspect-fields label,.final-review>label,.inspection-detail>label{display:grid;gap:7px}.inspect-fields select,.inspection-filters select{height:42px;border:1px solid #dfe4e1;border-radius:12px;background:#fff;padding:0 12px}.holder-strip{display:grid!important;grid-template-columns:auto 1fr 1fr 1fr;align-items:center;gap:18px;background:#f7f9f8;border-radius:18px;padding:12px;margin-top:16px!important}.holder-strip img{width:86px;height:59px;object-fit:cover;border-radius:13px}.holder-strip div{display:grid}.holder-strip small{color:#858c88;font-size:10px}.check-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #e8ebe9;padding-bottom:15px;margin-bottom:8px}.check-head small{color:#939a96}.check-head span{font-size:11px;border-radius:10px;padding:7px 10px;background:#edf3ff;color:#3168b4}.checklist.amber .check-head span{background:#fff3d8;color:#9a6606}.checklist.green .check-head span{background:#dcf8ef;color:#087e60}.checklist.violet .check-head span{background:#f0e8ff;color:#7647a7}.checklist article{display:grid;grid-template-columns:minmax(250px,1fr) auto;align-items:center;gap:12px;padding:13px 4px;border-bottom:1px solid #eff1f0}.checklist article:last-child{border:0}.check-copy{display:grid}.check-copy small{color:#969d99;font-size:10px;margin-top:4px}.check-actions{display:flex;gap:7px}.check-actions button,.doc-toggle button{border:1px solid #dde2df;background:#fff;border-radius:10px;padding:8px 11px;display:flex;align-items:center;gap:5px;font-size:11px;cursor:pointer}.check-actions svg,.doc-toggle svg{width:14px}.check-actions .ok.active,.doc-toggle .active{background:#12c995;border-color:#12c995;color:#052d23}.check-actions .defect.active,.doc-toggle .invalid.active{background:#fff0f1;border-color:#f2aeb6;color:#b7283a}.checklist article>input{grid-column:1/-1;background:#fff6f6;border-color:#f5c8cd}.wizard-actions{display:flex;align-items:center;justify-content:space-between;margin:22px 0 8px}.wizard-actions>span{color:#7d8580;font-size:12px}.photo-note{font-size:12px}.photo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.photo-slot{min-height:180px;border:2px dashed #dfe7e3;border-radius:17px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;cursor:pointer;overflow:hidden;position:relative;background:#fbfcfb}.photo-slot:hover{border-color:#16b88b;background:#f3fbf8}.photo-slot svg{color:#da8a12}.photo-slot b{font-size:13px}.photo-slot span{font-size:10px;color:#929994}.photo-slot input{position:absolute;inset:0;opacity:0;cursor:pointer}.photo-slot.filled img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-slot.filled:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.photo-slot.filled b,.photo-slot.filled span{position:relative;z-index:2;color:#fff;margin-top:auto}.photo-slot.filled span{margin:0 0 15px}.documents>article{display:flex;align-items:center;justify-content:space-between;border:1px solid #e8ebe9;border-radius:15px;padding:15px;margin-top:10px}.documents article>div:first-child{display:grid}.documents small{color:#8a918d}.doc-toggle{display:flex;gap:7px}.final-review{text-align:center;max-width:800px;margin-inline:auto}.review-icon{width:76px;height:76px;border-radius:24px;background:#dbf8ef;color:#068765;display:grid;place-items:center;margin:0 auto 15px}.review-icon.warning{background:#fff0d3;color:#a66b05}.review-icon svg{width:37px;height:37px}.review-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:23px 0}.review-grid span{display:grid;background:#f5f7f6;padding:13px;border-radius:14px}.review-grid small{color:#878e8a;font-size:10px}.inspection-error{padding:12px 14px;border-radius:13px;background:#fff0f1;color:#ad2637;margin-bottom:12px}.inspection-list{padding:18px}.inspection-filters{display:grid;grid-template-columns:2fr 1.2fr 1fr 1fr;gap:9px;margin-bottom:15px}.inspection-filters label{display:flex;align-items:center;border:1px solid #dfe4e1;border-radius:13px;padding:0 10px}.inspection-filters label svg{width:18px;color:#8c938f}.inspection-filters label input,.inspection-filters label select{border:0;box-shadow:none;width:100%}.inspection-row{display:grid;grid-template-columns:1fr 1.5fr 1fr 1.15fr 1fr 1fr auto;align-items:center;gap:12px;padding:13px 12px;border-bottom:1px solid #e7ebe8;font-size:12px}.inspection-row.head{background:#f3f5f4;border-radius:13px;color:#7e8581;font-size:10px}.inspection-row>span{display:grid}.inspection-row small{color:#8d9490;font-size:10px}.inspection-row>i.state{font-style:normal;font-size:10px;border-radius:999px;padding:7px;text-align:center;background:#fff1d3;color:#9a6505}.inspection-row>i.approved{background:#dcf8ee;color:#087a5e}.inspection-row>i.rejected{background:#ffe6e8;color:#af2b3b}.inspection-empty{text-align:center;padding:45px;color:#8d9490}.inspection-detail-backdrop{position:fixed;inset:0;background:#0a100e80;z-index:100;backdrop-filter:blur(6px)}.inspection-detail{position:absolute;left:0;top:0;bottom:0;width:min(600px,95vw);background:#fff;padding:36px;overflow:auto;animation:drawer-in .35s cubic-bezier(.2,.7,.2,1)}@keyframes drawer-in{from{transform:translateX(-100%)}to{transform:none}}.close-detail{border:0;background:#f1f3f2;width:38px;height:38px;border-radius:12px;display:grid;place-items:center;float:left}.inspection-detail>small{color:#b57a0e}.inspection-detail h2{font-size:27px;margin:4px 0}.inspection-detail>p{color:#7e8581}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin:20px 0}.detail-meta span{display:grid;background:#f4f6f5;border-radius:14px;padding:12px}.detail-meta small{color:#8b928e}.detail-items{display:grid;gap:7px}.detail-items article{display:flex;align-items:flex-start;gap:9px;border:1px solid #e8ebe9;border-radius:12px;padding:10px}.detail-items i{width:9px;height:9px;border-radius:50%;background:#13bd8f;margin-top:5px}.detail-items i.defect{background:#e34c5e}.detail-items article div{display:grid}.detail-items small{color:#b22c3d}.detail-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.detail-photos img{width:100%;height:145px;object-fit:cover;border-radius:13px}.detail-photos p{color:#8a918d}.manager-note{background:#fff4dc;color:#7e550b;padding:13px;border-radius:13px;margin:15px 0}.manager-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:14px}.badge.inspection_hold{background:#ffe7e9;color:#ad2638}
@media(max-width:900px){.inspection-row.head{display:none}.inspection-row{grid-template-columns:1fr 1fr;border:1px solid #e3e8e5;border-radius:16px;margin-bottom:9px}.inspection-row>button{grid-column:1/-1}.inspection-filters{grid-template-columns:1fr 1fr}.inspect-fields{grid-template-columns:1fr}.holder-strip{grid-template-columns:auto 1fr 1fr}.holder-strip>div:last-child{grid-column:2/-1}.review-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.inspection-title{align-items:flex-start}.inspection-title p{font-size:11px}.inspection-title>div>span{display:none}.inspection-steps{padding:12px 8px}.inspection-steps button{display:grid;justify-items:center;font-size:9px}.inspection-steps>i{margin:0 4px}.inspect-card{padding:15px;border-radius:18px}.checklist article{grid-template-columns:1fr}.check-actions{width:100%}.check-actions button{flex:1;justify-content:center}.photo-grid{grid-template-columns:1fr}.photo-slot{min-height:160px}.documents>article{display:grid;gap:12px}.doc-toggle button{flex:1;justify-content:center}.wizard-actions{gap:8px}.wizard-actions>span{display:none}.wizard-actions button{flex:1;font-size:10px}.inspection-filters{grid-template-columns:1fr}.inspection-row{grid-template-columns:1fr}.inspection-row>button{grid-column:auto}.review-grid{grid-template-columns:1fr 1fr}.inspection-detail{padding:24px 17px}.detail-meta{grid-template-columns:1fr}.detail-photos img{height:110px}}
.driver-return-fab{position:fixed;left:28px;bottom:28px;z-index:40;background:#fff;border-color:#e4a9af;color:#a52636;box-shadow:0 15px 40px #15221d24}
@media(max-width:600px){.driver-return-fab{left:14px;right:14px;bottom:14px;width:auto}}


.hero .fleet-core{
        border-radius: 20%;
}