/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.flex{display:flex}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--navy:#122235;--navy-soft:#1b3046;--teal:#0f8a83;--teal-dark:#0a6f69;--teal-soft:#e8f6f4;--blue:#3275b9;--blue-soft:#eaf3fb;--red:#d64f4a;--red-soft:#fcedeb;--amber:#e49b37;--amber-soft:#fff4df;--yellow:#d3a422;--yellow-soft:#fff8d9;--green:#358768;--green-soft:#eaf6ef;--ink:#172433;--ink-soft:#5f6d7a;--muted:#82909d;--surface:#fff;--canvas:#f4f7f9;--line:#e1e8ed;--line-strong:#d1dbe3;--shadow:0 10px 35px #12223512}*{box-sizing:border-box}html{background:var(--canvas)}body{background:var(--canvas);color:var(--ink);margin:0;font-family:Tahoma,Arial,sans-serif;font-size:14px}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}.app-shell{direction:rtl;min-height:100vh;display:flex}.sidebar{background:radial-gradient(circle at 30px 90%, #0f8a832e, transparent 190px), var(--navy);color:#fff;flex-direction:column;align-self:flex-start;width:246px;min-width:246px;min-height:100vh;padding:22px 16px;display:flex;position:sticky;top:0}.brand{border-bottom:1px solid #ffffff1a;align-items:center;gap:12px;padding:4px 8px 24px;display:flex}.brand-symbol{background:var(--teal);color:#fff;direction:ltr;border-radius:12px;place-items:center;width:42px;height:42px;font-size:20px;font-weight:700;display:grid}.brand strong,.brand span{display:block}.brand strong{letter-spacing:.2px;text-align:right;direction:ltr;font-size:16px}.brand span{color:#ffffff94;margin-top:3px;font-size:11px}.side-nav{gap:8px;margin-top:26px;display:grid}.nav-item{color:#ffffffad;text-align:right;background:0 0;border:0;border-radius:11px;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 11px;transition:all .18s;display:grid}.nav-item:hover{color:#fff;background:#ffffff0f}.nav-item.active{color:#fff;background:#0f8a8338}.nav-mark{background:#ffffff14;border-radius:8px;place-items:center;width:29px;height:29px;font-size:12px;font-weight:700;display:grid}.nav-item.active .nav-mark{background:var(--teal)}.nav-count{background:var(--red);color:#fff;text-align:center;border-radius:999px;min-width:26px;padding:3px 7px;font-size:10px}.sidebar-footer{border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin-top:auto;padding:15px 12px 2px;display:flex}.system-dot{background:#4fcea7;border-radius:50%;width:9px;height:9px;box-shadow:0 0 0 5px #4fcea71f}.sidebar-footer strong,.sidebar-footer small{display:block}.sidebar-footer strong{font-size:11px}.sidebar-footer small{color:#ffffff80;margin-top:3px;font-size:10px}.main-content{width:calc(100% - 246px);min-width:0;padding:30px 34px 46px}.logout-button{border:1px solid var(--line);min-height:44px;color:var(--ink-soft);background:#fff;border-radius:12px;justify-content:center;align-items:center;gap:7px;padding:0 14px;font-size:11px;font-weight:700;transition:all .18s;display:inline-flex}.logout-button:hover{background:var(--red-soft);color:var(--red);border-color:#f1cbc8}.welcome-flyer{z-index:1200;text-align:center;background:radial-gradient(circle at 50% 0,#d64f4a1a,#0000 95px),#fff;border:1px solid #f2d5d2;border-radius:18px;justify-items:center;width:min(330px,100vw - 32px);padding:22px 42px 20px;animation:.55s cubic-bezier(.2,.9,.3,1.15) both welcome-arrive,2.4s ease-in-out .55s infinite welcome-float;display:grid;position:fixed;top:22px;left:50%;box-shadow:0 20px 55px #12223533}.welcome-flyer:after{content:"";filter:blur(4px);background:#1222351f;border-radius:50%;width:60px;height:3px;position:absolute;bottom:-11px}.welcome-rose{filter:drop-shadow(0 8px 9px #d64f4a33);margin-bottom:7px;font-size:46px;line-height:1}.welcome-flyer strong,.welcome-flyer span{display:block}.welcome-flyer strong{color:var(--navy);font-size:20px}.welcome-flyer span{color:var(--ink-soft);margin-top:7px;font-size:10px}.welcome-close{background:var(--red-soft);width:27px;height:27px;color:var(--red);border:0;border-radius:50%;place-items:center;padding:0;line-height:1;display:grid;position:absolute;top:10px;left:10px}@keyframes welcome-arrive{0%{opacity:0;transform:translate(-50%,-38px)scale(.88)}to{opacity:1;transform:translate(-50%)scale(1)}}@keyframes welcome-float{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-6px)}}@media (prefers-reduced-motion:reduce){.welcome-flyer{animation:none;transform:translate(-50%)}}.login-page{background:#fff;grid-template-columns:minmax(440px,.9fr) minmax(520px,1.1fr);min-height:100vh;display:grid;overflow:hidden}.login-card{place-self:center;width:min(430px,100% - 56px);padding:36px 12px}.login-brand{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding-bottom:30px;display:flex}.login-brand-symbol{background:var(--teal);color:#fff;direction:ltr;border-radius:14px;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid;box-shadow:0 9px 22px #0f8a8338}.login-brand strong,.login-brand span{display:block}.login-brand strong{color:var(--navy);text-align:right;letter-spacing:.2px;direction:ltr;font-size:19px}.login-brand span{color:var(--muted);margin-top:4px;font-size:11px}.login-heading{padding:34px 0 26px}.login-eyebrow{color:var(--teal);margin-bottom:9px;font-size:11px;font-weight:800;display:block}.login-heading h1{color:var(--navy);margin:0 0 10px;font-size:clamp(28px,3vw,36px);line-height:1.2}.login-heading p{max-width:390px;color:var(--ink-soft);margin:0;font-size:12px;line-height:1.8}.login-form{gap:18px;display:grid}.login-form label>span{color:var(--ink);margin-bottom:8px;font-size:11px;font-weight:700;display:block}.login-input-wrap{border:1px solid var(--line-strong);background:#fbfcfd;border-radius:12px;align-items:center;gap:10px;min-height:52px;padding:0 13px;transition:all .18s;display:flex}.login-input-wrap:focus-within{border-color:var(--teal);background:#fff;box-shadow:0 0 0 4px #0f8a8317}.login-input-mark{background:var(--teal-soft);border-radius:8px;flex:none;place-items:center;width:29px;height:29px;color:var(--teal-dark)!important;margin:0!important;font-size:10px!important;display:grid!important}.login-input-wrap input{min-width:0;color:var(--ink);background:0 0;border:0;outline:0;flex:1}.login-input-wrap input::placeholder{color:#a1adb6}.password-toggle{color:var(--teal-dark);background:0 0;border:0;flex:none;padding:5px;font-size:10px;font-weight:700}.login-submit{background:var(--teal);color:#fff;border:0;border-radius:12px;min-height:52px;margin-top:4px;font-weight:800;transition:all .18s;box-shadow:0 12px 25px #0f8a8333}.login-submit:hover:not(:disabled){background:var(--teal-dark);transform:translateY(-1px)}.login-error{background:var(--red-soft);color:#a83b37;border:1px solid #f2cecb;border-radius:10px;padding:11px 13px;font-size:11px}.login-security{color:var(--muted);align-items:center;gap:11px;margin-top:26px;font-size:10px;display:flex}.login-visual{color:#fff;background:radial-gradient(circle at 18% 20%,#0f8a836b,#0000 32%),linear-gradient(145deg,#0e1d2e 0%,#142a3e 55%,#0d3f43 100%);align-items:center;padding:70px clamp(52px,7vw,110px);display:flex;position:relative;overflow:hidden}.login-visual:before{content:"";opacity:.22;background-image:linear-gradient(#ffffff14 1px,#0000 1px),linear-gradient(90deg,#ffffff14 1px,#0000 1px);background-size:64px 64px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(to bottom left,#000,#0000 75%);mask-image:linear-gradient(to bottom left,#000,#0000 75%)}.login-visual-content{z-index:2;max-width:590px;position:relative}.login-visual-content>span{color:#8de3d5;background:#ffffff12;border:1px solid #ffffff29;border-radius:999px;padding:7px 12px;font-size:10px;font-weight:800;display:inline-block}.login-visual h2{letter-spacing:-2px;margin:24px 0 17px;font-size:clamp(42px,5vw,70px);line-height:1.18}.login-visual p{color:#ffffffab;max-width:490px;margin:0;font-size:14px;line-height:1.8}.login-stat-row{gap:18px;margin-top:54px;display:flex}.login-stat-row div{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff0f;border:1px solid #ffffff1f;border-radius:16px;min-width:170px;padding:18px}.login-stat-row strong,.login-stat-row small{display:block}.login-stat-row strong{color:#8de3d5;font-size:28px}.login-stat-row small{color:#fff9;margin-top:4px;font-size:9px}.visual-ring{border:1px solid #8de3d52b;border-radius:50%;position:absolute}.ring-one{width:430px;height:430px;bottom:-180px;left:-210px}.ring-two{width:250px;height:250px;bottom:-85px;left:-95px}.topbar{justify-content:space-between;align-items:center;gap:24px;margin-bottom:28px;display:flex}.topbar h1{color:var(--navy);margin:2px 0 5px;font-size:28px;line-height:1.25}.topbar p{color:var(--ink-soft);margin:0}.topbar .eyebrow{color:var(--teal);font-size:11px;font-weight:700}.header-actions{align-items:center;gap:12px;display:flex}.notification-center{position:relative}.notification-button{border:1px solid var(--line);width:44px;height:44px;color:var(--navy);background:#fff;border-radius:12px;place-items:center;font-size:23px;display:grid;position:relative;box-shadow:0 4px 16px #1222350a}.notification-button b{border:2px solid var(--canvas);background:var(--red);color:#fff;border-radius:999px;place-items:center;min-width:19px;height:19px;padding:0 4px;font-size:8px;display:grid;position:absolute;top:-7px;left:-7px}.notification-drawer{z-index:80;border:1px solid var(--line);background:#fff;border-radius:15px;width:min(380px,100vw - 28px);padding:17px;position:absolute;top:53px;left:0;box-shadow:0 20px 60px #0c192733}.notification-drawer-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.notification-drawer-head strong,.notification-drawer-head small,.notification-list strong,.notification-list small{display:block}.notification-drawer-head strong{color:var(--navy)}.notification-drawer-head small{color:var(--muted);margin-top:4px;font-size:9px}.notification-drawer-head>button{width:28px;height:28px;color:var(--muted);background:#f1f4f6;border:0;border-radius:8px}.notification-stats{grid-template-columns:repeat(3,1fr);gap:7px;margin:14px 0 10px;display:grid}.notification-stats span{background:var(--canvas);color:var(--muted);text-align:center;border-radius:9px;padding:9px;font-size:9px}.notification-stats b{color:var(--navy);margin-bottom:2px;font-size:16px;display:block}.notification-list{max-height:390px;margin-bottom:12px;display:grid;overflow-y:auto}.notification-list>button{border:0;border-bottom:1px solid var(--line);text-align:right;background:0 0;grid-template-columns:auto 1fr;align-items:center;gap:11px;padding:11px 4px;display:grid}.notification-list>button:hover{background:#f8fafb}.notification-list strong{color:var(--ink);font-size:11px}.notification-list small{color:var(--muted);margin-top:3px;font-size:9px}.notification-enable{width:100%;margin-top:2px}.notification-note{color:var(--muted);margin:9px 0;font-size:9px;line-height:1.7}.global-search{border:1px solid var(--line);background:var(--surface);border-radius:12px;align-items:center;gap:9px;width:min(345px,30vw);height:44px;padding:0 13px;display:flex;box-shadow:0 4px 16px #12223508}.global-search span{color:var(--muted);font-size:21px;transform:rotate(-15deg)}.global-search input{width:100%;color:var(--ink);background:0 0;border:0;outline:0}.global-search input::placeholder{color:#a0acb7}.button{border:1px solid #0000;border-radius:10px;justify-content:center;align-items:center;gap:7px;min-height:42px;padding:8px 16px;font-weight:700;transition:all .15s;display:inline-flex}.button-primary{background:var(--teal);color:#fff}.button-primary:hover{background:var(--teal-dark);transform:translateY(-1px)}.button-secondary{border-color:var(--line-strong);color:var(--ink-soft);background:#fff}.button-secondary:hover{border-color:var(--teal);color:var(--teal)}.metrics-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card,.panel{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow);border-radius:15px}.metric-card{min-height:166px;padding:19px 20px;position:relative;overflow:hidden}.metric-card:after{content:"";background:var(--teal-soft);border-radius:50%;width:92px;height:92px;position:absolute;bottom:-35px;left:-32px}.danger-card:after{background:var(--red-soft)}.warning-card:after{background:var(--amber-soft)}.metric-head{justify-content:space-between;align-items:center;display:flex}.metric-icon{border-radius:10px;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.metric-icon.teal{background:var(--teal-soft);color:var(--teal-dark)}.metric-icon.blue{background:var(--blue-soft);color:var(--blue)}.metric-icon.red{background:var(--red-soft);color:var(--red)}.metric-icon.amber{background:var(--amber-soft);color:#bd7211}.trend{border-radius:999px;padding:4px 8px;font-size:10px;font-weight:700}.trend.positive{background:var(--green-soft);color:var(--green)}.trend.neutral{background:var(--blue-soft);color:var(--blue)}.trend.danger{background:var(--red-soft);color:var(--red)}.trend.warning{background:var(--amber-soft);color:#bd7211}.metric-card>strong{color:var(--navy);margin-top:14px;font-size:30px;line-height:1;display:block}.metric-card>p{color:var(--ink);margin:8px 0 6px;font-weight:700}.metric-card>small{color:var(--muted)}.dashboard-grid{grid-template-columns:minmax(0,1.65fr) minmax(320px,.8fr);gap:16px;margin-top:16px;display:grid}.panel{padding:21px}.panel-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.panel-header h2{color:var(--navy);margin:0 0 6px;font-size:17px}.panel-header p{color:var(--muted);margin:0;font-size:12px}.legend{color:var(--ink-soft);align-items:center;gap:14px;font-size:11px;display:flex}.legend span{align-items:center;gap:5px;display:inline-flex}.legend i{border-radius:2px;width:8px;height:8px}.legend-red{background:var(--red)}.legend-amber{background:var(--amber)}.bar-chart{gap:14px;display:grid}.bar-row{grid-template-columns:125px 1fr 32px;align-items:center;gap:12px;display:grid}.bar-label{color:var(--ink-soft);font-size:11px}.bar-track{direction:rtl;background:#edf1f4;border-radius:999px;height:10px;display:flex;overflow:hidden}.bar-segment{min-width:0;height:100%;transition:width .3s}.bar-segment.expired{background:var(--red)}.bar-segment.upcoming{background:var(--amber)}.bar-row strong{color:var(--navy);text-align:left;font-size:12px}.health-score{gap:22px;display:grid}.score-ring{border-radius:50%;place-items:center;width:142px;height:142px;margin:2px auto 0;display:grid}.score-ring>div{text-align:center;background:#fff;border-radius:50%;place-content:center;width:107px;height:107px;display:grid}.score-ring strong,.score-ring span{display:block}.score-ring strong{color:var(--navy);font-size:25px}.score-ring span{color:var(--muted);margin-top:3px;font-size:10px}.health-list{gap:8px;display:grid}.health-list button{border:0;border-top:1px solid var(--line);text-align:right;background:0 0;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:10px 0;display:grid}.health-list button:hover b{color:var(--teal)}.health-list strong,.health-list small{display:block}.health-list strong{color:var(--navy)}.health-list small{color:var(--muted);margin-top:2px;font-size:10px}.health-list b{color:var(--muted);font-size:23px;transition:all .15s}.status-dot{border-radius:50%;width:9px;height:9px}.status-dot.red{background:var(--red);box-shadow:0 0 0 5px var(--red-soft)}.status-dot.amber{background:var(--amber);box-shadow:0 0 0 5px var(--amber-soft)}.status-dot.yellow{background:var(--yellow);box-shadow:0 0 0 5px var(--yellow-soft)}.urgent-panel{margin-top:16px}.text-button{color:var(--teal);background:0 0;border:0;padding:0;font-size:11px;font-weight:700}.text-button:hover{color:var(--teal-dark)}.table-wrap{width:100%;overflow-x:auto}table{border-collapse:collapse;text-align:right;width:100%}th{border-bottom:1px solid var(--line-strong);color:var(--muted);white-space:nowrap;padding:11px 12px;font-size:10px;font-weight:700}td{border-bottom:1px solid var(--line);color:var(--ink-soft);vertical-align:middle;padding:12px;font-size:12px}tbody tr{transition:background .12s}tbody tr:hover{background:#f8fafb}tbody tr:last-child td{border-bottom:0}.entity-cell{align-items:center;gap:10px;min-width:165px;display:flex}.entity-avatar{border-radius:10px;place-items:center;width:34px;min-width:34px;height:34px;font-size:11px;font-weight:700;display:grid}.entity-avatar.driver{background:var(--teal-soft);color:var(--teal-dark)}.entity-avatar.vehicle{background:var(--blue-soft);color:var(--blue)}.entity-cell strong,.entity-cell small{display:block}.entity-cell strong{max-width:230px;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.entity-cell small{color:var(--muted);margin-top:3px;font-size:9px}.entity-cell .missing-fields{color:#8b6d0e;text-overflow:ellipsis;white-space:nowrap;max-width:250px;margin-top:5px;overflow:hidden}.alert-badge,.status-badge,.priority-marker{white-space:nowrap;border-radius:7px;justify-content:center;align-items:center;min-height:25px;padding:4px 8px;font-size:9px;font-weight:700;display:inline-flex}.alert-badge.expired,.priority-marker.expired{background:var(--red-soft);color:var(--red)}.alert-badge.upcoming,.priority-marker.upcoming{background:var(--amber-soft);color:#b76d0b}.alert-badge.missing,.priority-marker.missing{background:var(--yellow-soft);color:#977610}.alert-badge.valid,.status-badge.active{background:var(--green-soft);color:var(--green)}.status-badge.inactive{color:#697783;background:#edf0f2}.icon-button,.row-actions button{border:1px solid var(--line-strong);min-height:29px;color:var(--teal-dark);background:#fff;border-radius:7px;padding:5px 9px;font-size:9px;font-weight:700}.icon-button:hover,.row-actions button:hover{border-color:var(--teal);background:var(--teal-soft)}.data-view{gap:14px;display:grid}.record-tabs{border:1px solid var(--line);background:#edf2f5;border-radius:12px;gap:6px;padding:5px;display:flex;overflow-x:auto}.record-tab{min-height:36px;color:var(--ink-soft);white-space:nowrap;background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:7px;padding:7px 14px;font-size:10px;font-weight:700;display:inline-flex}.record-tab:hover,.record-tab.active{color:var(--teal-dark);background:#fff;box-shadow:0 3px 12px #12223514}.tab-count{background:var(--teal-soft);min-width:20px;color:var(--teal-dark);border-radius:999px;padding:2px 6px;font-size:8px}.view-toolbar{justify-content:space-between;align-items:center;gap:14px;display:flex}.filter-group{gap:9px;display:flex}.smart-filter-group{flex-wrap:wrap}.clear-filters{border:1px dashed var(--line-strong);min-height:40px;color:var(--teal-dark);background:0 0;border-radius:9px;padding:8px 11px;font-size:10px;font-weight:700}.clear-filters:hover{border-color:var(--teal);background:var(--teal-soft)}.smart-alert-filters{border:1px solid var(--line);background:#fff;border-radius:12px;flex-wrap:wrap;gap:9px;padding:13px;display:flex}.smart-alert-filters select{border:1px solid var(--line-strong);min-height:39px;color:var(--ink);background:#fff;border-radius:9px;padding:7px 10px}.filter-group select,.form-grid input,.form-grid select{border:1px solid var(--line-strong);min-height:40px;color:var(--ink);background:#fff;border-radius:9px;outline:0;padding:8px 11px;transition:all .15s}.filter-group select:focus,.form-grid input:focus,.form-grid select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f8a831a}.records-count{color:var(--muted);font-size:11px}.data-panel{padding:5px 20px 14px}.data-panel table{min-width:960px}.ltr{text-align:right;direction:ltr}.vehicle-link strong,.vehicle-link small,.block-small{display:block}.vehicle-link strong{color:var(--ink);font-size:11px}.vehicle-link small,.block-small{color:var(--muted);margin-top:3px;font-size:9px}.text-warning{color:#b76d0b!important}.date-state{border-right:3px solid var(--line-strong);color:var(--ink-soft);white-space:nowrap;padding-right:8px;display:inline-block}.date-state.expired{border-color:var(--red);color:var(--red)}.date-state.upcoming{border-color:var(--amber);color:#a7650d}.date-state.missing{border-color:var(--yellow);color:#8b6d0e}.date-state.valid{border-color:var(--green)}.driver-count{background:var(--green-soft);width:28px;height:28px;color:var(--green);border-radius:8px;place-items:center;font-weight:700;display:grid}.driver-count.warning{background:var(--amber-soft);color:#b76d0b}.row-actions{gap:5px;display:flex}.row-actions .danger-action{color:var(--red)}.row-actions .danger-action:hover{border-color:var(--red);background:var(--red-soft)}.pagination{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;gap:15px;padding-top:14px;font-size:10px;display:flex}.pagination-actions{gap:7px;display:flex}.pagination .button{min-height:32px;padding:5px 12px;font-size:9px}.alert-summary{gap:10px;display:flex}.summary-chip{border:1px solid var(--line);text-align:right;background:#fff;border-radius:12px;align-items:center;gap:12px;min-width:150px;padding:12px 15px;display:flex;box-shadow:0 5px 18px #1222350a}.summary-chip:hover,.summary-chip.selected{border-color:var(--teal);box-shadow:0 0 0 3px #0f8a8314}.summary-chip strong,.summary-chip small{display:block}.summary-chip strong{color:var(--navy);font-size:17px}.summary-chip small{color:var(--muted);font-size:9px}.settings-view{gap:16px;display:grid}.settings-hero{background:radial-gradient(circle at 8% 100%,#0f8a8324,#0000 210px),#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:18px;display:grid}.settings-hero-icon{background:var(--teal-soft);border-radius:15px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.settings-hero h2,.settings-card h2{color:var(--navy);margin:0 0 6px;font-size:17px}.settings-hero p{max-width:720px;color:var(--ink-soft);margin:0;font-size:11px;line-height:1.8}.settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-card-head{justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:16px;display:flex}.settings-kicker{color:var(--teal);margin-bottom:5px;font-size:9px;font-weight:700;display:block}.channel-status{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:25px;padding:4px 9px;font-size:8px;font-weight:700;display:inline-flex}.channel-status.active{background:var(--green-soft);color:var(--green)}.channel-status.pending{background:var(--amber-soft);color:#a7650d}.channel-list{display:grid}.channel-row{border-top:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:13px 0;display:grid}.channel-icon{background:var(--blue-soft);width:38px;min-width:38px;height:38px;color:var(--blue);border-radius:11px;place-items:center;font-size:10px;font-weight:700;display:grid}.channel-row strong,.channel-row small,.channel-option strong,.channel-option small{display:block}.channel-row strong,.channel-option strong{color:var(--ink);font-size:11px}.channel-row small,.channel-option small{color:var(--muted);margin-top:4px;font-size:9px;line-height:1.6}.compact-button{min-height:32px;padding:5px 11px;font-size:9px}.rule-list{gap:9px;display:grid}.rule-list>div{background:var(--canvas);border-radius:11px;grid-template-columns:48px 1fr;align-items:center;gap:12px;padding:11px;display:grid}.rule-list b{width:42px;height:42px;color:var(--teal-dark);background:#fff;border-radius:11px;place-items:center;font-size:17px;display:grid}.rule-list strong,.rule-list small{display:block}.rule-list strong{color:var(--ink);font-size:10px}.rule-list small{color:var(--muted);margin-top:3px;font-size:9px}.channel-options{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.channel-option{border:1px solid var(--line);background:#fbfcfd;border-radius:12px;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;padding:14px;display:grid}.channel-option.recommended{background:var(--teal-soft);border-color:#a8d8d4}.recommendation-strip{background:var(--navy);color:#fff;border-radius:10px;align-items:center;gap:14px;margin-top:14px;padding:12px 14px;display:flex}.recommendation-strip strong{white-space:nowrap;font-size:10px}.recommendation-strip span{color:#ffffffb3;font-size:9px;line-height:1.7}.real-settings{gap:18px}.settings-loading{min-height:320px;color:var(--ink-soft);place-content:center;justify-items:center;gap:12px;display:grid}.settings-loading.error-panel p{color:#a23d39;margin:0}.settings-status-card{background:radial-gradient(circle at 8% 100%,#0f8a8324,#0000 230px),#fff;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;display:grid}.settings-status-icon{background:var(--green-soft);width:50px;height:50px;color:var(--green);border-radius:15px;place-items:center;font-size:22px;font-weight:800;display:grid}.settings-status-card h2{color:var(--navy);margin:0 0 5px;font-size:18px}.settings-status-card p{color:var(--ink-soft);margin:0 0 4px;font-size:10px;line-height:1.7}.settings-status-card small{color:var(--muted);font-size:8px}.settings-status-actions{justify-items:end;gap:9px;display:grid}.settings-feedback{border-radius:11px;padding:12px 15px;font-size:10px;font-weight:700}.settings-feedback.success{background:var(--green-soft);color:var(--green);border:1px solid #b9dfc9}.settings-feedback.error{background:var(--red-soft);color:#a23d39;border:1px solid #f0c0bd}.real-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.settings-form-card{min-width:0}.settings-form-card .settings-card-head h2,.delivery-log .settings-card-head h2{color:var(--navy);margin:0;font-size:17px}.settings-intro{color:var(--muted);margin:6px 0 0;font-size:9px;line-height:1.7}.persisted-badge,.live-dot{background:var(--teal-soft);color:var(--teal-dark);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:6px 9px;font-size:8px;font-weight:700;display:inline-flex}.live-dot i{background:var(--green);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #2f8e5b1f}.rule-controls,.schedule-controls{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.rule-controls label,.schedule-controls label,.channel-field label{gap:7px;display:grid}.rule-controls label{border:1px solid var(--line);background:var(--canvas);border-radius:12px;grid-template-columns:1fr 68px;align-items:center;padding:12px}.rule-controls label>span,.schedule-controls label>span,.channel-field>span,.channel-field label>span{color:var(--ink);font-size:9px;font-weight:700}.rule-controls input,.schedule-controls input,.schedule-controls select,.channel-field input,.channel-field textarea{border:1px solid var(--line-strong);width:100%;min-height:38px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;outline:none;padding:8px 10px;font-size:10px;transition:border-color .18s,box-shadow .18s}.rule-controls input:focus,.schedule-controls input:focus,.schedule-controls select:focus,.channel-field input:focus,.channel-field textarea:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f8a831a}.rule-controls small{color:var(--muted);grid-column:1/-1;font-size:8px}.toggle-list,.internal-channels{border-top:1px solid var(--line);gap:0;margin-top:12px;display:grid}.switch-row{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:14px;padding:11px 2px;display:flex}.switch-row strong,.switch-row small{display:block}.switch-row strong{color:var(--ink);font-size:10px}.switch-row small{color:var(--muted);margin-top:4px;font-size:8px;line-height:1.5}.switch-row input[type=checkbox],.compact-switch input[type=checkbox]{width:34px;height:19px;accent-color:var(--teal);cursor:pointer}.schedule-controls label{align-content:start}.timezone-note{background:var(--blue-soft);border-radius:11px;gap:4px;margin-top:12px;padding:12px;display:grid}.timezone-note strong{color:var(--blue);font-size:9px}.timezone-note span{color:var(--ink-soft);font-size:8px;line-height:1.6}.channel-config-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.channel-config{border:1px solid var(--line);background:#fbfcfd;border-radius:13px;min-width:0;padding:14px;transition:border-color .18s,box-shadow .18s}.channel-config.enabled{box-shadow:inset 0 3px 0 var(--teal);border-color:#8bcfc9}.email-channel-config{cursor:pointer}.email-channel-config:focus-visible{outline-offset:2px;outline:3px solid #0f8a832e}.channel-config-head{grid-template-columns:auto 1fr auto auto;align-items:center;gap:10px;display:grid}.channel-config-head strong,.channel-config-head small{display:block}.channel-config-head strong{color:var(--ink);font-size:10px}.channel-config-head small{color:var(--muted);margin-top:3px;font-size:8px;line-height:1.5}.compact-switch{justify-items:center;gap:2px;display:grid}.compact-switch span{color:var(--muted);font-size:7px}.channel-field{gap:7px;margin-top:12px;display:grid}.channel-field textarea{resize:vertical;min-height:62px;line-height:1.6}.recipient-confirmation{color:var(--teal-dark);font-size:8px;font-weight:700}.smtp-settings-trigger{background:var(--teal-soft);width:100%;color:inherit;cursor:pointer;text-align:right;font:inherit;border:1px dashed #91c9c5;border-radius:10px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;margin-top:10px;padding:11px;display:grid}.smtp-settings-trigger>span{width:32px;height:32px;color:var(--teal-dark);background:#fff;border-radius:9px;place-items:center;font-size:14px;display:grid}.smtp-settings-trigger strong,.smtp-settings-trigger small{display:block}.smtp-settings-trigger strong{color:var(--ink);font-size:9px}.smtp-settings-trigger small{color:var(--ink-soft);margin-top:3px;font-size:8px;line-height:1.5}.smtp-settings-trigger b{color:var(--teal-dark);white-space:nowrap;font-size:8px}.webhook-field{grid-template-columns:1fr auto;align-items:end}.text-danger-button{background:var(--red-soft);color:#a23d39;cursor:pointer;min-height:38px;font:inherit;border:0;border-radius:8px;padding:7px 10px;font-size:8px;font-weight:700}.channel-config-actions{align-items:center;gap:9px;margin-top:10px;display:flex}.channel-config-actions span{color:#a7650d;font-size:8px}.settings-savebar{z-index:12;color:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#142437f7;border:1px solid #ffffff1a;border-radius:13px;grid-template-columns:1fr auto auto;align-items:center;gap:10px;padding:13px 15px;display:grid;position:sticky;bottom:16px;box-shadow:0 14px 38px #0d1d2f3d}.settings-savebar strong,.settings-savebar small{display:block}.settings-savebar strong{font-size:10px}.settings-savebar small{color:#ffffffa3;margin-top:3px;font-size:8px}.delivery-log .table-wrap{max-height:420px}.delivery-result{border-radius:999px;justify-content:center;min-width:45px;padding:5px 8px;font-size:8px;font-weight:700;display:inline-flex}.delivery-result.success{background:var(--green-soft);color:var(--green)}.delivery-result.failed{background:var(--red-soft);color:#a23d39}.delivery-error{color:#a23d39;white-space:normal;word-break:break-word;max-width:440px;margin-top:4px;font-size:8px;display:block}.empty-log{min-height:130px;color:var(--muted);place-content:center;justify-items:center;gap:5px;display:grid}.empty-log strong{color:var(--ink-soft);font-size:11px}.empty-log span{font-size:9px}.smtp-modal-backdrop{z-index:140}.smtp-modal{width:min(720px,100%)}.smtp-modal-header h2{color:var(--navy);margin:0 0 5px;font-size:20px}.smtp-modal-header p{color:var(--muted);margin:0;font-size:9px}.smtp-modal-header>button{background:var(--canvas);width:34px;height:34px;color:var(--ink-soft);cursor:pointer;border:0;border-radius:9px;place-items:center;font-size:20px;display:grid}.smtp-security-banner{background:var(--teal-soft);border:1px solid #b7ddd9;border-radius:11px;grid-template-columns:auto 1fr;align-items:center;gap:10px;margin:16px 22px 0;padding:11px 12px;display:grid}.smtp-security-banner>span{font-size:17px}.smtp-security-banner strong,.smtp-security-banner small{display:block}.smtp-security-banner strong{color:var(--teal-dark);font-size:9px}.smtp-security-banner small{color:var(--ink-soft);margin-top:3px;font-size:8px;line-height:1.5}.smtp-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:18px 22px;display:grid}.smtp-form-grid label{align-content:start;gap:6px;display:grid}.smtp-form-grid label>span{color:var(--ink);font-size:9px;font-weight:700}.smtp-form-grid input,.smtp-form-grid select{border:1px solid var(--line-strong);width:100%;min-height:41px;color:var(--ink);font:inherit;background:#fff;border-radius:9px;outline:none;padding:9px 11px;font-size:10px}.smtp-form-grid input:focus,.smtp-form-grid select:focus{border-color:var(--teal);box-shadow:0 0 0 3px #0f8a831a}.smtp-form-grid small{color:var(--muted);font-size:8px}.smtp-form-grid .saved-secret{color:var(--green);font-weight:700}.smtp-wide-field{grid-column:1/-1}.smtp-recipients-summary{background:var(--canvas);border-radius:10px;grid-template-columns:1fr auto;gap:4px 12px;margin:0 22px 18px;padding:12px;display:grid}.smtp-recipients-summary span,.smtp-recipients-summary strong{font-size:9px}.smtp-recipients-summary strong{color:var(--teal-dark)}.smtp-recipients-summary small{color:var(--muted);grid-column:1/-1;font-size:8px}.smtp-modal-actions{align-items:center}.modal-action-spacer{flex:1}.loading-state{min-height:410px;color:var(--ink-soft);text-align:center;place-content:center;justify-items:center;gap:9px;display:grid}.loading-state span{color:var(--muted);font-size:11px}.spinner{border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;width:34px;height:34px;margin-bottom:7px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.message{border-radius:10px;margin-bottom:16px;padding:11px 14px;font-size:11px}.message-error,.form-error{background:var(--red-soft);color:#a23d39}.toast{z-index:50;background:var(--navy);color:#fff;border-radius:10px;padding:12px 16px;font-size:11px;position:fixed;bottom:24px;left:24px;box-shadow:0 12px 34px #12223540}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0c19278c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:17px;width:min(880px,100%);max-height:92vh;overflow-y:auto;box-shadow:0 24px 80px #09162347}.modal-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-start;gap:15px;padding:21px 24px 17px;display:flex}.modal-header p{color:var(--teal);margin:0 0 4px;font-size:10px;font-weight:700}.modal-header h2{color:var(--navy);margin:0;font-size:20px}.close-button{width:34px;height:34px;color:var(--ink-soft);background:#f0f3f5;border:0;border-radius:9px;font-size:24px;line-height:1}.close-button:hover{background:var(--red-soft);color:var(--red)}.modal form{padding:20px 24px 23px}.renewal-banner,.missing-summary{border-radius:10px;gap:5px;margin-bottom:15px;padding:12px 14px;line-height:1.6;display:grid}.renewal-banner{background:var(--teal-soft);color:var(--teal-dark);border:1px solid #9fd7d2}.missing-summary{background:var(--yellow-soft);color:#755d11;border:1px solid #ead27a}.renewal-banner strong,.missing-summary strong{font-size:11px}.renewal-banner span,.missing-summary span{font-size:9px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;display:grid}.form-grid label{gap:7px;display:grid}.form-grid label>span{color:var(--ink-soft);font-size:10px;font-weight:700}.form-grid label>small{color:var(--muted);font-size:9px}.form-grid .field-missing{background:linear-gradient(180deg, #fffdf3, var(--yellow-soft));border:1px solid #ebcf63;border-radius:10px;padding:9px}.form-grid .field-missing>span:after{content:" · حقل ناقص";color:#98770c}.form-grid .field-missing input,.form-grid .field-missing select{background:#fff;border-color:#d8b43c}.form-grid .field-duplicate{border:2px solid var(--red);background:var(--red-soft);border-radius:10px;padding:9px}.form-grid .field-duplicate>span:after{content:" · مستخدم مسبقاً";color:var(--red)}.form-grid .field-duplicate input{border-color:var(--red);background:#fff}.duplicate-hint{font-weight:700;color:var(--red)!important}.form-grid .renewal-target{border:2px solid var(--teal);background:var(--teal-soft);border-radius:10px;padding:9px;box-shadow:0 0 0 4px #0f8a831a}.form-grid .renewal-target>span:after{content:" · أدخل التاريخ الجديد";color:var(--teal-dark)}.renewal-explainer{background:var(--teal-soft);color:var(--teal-dark);border-radius:10px;justify-content:space-between;align-items:center;gap:18px;margin:10px 0 8px;padding:12px 14px;display:flex}.renewal-explainer span{color:var(--ink-soft);font-size:10px}.empty-state{color:var(--muted);text-align:center;padding:36px 15px}.full-field{grid-column:1/-1}.form-section-title{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:16px;margin-top:7px;padding:13px 2px 8px;display:flex}.form-section-title strong{color:var(--navy);font-size:12px}.form-section-title span{color:var(--muted);font-size:9px}.form-error{border-radius:9px;margin-top:14px;padding:10px 12px;font-size:10px}.modal-footer{border-top:1px solid var(--line);justify-content:flex-end;gap:9px;margin-top:22px;padding-top:17px;display:flex}@media (width<=1100px){.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid{grid-template-columns:1fr}.health-score{grid-template-columns:180px 1fr;align-items:center}}@media (width<=820px){.login-page{background:radial-gradient(circle at 90% 0,#0f8a831f,#0000 260px),#fff;justify-content:center;align-items:center;min-height:100svh;padding:24px 0;display:flex}.login-card{width:min(430px,100% - 32px);padding:14px 4px}.login-brand{padding-bottom:22px}.login-heading{padding:28px 0 22px}.login-visual{display:none}.app-shell{display:block}.sidebar{width:100%;min-width:0;min-height:auto;padding:14px;position:static}.brand{padding-bottom:13px}.side-nav{grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:13px}.nav-item{text-align:center;grid-template-columns:auto 1fr;min-height:42px;padding:7px}.nav-mark,.nav-count,.sidebar-footer{display:none}.main-content{width:100%;padding:22px 18px 36px}.topbar{flex-direction:column;align-items:flex-start}.header-actions,.global-search{width:100%}.header-actions{flex-wrap:wrap;align-items:stretch}.logout-button{flex:1 0 100%;order:3}.global-search{flex:1}.notification-drawer{left:0;right:auto}.view-toolbar{flex-direction:column;align-items:flex-start}.alert-summary{flex-wrap:wrap}.settings-grid,.real-settings-grid,.channel-config-list{grid-template-columns:1fr}.settings-status-card{grid-template-columns:auto 1fr}.settings-status-actions{grid-column:1/-1;grid-template-columns:1fr auto;align-items:center;width:100%}}@media (width<=560px){.main-content{padding-inline:12px}.side-nav{grid-template-columns:repeat(2,minmax(0,1fr))}.metrics-grid{grid-template-columns:1fr}.topbar h1{font-size:23px}.header-actions,.filter-group{flex-direction:column}.filter-group,.filter-group select,.smart-alert-filters select,.smart-alert-filters .clear-filters{width:100%}.notification-center{align-self:flex-start}.renewal-explainer{flex-direction:column;align-items:flex-start}.settings-hero{grid-template-columns:auto 1fr}.settings-hero .button{grid-column:1/-1}.settings-status-card,.settings-status-actions{grid-template-columns:1fr;justify-items:start}.rule-controls,.schedule-controls{grid-template-columns:1fr}.channel-config-head{grid-template-columns:auto 1fr}.channel-config-head .channel-status,.channel-config-head .compact-switch{grid-column:2;justify-self:start}.webhook-field{grid-template-columns:1fr}.settings-savebar{grid-template-columns:1fr;position:static}.smtp-settings-trigger{grid-template-columns:auto 1fr}.smtp-settings-trigger b{grid-column:2}.smtp-form-grid{grid-template-columns:1fr;padding-inline:16px}.smtp-wide-field{grid-column:auto}.smtp-security-banner,.smtp-recipients-summary{margin-inline:16px}.smtp-modal-actions{flex-direction:column;align-items:stretch}.modal-action-spacer{display:none}.channel-options{grid-template-columns:1fr}.channel-option{grid-template-columns:auto 1fr}.channel-option .channel-status{grid-column:2;justify-self:start}.recommendation-strip{flex-direction:column;align-items:flex-start}.health-score{grid-template-columns:1fr}.bar-row{grid-template-columns:95px 1fr 25px;gap:8px}.summary-chip{flex:140px;min-width:0}.form-grid{grid-template-columns:1fr}.full-field{grid-column:auto}.form-section-title{flex-direction:column;align-items:flex-start}.modal-backdrop{padding:8px}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}