@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap";@import"https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:wght,FILL@100..700,0..1&display=swap";.profile-menu-item.logout-item[data-v-6e2feaf7]{color:#dc2626}.profile-menu-item.logout-item[data-v-6e2feaf7]:hover{color:#b91c1c}.change-password-modal[data-v-6e2feaf7]{display:flex;flex-direction:column;gap:1rem}.change-password-field[data-v-6e2feaf7]{display:flex;flex-direction:column;gap:.5rem}.change-password-label[data-v-6e2feaf7]{font-size:.875rem;font-weight:600;color:var(--text)}.change-password-input[data-v-6e2feaf7]{width:100%;padding:.875rem 1rem;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--text);font-size:.9375rem;outline:none;transition:border-color .2s,box-shadow .2s}.change-password-input[data-v-6e2feaf7]:focus{border-color:var(--primary);box-shadow:0 0 0 3px #10b77f1f}.confirm-modal-backdrop[data-v-ae1ab118]{z-index:90}:root{--font-sans: "Inter", sans-serif;--color-brand-primary: #10b77f;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #e11d48;--color-light-bg: rgb(246, 248, 247);--color-light-surface: #ffffff;--color-light-border: #e2e8f0;--color-light-text: #111827;--color-light-muted: #64748b;--color-dark-bg: #111827;--color-dark-surface: #1f2937;--color-dark-border: #374151;--color-dark-text: #e5e7eb;--color-dark-muted: #94a3b8;--bg: var(--color-light-bg);--surface: var(--color-light-surface);--surface-2: #f1f5f9;--text: var(--color-light-text);--muted: var(--color-light-muted);--primary: var(--color-brand-primary);--primary-dark: #0e9f6e;--danger: var(--color-error);--border: var(--color-light-border);--shadow: 0 1px 3px rgba(15, 23, 42, .08);--form-label-size: .875rem;--form-label-weight: 600;--form-label-color: #334155;--form-helper-size: .75rem;--form-control-height: 40px;--form-control-padding-x: 12px;--form-control-radius: 8px;--form-control-font-size: .875rem;--form-control-bg: #f8fafc;--form-control-text: #111827;--form-control-border: #cbd5e1;--form-control-placeholder: #94a3b8;--form-control-disabled-bg: #e2e8f0;--form-control-disabled-text: #64748b;--form-focus-ring: 0 0 0 4px rgba(16, 183, 127, .18);--form-error: #ef4444;--form-error-bg: #fef2f2;--form-success: #10b77f;--form-success-bg: #ecfdf5;--form-check-border: #cbd5e1;--form-switch-off: #cbd5e1;--table-card-bg: #ffffff;--table-card-border: #dbe3ec;--table-header-bg: #f8fafc;--table-header-text: #64748b;--table-row-border: #e2e8f0;--table-cell-text: #0f172a;--table-cell-muted: #64748b;--table-row-hover: rgba(16, 183, 127, .06);--table-row-selected: rgba(16, 183, 127, .1);--table-row-selected-border: #10b77f;--table-pagination-bg: #f8fafc;--table-pagination-border: #e2e8f0;--table-action-hover: rgba(16, 183, 127, .12);--table-density-y: 12px;--table-density-x: 16px;--modal-overlay: rgba(16, 34, 28, .4);--modal-surface: #ffffff;--modal-surface-soft: #f8fafc;--modal-border: #e2e8f0;--modal-title: #0f172a;--modal-body: #475569;--modal-radius: 8px;--modal-shadow: 0 24px 50px rgba(15, 23, 42, .22);--modal-max-sm: 400px;--modal-max-md: 640px;--modal-max-lg: 960px;--layout-shell-max: 1600px;--layout-gutter: 20px;--layout-section-gap: 32px;--page-title-size: 1.5rem;--page-title-line: 1.25;--page-subtitle-size: .875rem;--page-subtitle-line: 1.45}:root.theme-dark{--bg: var(--color-dark-bg);--surface: var(--color-dark-surface);--surface-2: #0f172a;--text: var(--color-dark-text);--muted: var(--color-dark-muted);--border: var(--color-dark-border);--shadow: 0 1px 3px rgba(2, 6, 23, .5);--form-label-color: #cbd5e1;--form-control-bg: #111827;--form-control-text: #f8fafc;--form-control-border: #374151;--form-control-placeholder: #64748b;--form-control-disabled-bg: #1e293b;--form-control-disabled-text: #64748b;--form-focus-ring: 0 0 0 4px rgba(16, 183, 127, .12);--form-error-bg: rgba(127, 29, 29, .22);--form-success-bg: rgba(6, 78, 59, .22);--form-check-border: #475569;--form-switch-off: #475569;--table-card-bg: rgba(16, 34, 28, .52);--table-card-border: rgba(16, 183, 127, .16);--table-header-bg: rgba(16, 183, 127, .08);--table-header-text: #94a3b8;--table-row-border: rgba(16, 183, 127, .12);--table-cell-text: #e2e8f0;--table-cell-muted: #94a3b8;--table-row-hover: rgba(16, 183, 127, .08);--table-row-selected: rgba(16, 183, 127, .14);--table-row-selected-border: #10b77f;--table-pagination-bg: rgba(16, 183, 127, .06);--table-pagination-border: rgba(16, 183, 127, .16);--table-action-hover: rgba(16, 183, 127, .2);--modal-overlay: rgba(15, 23, 42, .8);--modal-surface: #1e293b;--modal-surface-soft: rgba(15, 23, 42, .58);--modal-border: #334155;--modal-title: #f8fafc;--modal-body: #cbd5e1;--modal-shadow: 0 24px 50px rgba(2, 6, 23, .55)}*{box-sizing:border-box}html,body,#app{margin:0;min-height:100%;font-family:var(--font-sans);color:var(--text);background:var(--bg)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative}.app-shell-modern.mega-menu-open .app-content-canvas>*{filter:blur(2px)}.modern-topbar{position:sticky;top:0;z-index:55;min-height:64px;padding:0;background:#ffffffdb;border-bottom:1px solid #dbe3ec;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:1rem}.modern-topbar-inner{width:100%;max-width:var(--layout-shell-max);margin:0 auto;min-height:64px;padding:10px var(--layout-gutter);display:flex;align-items:center;justify-content:space-between;gap:18px;position:relative}.topbar-left-cluster{display:flex;align-items:center;gap:48px;min-width:0}.app-brand{display:flex;align-items:center;gap:12px}.app-brand-icon{width:32px;height:32px;border-radius:8px;background:#10b77f;color:#fff;display:grid;place-items:center}.app-brand-text{font-size:1.25rem;font-weight:700;line-height:1;color:#0f172a;letter-spacing:-.025em}.app-brand-text span{color:#10b77f}.topbar-nav{display:flex;align-items:center;gap:5px}.topbar-nav-item{border:0;background:transparent;color:#334155;padding:9px 16px;border-radius:8px;font-size:.875rem;font-weight:500;display:inline-flex;align-items:center;gap:6px;cursor:pointer;transition:color .18s ease,background-color .18s ease}.topbar-nav-item:hover{color:#059669;background:#ecfdf5}.topbar-nav-item-current{color:#10b77f;font-weight:600;box-shadow:inset 0 -2px #10b77f;border-radius:0}.topbar-nav-item-fleet:hover{background:#ecfdf5;color:#059669}.topbar-nav-item-fleet.topbar-nav-item-current{background:transparent}.topbar-nav-item-open{background:#ecfdf5;color:#059669}.topbar-nav-item-open .chevron{transform:rotate(180deg)}.chevron{font-size:14px;line-height:1;width:auto;height:auto;transition:transform .2s ease}.fleet-mega-menu{position:absolute;top:calc(100% + 16px);left:50%;transform:translate(-50%);width:1040px;max-width:calc(100vw - 32px);background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;z-index:58;max-height:calc(100vh - 120px);overflow-y:auto}.dashboard-special-menu{position:absolute;top:calc(100% + 16px);left:0;width:640px;background:var(--surface);border:1px solid var(--border);border-radius:16px;box-shadow:0 25px 50px -12px #0f172a40;z-index:58;overflow:hidden;display:flex;flex-direction:column}.theme-dark .dashboard-special-menu{box-shadow:0 25px 50px -12px #00000080}.dashboard-special-header{padding:24px 32px;background:var(--surface-2);border-bottom:1px solid var(--border)}.dashboard-special-header h3{margin:0;font-size:1.125rem;font-weight:800;color:var(--text)}.dashboard-special-header p{margin:4px 0 0;font-size:.875rem;color:var(--muted)}.dashboard-special-grid{padding:32px;display:grid;grid-template-columns:1fr 1fr;gap:40px}.dashboard-group{display:flex;flex-direction:column;gap:12px}.dashboard-group-title{margin:0 0 8px;font-size:.75rem;font-weight:700;text-transform:uppercase;color:var(--muted);letter-spacing:.05em}.dashboard-special-card{display:flex;align-items:center;gap:16px;padding:12px;border-radius:12px;border:1px solid var(--border);background:var(--surface);text-decoration:none;transition:all .2s ease}.dashboard-special-card:hover{border-color:var(--primary);box-shadow:0 8px 24px #10b77f1a}.ds-icon-wrapper{width:44px;height:44px;border-radius:10px;display:grid;place-items:center;background:#10b77f1a;color:#10b77f;flex-shrink:0}.ds-dashboard{background:#3b82f61a;color:#3b82f6}.theme-dark .dashboard-special-card:hover{box-shadow:0 8px 24px #0000004d}.ds-notifications_active{background:#e11d481a;color:#e11d48}.ds-handyman{background:#f59e0b1a;color:#f59e0b}.ds-local_gas_station{background:#10b77f1a;color:#10b77f}.ds-account_balance{background:#a855f71a;color:#a855f7}.ds-details{flex:1;display:flex;flex-direction:column;gap:2px}.ds-details strong{font-size:.875rem;font-weight:700;color:var(--text)}.ds-details small{font-size:.75rem;color:var(--muted);line-height:1.2}.ds-arrow{color:var(--muted);font-size:1.25rem;transition:transform .2s ease,color .2s ease}.dashboard-special-card:hover .ds-arrow{transform:translate(4px);color:var(--primary)}.mega-column{display:grid;align-content:start;gap:24px}.mega-list{display:grid;gap:16px}.mega-column h4{margin:0;color:#10b77f;font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px}.mega-column h4 .material-symbols-outlined{font-size:14px;font-variation-settings:"FILL" 0,"wght" 500,"GRAD" 0,"opsz" 20}.mega-item{border:0;background:transparent;border-radius:8px;padding:8px;margin:-8px;display:flex;align-items:flex-start;gap:16px;text-align:left;cursor:pointer;color:inherit;transition:background-color .16s ease}.mega-item:hover{background:#f8fafc}.mega-icon{width:40px;height:40px;border-radius:8px;background:#10b77f1a;color:#10b77f;display:grid;place-items:center;flex-shrink:0}.mega-icon .material-symbols-outlined{font-size:24px;font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.mega-item span strong{display:block;font-size:.875rem;line-height:1.25;color:#1f2937;font-weight:600}.mega-item span small{display:block;margin-top:1px;font-size:.75rem;line-height:1.35;color:#64748b}.mega-item.router-link-active{background:#ecfdf5}.mega-item.router-link-active .mega-icon{background:#10b77f;color:#fff}.mega-item.router-link-active span strong{color:#059669}.topbar-right-cluster{display:flex;align-items:center;gap:16px}.topbar-utility-icons{display:flex;align-items:center;gap:8px;padding-right:18px;border-right:1px solid #dbe3ec}.topbar-icon-btn{width:34px;height:34px;border:0;border-radius:999px;background:transparent;color:#334155;display:grid;place-items:center;cursor:pointer;position:relative}.icon-plain span{font-size:22px;font-weight:400;font-variation-settings:"FILL" 0,"wght" 300,"GRAD" 0,"opsz" 24}.topbar-icon-btn:hover{color:#0f172a}.topbar-icon-btn.has-dot:after{content:"";position:absolute;width:6px;height:6px;border-radius:999px;background:#f43f5e;top:6px;right:7px}.topbar-profile{position:relative}.topbar-profile summary{list-style:none;cursor:pointer}.topbar-profile summary::-webkit-details-marker{display:none}.topbar-profile img{width:44px;height:44px;border-radius:999px;object-fit:cover;border:2px solid #f7e2d0}.topbar-profile summary{display:flex;align-items:center;gap:12px}.topbar-profile-meta{display:grid;text-align:right;line-height:1.25}.topbar-profile-meta strong{font-size:.875rem;color:#0f172a}.topbar-profile-meta small{font-size:.75rem;color:#64748b}.material-symbols-outlined{font-variation-settings:"FILL" 0,"wght" 400,"GRAD" 0,"opsz" 24}.app-brand-icon .material-symbols-outlined{font-size:20px;line-height:1;color:#fff;font-variation-settings:"FILL" 1,"wght" 500,"GRAD" 0,"opsz" 24}.profile-panel{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:10px;border:1px solid #dbe3ec;border-radius:12px;background:#fff;box-shadow:0 16px 34px #0f172a2e;display:grid;gap:2px;z-index:65}.profile-panel p{margin:0;font-size:.95rem;font-weight:700}.profile-panel small{color:#64748b;font-size:.78rem;margin-bottom:6px}.profile-menu-item{justify-content:flex-start;text-align:left}.breadcrumbs{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.breadcrumb-link{color:var(--muted);font-size:.85rem}.breadcrumb-link:last-child{color:var(--text);font-weight:600}.app-content{position:relative;z-index:1}.app-content-canvas{width:100%;max-width:var(--layout-shell-max);margin:0 auto;padding:24px var(--layout-gutter);min-height:calc(100vh - 164px)}.app-shell-footer{border-top:1px solid #dbe3ec;background:#ffffffdb;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app-shell-footer-inner{max-width:var(--layout-shell-max);margin:0 auto;padding:20px var(--layout-gutter);display:flex;align-items:center;justify-content:space-between;gap:12px}.app-shell-footer-left{display:flex;align-items:center;gap:14px;color:#64748b;font-size:.95rem}.app-shell-footer-left p{margin:0}.app-shell-footer-icon{width:30px;height:30px;border-radius:8px;background:#edf2f6;color:#94a3b8;display:grid;place-items:center}.app-shell-footer-icon svg{width:16px;height:16px}.app-shell-footer-links{display:flex;align-items:center;gap:32px}.app-shell-footer-links a{color:#64748b;font-weight:500;font-size:.95rem}.app-shell-footer-links a:hover{color:#10b77f}.shell-frosted-overlay{position:fixed;z-index:40;top:73px;left:0;right:0;bottom:0;background:#edf1f485;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.topbar-nav-skeleton,.topbar-right-skeleton{display:flex;align-items:center;gap:10px}.topbar-skeleton-chip,.topbar-skeleton-circle,.topbar-skeleton-profile{position:relative;overflow:hidden;background:#e2e8f0}.topbar-skeleton-chip:after,.topbar-skeleton-circle:after,.topbar-skeleton-profile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-100%);background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.75) 50%,transparent 100%);animation:topbar-shimmer 1.25s infinite}.topbar-skeleton-chip{height:34px;border-radius:8px}.topbar-skeleton-circle{width:34px;height:34px;border-radius:999px}.topbar-skeleton-profile{width:132px;height:44px;border-radius:999px}.w-84{width:84px}.w-90{width:90px}.w-96{width:96px}.w-112{width:112px}.app-shell-global-loading{min-height:calc(100vh - 164px);display:grid;place-items:center}.app-shell-global-spinner{width:48px;height:48px;border-radius:999px;border:4px solid rgba(16,183,127,.2);border-top-color:var(--primary);animation:app-shell-spin .8s linear infinite}@keyframes topbar-shimmer{to{transform:translate(100%)}}@keyframes app-shell-spin{to{transform:rotate(360deg)}}.theme-dark{color-scheme:dark}.theme-dark .modern-topbar{background:#0f172adb;border-bottom-color:#334155}.theme-dark .app-brand-text{color:#f8fafc}.theme-dark .topbar-nav-item{color:#cbd5e1}.theme-dark .topbar-nav-item:hover{color:#34d399;background:#1f2937}.theme-dark .topbar-nav-item-current{color:#34d399;box-shadow:inset 0 -2px #34d399}.theme-dark .topbar-nav-item-fleet:hover,.theme-dark .topbar-nav-item-open{background:#1f2937;color:#34d399}.theme-dark .fleet-mega-menu{background:#0f172a;border-color:#334155;box-shadow:0 25px 50px -12px #02061799}.theme-dark .mega-item:hover{background:#1e293b}.theme-dark .mega-item span strong{color:#f8fafc}.theme-dark .mega-item span small{color:#94a3b8}.theme-dark .mega-icon{background:#10b77f29;color:#34d399}.theme-dark .mega-item.router-link-active{background:#10b77f1f}.theme-dark .mega-item.router-link-active span strong{color:#34d399}.theme-dark .topbar-utility-icons{border-right-color:#334155}.theme-dark .topbar-icon-btn{color:#cbd5e1}.theme-dark .topbar-icon-btn:hover,.theme-dark .topbar-profile-meta strong{color:#f8fafc}.theme-dark .topbar-profile-meta small{color:#94a3b8}.theme-dark .profile-panel{background:#0f172a;border-color:#334155;box-shadow:0 16px 34px #02061773}.theme-dark .app-shell-footer{background:#0f172adb;border-top-color:#334155}.theme-dark .app-shell-footer-left,.theme-dark .app-shell-footer-links a{color:#94a3b8}.theme-dark .app-shell-footer-links a:hover{color:#34d399}.theme-dark .app-shell-footer-icon{background:#1e293b;color:#94a3b8}.theme-dark .shell-frosted-overlay{background:#0f172a85}.theme-dark .topbar-skeleton-chip,.theme-dark .topbar-skeleton-circle,.theme-dark .topbar-skeleton-profile{background:#334155}.theme-dark .topbar-skeleton-chip:after,.theme-dark .topbar-skeleton-circle:after,.theme-dark .topbar-skeleton-profile:after{background:linear-gradient(90deg,transparent 0%,rgba(148,163,184,.45) 50%,transparent 100%)}.theme-dark .app-shell-global-spinner{border-color:#34d39933;border-top-color:#34d399}.page{display:grid;gap:var(--layout-section-gap)}.page-header{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.page-header h1{margin:0;font-size:var(--page-title-size);line-height:var(--page-title-line);font-weight:800;letter-spacing:-.02em}.page-header p{margin:6px 0 0;color:var(--muted);font-size:var(--page-subtitle-size);line-height:var(--page-subtitle-line)}.page-header.with-badges{align-items:center}.page-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.page-title-bar h1{margin:0;font-size:var(--page-title-size);line-height:var(--page-title-line);font-weight:800;letter-spacing:-.02em}.page-title-bar p{margin:6px 0 0;color:var(--muted);font-size:var(--page-subtitle-size);line-height:var(--page-subtitle-line)}.page-title-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:8px;padding:8px 14px;min-height:36px;font-size:.875rem;font-weight:600;cursor:pointer;box-shadow:0 1px 2px #0f172a0a;transition:all .18s ease;vertical-align:middle}.btn:hover{transform:translateY(-1px);border-color:#cbd5e1}.btn:disabled,.btn.disabled,.btn[aria-disabled=true]{opacity:.55;cursor:not-allowed;pointer-events:none;transform:none}.btn:focus-visible{outline:2px solid rgba(16,183,127,.28);outline-offset:1px}.btn-primary{color:#fff;background:var(--primary);border-color:var(--primary)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-danger{color:#fff;background:var(--danger);border-color:var(--danger)}.btn-ghost{background:transparent}.btn-small,.btn-sm{min-height:28px;padding:4px 9px;font-size:.75rem;line-height:1.2}.w-full{width:100%}.field{display:grid;gap:6px}.field-label{font-size:var(--form-label-size);font-weight:var(--form-label-weight);letter-spacing:0;text-transform:none;color:var(--form-label-color);line-height:1.25}.field-input{width:100%;border:1px solid var(--form-control-border);border-radius:var(--form-control-radius);background:var(--form-control-bg);color:var(--form-control-text);min-height:var(--form-control-height);padding:0 var(--form-control-padding-x);font-size:var(--form-control-font-size);line-height:1.5;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease}.field-input:focus{outline:none;border-color:var(--primary);box-shadow:var(--form-focus-ring)}.field-input.invalid{border-color:var(--form-error);background:var(--form-error-bg)}.field-input.valid{border-color:var(--form-success);background:var(--form-success-bg)}.field-input::placeholder{color:var(--form-control-placeholder)}.field-input:disabled,.field-input[readonly]{background:var(--form-control-disabled-bg);color:var(--form-control-disabled-text);cursor:not-allowed}.field-error{color:var(--form-error);font-size:var(--form-helper-size);line-height:1.25;margin-top:-2px}select.field-input{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:40px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%238AA0BC' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center}:root.theme-dark select.field-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 20 20' fill='none'%3E%3Cpath d='M6 8L10 12L14 8' stroke='%2364748B' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}textarea.field-input{min-height:calc(var(--form-control-height) * 2);padding-top:9px;padding-bottom:9px}input[type=checkbox],input[type=radio]{width:20px;height:20px;accent-color:var(--primary);border:1px solid var(--form-check-border);margin-right:4px;vertical-align:middle}input[type=checkbox]{border-radius:4px}input[type=radio]{width:16px;height:16px}.picker-inline{display:flex;gap:10px}.picker-inline .field-input{flex:1}.switch-field{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px}.switch-field.compact{justify-content:flex-start;gap:8px}.switch-field span{font-size:.875rem;font-weight:500}.switch-field input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:44px;height:24px;border:0;border-radius:999px;background:var(--form-switch-off);position:relative;cursor:pointer;transition:background-color .18s ease}.switch-field input[type=checkbox]:after{content:"";position:absolute;top:4px;left:4px;width:16px;height:16px;border-radius:999px;background:#fff;box-shadow:0 1px 2px #0f172a3d;transition:transform .18s ease}.switch-field input[type=checkbox]:checked{background:var(--primary)}.switch-field input[type=checkbox]:checked:after{transform:translate(20px)}.switch-field input[type=checkbox]:focus-visible{outline:none;box-shadow:var(--form-focus-ring)}.form-grid{display:grid;gap:12px;grid-template-columns:repeat(var(--columns),minmax(0,1fr))}.section-card,.table-card,.summary-card,.search-panel,.detail-card,.login-card,.state-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow)}.section-card{padding:16px;display:grid;gap:14px}.section-card header h3{margin:0}.section-card header p{margin:4px 0 0;color:var(--muted);font-size:.9rem}.child-list-header{display:flex;justify-content:space-between;gap:12px;align-items:center;flex-wrap:wrap}.child-list-item{border:1px solid var(--border);border-radius:12px;padding:12px;background:#f8fafc;display:grid;gap:12px}.child-list-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.form-actions{display:flex;justify-content:flex-end;gap:10px}.state-card{padding:18px;display:grid;gap:8px}.state-card strong,.state-card p{margin:0}.state-card.error{border-color:#fecaca;background:#fef2f2}.form-actions.sticky{position:sticky;bottom:0;padding-top:10px;background:linear-gradient(180deg,#fff0,#fff 48%)}.theme-dark .form-actions.sticky{background:linear-gradient(180deg,#11182700,#111827 48%)}.inline-errors{margin:0;padding-left:18px;color:#b91c1c}.search-panel{padding:12px;display:grid;gap:10px}.search-panel-actions{display:flex;justify-content:flex-end;gap:10px}.table-card{border:1px solid var(--table-card-border);border-radius:12px;background:var(--table-card-bg);box-shadow:var(--shadow)}.data-table{width:100%;border-collapse:collapse;table-layout:auto}.data-table thead{background:var(--table-header-bg)}.data-table th,.data-table td{padding:var(--table-density-y) var(--table-density-x);border-bottom:1px solid var(--table-row-border);text-align:left;vertical-align:middle}.data-table th{font-size:.75rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--table-header-text);white-space:nowrap;line-height:1.2}.data-table td{color:var(--table-cell-text);font-size:.875rem;line-height:1.35}.data-table tbody tr:hover{background:var(--table-row-hover)}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr.selected-row,.data-table tbody tr[aria-selected=true]{background:var(--table-row-selected);box-shadow:inset 4px 0 0 var(--table-row-selected-border)}.data-table td small,.data-table td .meta{display:block;margin-top:2px;color:var(--table-cell-muted);font-size:.75rem;font-weight:400}.data-table td .primary,.data-table td strong{color:var(--table-cell-text);font-size:.875rem;font-weight:600}.data-table td .table-avatar{width:32px;height:32px;border-radius:999px;border:1px solid var(--table-row-border);object-fit:cover;flex-shrink:0}.data-table td .table-progress{width:96px;max-width:100%;height:6px;border-radius:999px;background:color-mix(in srgb,var(--table-row-border) 70%,transparent);overflow:hidden}.data-table td .table-progress>span{display:block;height:100%;border-radius:inherit;background:var(--primary)}.data-table td .icon-btn{width:30px;height:30px;border:1px solid transparent;border-radius:8px;display:inline-grid;place-items:center;color:var(--table-cell-muted);background:transparent;transition:color .16s ease,background-color .16s ease,border-color .16s ease;cursor:pointer}.data-table td .icon-btn:hover{color:var(--primary);background:var(--table-action-hover)}.data-table td .icon-btn.danger:hover{color:#ef4444;background:#ef44441f}.table-pagination{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:10px var(--table-density-x);background:var(--table-pagination-bg);border-top:1px solid var(--table-pagination-border);font-size:.875rem;color:var(--table-cell-muted)}.table-pagination strong{color:var(--table-cell-text);font-weight:600}.pagination-actions{display:flex;align-items:center;gap:8px}.table-pagination .btn{min-height:30px;padding:5px 10px;border-radius:8px;font-size:.8125rem;box-shadow:none}.table-pagination .btn:not(.btn-primary){background:var(--table-card-bg);border-color:var(--table-pagination-border)}.align-right,.text-right{text-align:right}.entity-link{color:var(--primary);font-weight:600}.status-chip{display:inline-flex;align-items:center;gap:6px;border-radius:999px;border:1px solid transparent;padding:4px 10px;font-size:.75rem;text-transform:none;letter-spacing:.01em;font-weight:700;line-height:1}.status-chip:before{content:"";width:6px;height:6px;border-radius:999px;background:currentColor;opacity:.95}.status-active,.status-in_transit,.status-approved,.status-completed,.status-success,.status-ok{background:#dcfce7;border-color:#bbf7d0;color:#15803d}.status-inactive,.status-cancelled,.status-blacklisted,.status-failed,.status-rejected,.status-error,.status-due{background:#fee2e2;border-color:#fecaca;color:#b91c1c}.status-pending,.status-maintenance,.status-warning{background:#fef3c7;border-color:#fde68a;color:#b45309}.status-loading,.status-in_progress,.status-processing{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8}.status-delayed,.status-expired{background:#ffe4e6;border-color:#fecdd3;color:#be123c}.status-archived,.status-draft,.status-on_hold{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.status-unknown{background:#e2e8f0;color:#334155}.theme-dark .status-active,.theme-dark .status-in_transit,.theme-dark .status-approved,.theme-dark .status-completed,.theme-dark .status-success,.theme-dark .status-ok{background:#10b77f33;border-color:#10b77f4d;color:#34d399}.theme-dark .status-pending,.theme-dark .status-maintenance,.theme-dark .status-warning{background:#fbbf2433;border-color:#fbbf244d;color:#fbbf24}.theme-dark .status-loading,.theme-dark .status-in_progress,.theme-dark .status-processing{background:#60a5fa33;border-color:#60a5fa52;color:#60a5fa}.theme-dark .status-inactive,.theme-dark .status-cancelled,.theme-dark .status-blacklisted,.theme-dark .status-failed,.theme-dark .status-rejected,.theme-dark .status-error,.theme-dark .status-due{background:#f43f5e33;border-color:#f43f5e4d;color:#fb7185}.theme-dark .status-delayed,.theme-dark .status-expired{background:#fb718533;border-color:#fb71854d;color:#fb7185}.theme-dark .status-archived,.theme-dark .status-draft,.theme-dark .status-on_hold,.theme-dark .status-unknown{background:#47556961;border-color:#94a3b840;color:#cbd5e1}.login-page{min-height:100vh;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:20px;gap:24px}.login-hero{color:#0f172a;max-width:500px;margin:0 auto}.login-hero h1{margin:0 0 12px;font-size:2.2rem}.login-card{margin:0 auto;width:100%;max-width:400px;padding:24px;display:grid;gap:12px}.login-card h2{margin:0}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.kpi-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.summary-card{padding:14px}.summary-card header{color:var(--muted);margin-bottom:8px}.summary-card strong{font-size:1.3rem}.summary-card-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.summary-card-success{background:#fff;border-left:3px solid #22c55e}.summary-card-warning{background:#fff;border-left:3px solid #f59e0b}.summary-card-danger{background:#fff;border-left:3px solid #e11d48}.muted-text{color:var(--muted)}.dashboard-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.alerts-page-grid{align-items:start}.alert-list{display:grid;gap:10px;margin:0;padding:0;list-style:none}.alert-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--border)}.alert-item:first-child{border-top:0;padding-top:0}.alert-item p{margin:4px 0 0;color:var(--muted);font-size:.86rem}.report-filter-bar{gap:16px}.report-filter-bar-fields{display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.report-filter-bar-actions{display:flex;justify-content:flex-end;gap:10px}.print-preview-frame{display:grid;gap:10px}.print-preview-toolbar{display:flex;justify-content:flex-end}.details-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tab-nav{display:flex;gap:8px;flex-wrap:wrap}.tab-button{border:1px solid var(--border);background:var(--surface);border-radius:999px;padding:8px 12px;cursor:pointer;font-size:.8rem;font-weight:600}.tab-button.active{background:var(--primary);color:#fff;border-color:var(--primary)}.detail-card{padding:14px}.detail-card h4{margin:0 0 6px;color:var(--muted)}.detail-card p{margin:0}.page-actions{display:flex;gap:10px}.replace-notice{margin:0;color:#92400e;font-size:.9rem}.print-page{max-width:740px;margin:24px auto;background:#fff;border:1px solid var(--border);padding:24px}.toast-stack{position:fixed;z-index:70;top:16px;right:16px;display:grid;gap:10px}.toast{min-width:260px;max-width:360px;padding:12px 16px;border-radius:10px;color:#fff;display:grid;grid-template-columns:auto 1fr auto;gap:12px;box-shadow:var(--shadow);align-items:start}.toast-icon{display:inline-flex;margin-top:2px}.toast-icon .material-symbols-outlined{font-size:22px}.toast-content{display:grid;gap:2px}.toast-content strong{font-size:.94rem}.toast-content p{margin:0;font-size:.84rem;opacity:.9}.toast button{background:transparent;border:0;color:inherit;cursor:pointer;display:inline-flex;padding:0;margin-top:2px}.toast button .material-symbols-outlined{font-size:18px;opacity:.8;transition:opacity .2s}.toast button:hover .material-symbols-outlined{opacity:1}.toast.success{background:var(--primary)}.toast.error{background:var(--danger)}.modal-backdrop,.right-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--modal-overlay);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:grid;align-items:start;justify-items:center;overflow-y:auto;padding:24px 0;z-index:60}.modal-card{max-width:min(var(--modal-max-sm),calc(100vw - 24px));width:calc(100% - 20px);max-height:calc(100vh - 48px);background:var(--modal-surface);border:1px solid var(--modal-border);border-radius:var(--modal-radius);box-shadow:var(--modal-shadow);overflow:hidden;color:var(--text);display:flex;flex-direction:column;margin:auto 0}.modal-card-large{max-width:min(var(--modal-max-lg),calc(100vw - 24px))}.modal-card-medium{max-width:min(var(--modal-max-md),calc(100vw - 24px))}.modal-header,.modal-card>.page-title-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 24px;border-bottom:1px solid var(--modal-border);background:color-mix(in srgb,var(--modal-surface-soft) 88%,transparent)}.modal-header h3,.modal-card>.page-title-bar h1{margin:0;color:var(--modal-title);font-size:1.125rem;font-weight:700;letter-spacing:-.01em}.modal-header p,.modal-card>.page-title-bar p{margin:4px 0 0;color:var(--table-cell-muted);font-size:.875rem;font-weight:400}.modal-body,.modal-card>.page,.modal-card>.modal-content-grid,.modal-card>.data-table{padding:24px;overflow-y:auto}.modal-body p{margin:0;color:var(--modal-body);font-size:.875rem;line-height:1.45}.modal-footer,.modal-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 24px;border-top:1px solid var(--modal-border);background:color-mix(in srgb,var(--modal-surface-soft) 88%,transparent)}.modal-card .modal-actions{margin-top:0}.modal-close-btn{border:0;background:transparent;color:var(--table-cell-muted);width:28px;height:28px;border-radius:8px;display:inline-grid;place-items:center;cursor:pointer}.modal-close-btn:hover{color:var(--modal-title);background:#94a3b829}.modal-card>.search-panel{padding:16px 24px 0;background:transparent}.modal-card>.table-card{margin:16px 24px 24px;border-radius:var(--modal-radius)}.modal-card-alert{max-width:min(var(--modal-max-sm),calc(100vw - 24px))}.modal-card-alert .modal-body{text-align:center;display:grid;justify-items:center;gap:12px}.modal-alert-icon{width:48px;height:48px;border-radius:999px;display:grid;place-items:center;background:#ef444429;color:#ef4444}.modal-card-alert .modal-body h3{margin:0;color:var(--modal-title);font-size:1.75rem;font-weight:700}.modal-card-alert .modal-footer{flex-direction:column;gap:8px}.modal-card-alert .modal-footer .btn{width:100%}.right-drawer-overlay{place-items:stretch end}.right-drawer{width:min(400px,100vw);background:var(--modal-surface);border-left:1px solid var(--modal-border);padding:16px;height:100vh;box-shadow:-4px 0 24px #0f172a40}.right-drawer header{display:flex;justify-content:space-between;align-items:center;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid var(--modal-border)}.right-drawer header h3{margin:0;color:var(--modal-title);font-size:1rem;font-weight:700}.line-items-footer,.workflow-bar-actions{display:flex;justify-content:flex-end;gap:10px;padding:12px}.workflow-bar{background:var(--surface);border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.print-preview{width:100%;min-height:72vh;border:1px solid var(--border);border-radius:12px;background:#fff}.placeholder-panel{border:1px dashed var(--border);border-radius:12px;padding:12px;color:var(--muted)}@media(max-width:1024px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dashboard-grid,.kpi-grid-3{grid-template-columns:1fr}.details-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.modal-backdrop,.right-drawer-overlay{padding:12px 0}.modern-topbar-inner{padding:10px 14px}.app-brand-text{font-size:1.45rem}.topbar-nav,.topbar-nav-skeleton,.topbar-profile-meta{display:none}.topbar-icon-btn{width:32px;height:32px}.topbar-profile img{width:40px;height:40px}.app-content-canvas{padding:14px}.app-shell-footer-inner{padding:14px;align-items:flex-start;flex-direction:column}.app-shell-footer-links{gap:18px;flex-wrap:wrap}.login-page,.form-grid,.kpi-grid,.details-grid{grid-template-columns:1fr}.modal-card{width:calc(100% - 16px);max-height:calc(100vh - 24px)}.modal-header,.modal-card>.page-title-bar,.modal-body,.modal-card>.page,.modal-footer,.modal-actions{padding-left:16px;padding-right:16px}.modal-card>.search-panel{padding-left:16px;padding-right:16px}.modal-card>.table-card{margin-left:16px;margin-right:16px;margin-bottom:16px}.modal-footer,.modal-actions{flex-wrap:wrap}}.purchase-split-layout{display:grid;grid-template-columns:1fr 380px;gap:var(--layout-section-gap);align-items:start}@media(max-width:1200px){.purchase-split-layout{grid-template-columns:1fr}}.summary-sidebar{position:sticky;top:88px;display:grid;gap:24px}.purchase-summary-card{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:24px;box-shadow:var(--shadow)}.purchase-summary-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem}.purchase-summary-row.total{margin-top:16px;padding-top:16px;border-top:1px solid var(--border);font-weight:700;font-size:1.125rem;color:var(--primary)}.purchase-summary-row.due{margin-top:12px;padding:12px;background:var(--form-error-bg);border-radius:8px;color:var(--color-error);font-weight:800}.purchase-summary-row span:first-child{color:var(--muted)}.purchase-summary-row.total span:first-child,.purchase-summary-row.due span:first-child{color:inherit}