@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@500;600&display=swap";.sonner-toast{font-family:Inter,sans-serif!important;border-radius:12px!important;box-shadow:0 10px 25px #0000001a!important;border:none!important;padding:16px!important;margin:8px!important;max-width:380px!important}.sonner-toast-success{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important}.sonner-toast-error{background:linear-gradient(135deg,#ef4444,#dc2626)!important;color:#fff!important}.sonner-toast-warning{background:linear-gradient(135deg,#f59e0b,#d97706)!important;color:#fff!important}.sonner-toast-info{background:linear-gradient(135deg,#06b6d4,#0891b2)!important;color:#fff!important}.sonner-toast-loading{background:linear-gradient(135deg,#64748b,#475569)!important;color:#fff!important}.toast-confirm-title{font-weight:600;font-size:14px;margin-bottom:4px}.toast-confirm-message{font-size:13px;opacity:.9;line-height:1.4}[data-sonner-toast] [data-button]{background:#fff3!important;color:#fff!important;border:none!important;padding:6px 12px!important;border-radius:8px!important;font-size:12px!important;font-weight:500!important;transition:all .2s!important}[data-sonner-toast] [data-button]:hover{background:#ffffff4d!important;transform:translateY(-1px)!important}[data-sonner-toast] [data-cancel]{background:#0000001a!important;color:#fff!important}[data-sonner-toast] [data-close-button]{background:#ffffff1a!important;color:#fff!important;border:none!important}[data-sonner-toast] [data-close-button]:hover{background:#fff3!important}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@keyframes slideOutRight{0%{transform:translate(0);opacity:1}to{transform:translate(100%);opacity:0}}[data-sonner-toast]{animation:slideInRight .3s ease-out!important}[data-sonner-toast][data-swiping=true]{animation:slideOutRight .3s ease-in forwards!important}.toast-help{padding:4px 0}.toast-help-title{font-weight:600;font-size:14px;margin-bottom:8px;color:#fff}.toast-help-content{font-size:12px;opacity:.9;line-height:1.4;color:#fff}.toast-help-content p{margin:4px 0}.toast-connection{padding:4px 0}.toast-connection-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#fff}.toast-connection-message{font-size:12px;opacity:.9;line-height:1.4;color:#fff}.toast-login-error{padding:4px 0}.toast-login-error-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#fff}.toast-login-error-content{font-size:12px;opacity:.9;line-height:1.4;color:#fff}.toast-confirm{padding:4px 0}.toast-confirm-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#fff}.toast-confirm-message{font-size:12px;opacity:.9;line-height:1.4;color:#fff}.toast-info{padding:4px 0}.toast-info-title{font-weight:600;font-size:14px;margin-bottom:4px;color:#fff}.toast-info-message{font-size:12px;opacity:.9;line-height:1.4;color:#fff}.text-center.py-5{padding:3rem 0}.text-center.py-5 .fa-3x{font-size:3rem;margin-bottom:1rem;opacity:.5}.sidebar{width:280px;height:100vh;background:var(--sidebar-bg, linear-gradient(135deg, #2563eb 0%, #0ea5e9 50%, #06b6d4 100%));color:#fff;display:flex;flex-direction:column;justify-content:space-between;box-shadow:4px 0 24px #0f172a26;position:fixed;left:-280px;top:0;z-index:1000;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden}.sidebar.show{left:0}.sidebar-header{padding:24px 20px;display:flex;align-items:center;gap:14px;background:#0f172a26;border-bottom:1px solid rgba(255,255,255,.15);flex-shrink:0}.logo-container{width:36px;height:36px;background:#ffffff2e;border:1px solid rgba(255,255,255,.3);border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #ffffff14;transition:all .3s ease}.logo-icon{color:#fff;filter:drop-shadow(0 2px 4px rgba(255,255,255,.2))}.sidebar-header h5{margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:800;color:#fff;letter-spacing:-.3px}.sidebar:hover .logo-container{transform:rotate(-5deg) scale(1.05);border-color:#ffffff80;box-shadow:0 4px 16px #ffffff40}.sidebar-nav{flex:1;padding:20px 14px;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:6px}.sidebar-nav-label{padding:8px 12px 14px;font-size:11px;font-weight:700;text-transform:uppercase;color:#ffffffb3;letter-spacing:1.5px}.nav-item-wrapper{display:flex;flex-direction:column;width:100%}.nav-item-container{position:relative;width:100%}.nav-item{display:flex;align-items:center;gap:12px;padding:11px 16px;color:#ffffffd9;text-decoration:none!important;transition:all .2s ease;border-radius:8px;font-weight:500;font-size:14px;cursor:pointer;white-space:nowrap;border-left:none!important}.nav-item:hover{background-color:#ffffff1f;color:#fff}.nav-item:hover .nav-icon-lucide{color:#fff;transform:scale(1.05)}.nav-item.active{background:#fff3;color:#fff;font-weight:600;border-left:4px solid #ffffff!important;border-top-left-radius:2px;border-bottom-left-radius:2px;box-shadow:inset 2px 0 8px #ffffff0d}.nav-item.active .nav-icon-lucide{color:#fff}.nav-icon-lucide{color:#ffffffd9;min-width:20px;transition:all .2s ease}.nav-text{flex:1;overflow:hidden;text-overflow:ellipsis;font-family:Inter,sans-serif}.submenu-icon{transition:transform .25s ease;color:#ffffffbf}.submenu-icon.expanded{transform:rotate(180deg);color:#fff}.submenu{background-color:#00000014;margin:4px 0 4px 22px;padding:0;border-left:1px solid rgba(255,255,255,.2);border-radius:0 0 8px 8px;max-height:0;overflow:hidden;transition:max-height .25s cubic-bezier(.4,0,.2,1)}.submenu.show{max-height:200px;padding:6px 0}.submenu-item{display:flex;align-items:center;gap:10px;padding:9px 16px 9px 24px;color:#fffc;text-decoration:none!important;transition:all .2s ease;font-weight:500;font-size:13px;cursor:pointer;white-space:nowrap;position:relative}.submenu-item:before{content:"";position:absolute;left:0;top:50%;width:12px;height:1px;background-color:#ffffff40}.submenu-item:hover{background-color:#ffffff14;color:#fff}.submenu-item:hover .sub-icon{color:#fff}.submenu-item.active{color:#fff;font-weight:600;background-color:#ffffff26}.submenu-item.active:before{background-color:#fff}.sub-icon{color:#fffc;opacity:.9;transition:color .2s ease}.sidebar-footer{padding:20px;background:#0f172a26;border-top:1px solid rgba(255,255,255,.15);flex-shrink:0;z-index:10}.footer-profile-wrapper{display:flex;align-items:center;gap:12px;width:100%}.avatar-wrapper{flex-shrink:0}.avatar-circle{width:40px;height:40px;border-radius:10px;background:#fff;color:#2563eb;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;box-shadow:0 4px 12px #0000000f;border:none;font-family:Inter,sans-serif}.profile-details{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:2px}.profile-name{margin:0;font-size:13.5px;font-weight:600;color:#fff;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2}.profile-role{margin:0;font-size:11px;font-weight:500;color:#ffffffbf;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.2}.logout-btn{background:transparent;border:none;color:#ffffffbf;width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0}.logout-btn:hover{background:#ffffff26;color:#fff}.sidebar-nav::-webkit-scrollbar{width:5px}.sidebar-nav::-webkit-scrollbar-track{background:transparent}.sidebar-nav::-webkit-scrollbar-thumb{background:#ffffff26;border-radius:10px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media(min-width:993px){.sidebar{position:fixed;left:-280px;width:280px}.sidebar.show{left:0}}@media(max-width:992px){.sidebar{position:fixed;width:280px;left:-280px;z-index:1100}.sidebar.show{left:0}}.nav-item,.submenu-item{animation:none!important}:root{--py-canvas: #f8fafc;--py-paper: #ffffff;--py-ink: #0f172a;--py-ink-light: #1e293b;--py-text-main: #0f172a;--py-text-mute: #64748b;--py-line: #e2e8f0;--py-primary: #2563eb;--py-primary-light: #eff6ff;--py-primary-hover: #1d4ed8;--py-accent: #06b6d4;--py-accent-light: #ecfeff;--py-amber: #d97706;--py-amber-light: #fefbeb;--py-amber-border: #fde68a;--py-green: #10b981;--py-green-light: #ecfdf5;--py-green-border: #a7f3d0;--py-red: #ef4444;--py-red-light: #fef2f2;--py-red-border: #fecaca;--py-indigo: #7c3aed;--py-indigo-light: #f5f3ff;--py-radius: 12px}.dashboard-v2{font-family:Inter,sans-serif;color:var(--py-text-main);background-color:var(--py-canvas);min-height:100vh;padding-bottom:50px}.dashboard-v2 *{box-sizing:border-box}.dashboard-v2__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:20px;padding:0 4px}@media(max-width:768px){.dashboard-v2__header{flex-direction:column;align-items:stretch}}.dashboard-v2__eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--py-primary);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.dashboard-v2__title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--py-text-main);margin:0 0 6px}.dashboard-v2__subtitle{font-size:14px;color:var(--py-text-mute);margin:0;max-width:680px;line-height:1.5}.refresh-btn-v2{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:10px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;background-color:var(--py-paper);border:1px solid var(--py-line);color:var(--py-ink-light);box-shadow:0 1px 2px #0000000d}.refresh-btn-v2:hover{background-color:#f8fafc;border-color:#cbd5e1;color:var(--py-primary);transform:translateY(-1px)}.refresh-btn-v2:disabled{opacity:.6;cursor:not-allowed;transform:none}.stats-grid-v2{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px;margin-bottom:30px}.stat-card-v2{position:relative;background:var(--py-paper);border:1px solid var(--py-line);border-radius:var(--py-radius);padding:20px 22px;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden}.stat-card-v2:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.stat-card-v2__tab{position:absolute;top:0;left:22px;width:40px;height:4px;border-radius:0 0 4px 4px}.stat-card-v2__top{display:flex;align-items:flex-start;justify-content:space-between}.stat-card-v2__info{display:flex;flex-direction:column}.stat-card-v2__label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--py-text-mute);margin-bottom:6px}.stat-card-v2__value{font-family:Space Grotesk,sans-serif;font-size:26px;font-weight:700;color:var(--py-ink);line-height:1.1}.stat-card-v2__value span{font-weight:700}.stat-card-v2__icon{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-v2__trend{display:flex;align-items:center;gap:5px;margin-top:12px;font-size:11.5px;font-weight:600;padding-top:8px;border-top:1px dashed var(--py-line);font-family:IBM Plex Mono,monospace}.stat-card-v2__trend.is-up{color:var(--py-green)}.stat-card-v2__trend.is-down{color:var(--py-red)}.charts-grid-v2{display:grid;grid-template-columns:2fr 1fr 1fr;gap:20px;margin-bottom:30px}@media(max-width:1200px){.charts-grid-v2{grid-template-columns:1fr 1fr}.chart-card-v2--wide{grid-column:span 2}}@media(max-width:768px){.charts-grid-v2{grid-template-columns:1fr}.chart-card-v2--wide{grid-column:span 1}}.chart-card-v2{background:var(--py-paper);border:1px solid var(--py-line);border-radius:var(--py-radius);padding:20px 22px;box-shadow:0 1px 3px #0000000a}.chart-card-v2 h3{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;margin:0 0 16px;color:var(--py-ink);letter-spacing:-.2px}.chart-card-v2__body{height:240px;position:relative;display:flex;align-items:center;justify-content:center}.manifest{background:var(--py-paper);border:1px solid var(--py-line);border-radius:var(--py-radius);box-shadow:0 1px 3px #0000000a;overflow:hidden;margin-bottom:30px}.manifest__header{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;padding:20px 24px;border-bottom:1px solid var(--py-line);background-color:var(--py-paper)}.manifest__title-group{display:flex;flex-direction:column}.manifest__title{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;margin:0 0 4px;display:flex;align-items:center;gap:8px;color:var(--py-ink)}.manifest__count{font-size:12px;color:var(--py-text-mute);font-weight:500}.manifest__filters{display:flex;align-items:center;gap:12px;flex-wrap:wrap}@media(max-width:640px){.manifest__header,.manifest__filters{flex-direction:column;align-items:stretch}}.filter-group{display:flex;flex-direction:column;gap:4px}.filter-group label{font-size:10px;font-weight:700;color:var(--py-text-mute);text-transform:uppercase;letter-spacing:.05em}.v2-select{border:1px solid #cbd5e1;border-radius:8px;padding:8px 12px;font-size:13px;font-family:inherit;background:var(--py-paper);color:var(--py-ink);min-width:130px;transition:border-color .15s ease;outline:none}.v2-select:focus{border-color:var(--py-primary);box-shadow:0 0 0 3px #2563eb1a}.v2-search{position:relative;display:flex;align-items:center;border:1px solid #cbd5e1;border-radius:8px;background:var(--py-paper);transition:border-color .15s ease,box-shadow .15s ease;padding:0 10px}.v2-search:focus-within{border-color:var(--py-primary);box-shadow:0 0 0 3px #2563eb1a}.v2-search__icon{color:var(--py-text-mute);margin-right:8px;flex-shrink:0}.v2-search input{border:none;outline:none;font-size:13px;font-family:inherit;padding:8px 0;width:180px;color:var(--py-ink);background:transparent}@media(max-width:640px){.v2-search input{width:100%}}.v2-search__clear{border:none;background:none;cursor:pointer;color:var(--py-text-mute);display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;margin-left:4px;transition:background .15s,color .15s}.v2-search__clear:hover{background-color:var(--py-red-light);color:var(--py-red)}.manifest__scroll{overflow-x:auto;width:100%}.manifest-table{width:100%;border-collapse:collapse;text-align:left}.manifest-table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;border-bottom:2px solid var(--py-line);white-space:nowrap}.manifest-table td{padding:14px 20px;font-size:13.5px;color:var(--py-ink);border-bottom:1px solid var(--py-line);vertical-align:middle;white-space:nowrap}.manifest-table tbody tr{transition:background-color .12s ease}.manifest-table tbody tr:hover{background-color:#f8fafc}.manifest-table tbody tr:last-child td{border-bottom:none}.mono-tag,.mono-cell{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600}.mono-tag{color:var(--py-primary);background-color:var(--py-primary-light);padding:3px 8px;border-radius:6px;border:1px solid #bfdbfe}.text-semibold{font-weight:600}.customer-cell{display:flex;align-items:center;gap:12px}.customer-cell__avatar{width:36px;height:36px;border-radius:50%;background:var(--py-primary-light);color:var(--py-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;border:1px solid #bfdbfe}.customer-cell__info{display:flex;flex-direction:column}.customer-cell__name{font-weight:600;font-size:13.5px;color:var(--py-ink)}.customer-cell__meta{font-size:11.5px;color:var(--py-text-mute);margin-top:1px}.route-cell{display:flex;align-items:center;gap:8px;min-width:140px;font-family:IBM Plex Mono,monospace}.route-cell__code{font-size:11px;font-weight:600;color:var(--py-ink)}.route-cell__line{display:flex;align-items:center;flex:1;min-width:48px}.route-cell__dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.route-cell__dot--origin{background:var(--py-primary);box-shadow:0 0 0 2px #2563eb33}.route-cell__dot--dest{background:var(--py-amber);box-shadow:0 0 0 2px #d9770633}.route-cell__dash{flex:1;border-top:1px dashed #94a3b8;opacity:.5;margin:0 2px}.route-cell__truck{color:var(--py-amber);animation:pulseTruck 2s infinite}@keyframes pulseTruck{0%{opacity:.7}50%{opacity:1}to{opacity:.7}}.amount-cell{display:flex;flex-direction:column;gap:2px}.amount-cell__paid{font-size:11px;color:var(--py-text-mute)}.payment-cell{display:flex;flex-direction:column;gap:4px;min-width:100px}.payment-cell__bar{width:100%;height:6px;border-radius:3px;background-color:#f1f5f9;border:1px solid var(--py-line);overflow:hidden}.payment-cell__bar span{display:block;height:100%;background:linear-gradient(90deg,#10b981,#059669);border-radius:3px}.payment-cell__pct{font-size:11px;color:var(--py-text-mute);font-family:IBM Plex Mono,monospace;font-weight:500}.status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:IBM Plex Mono,monospace}.status-pill--confirmed{background-color:var(--py-green-light);color:var(--py-green);border:1px solid var(--py-green-border)}.status-pill--in-progress{background-color:var(--py-amber-light);color:var(--py-amber);border:1px solid var(--py-amber-border)}.status-pill--pending{background-color:var(--py-primary-light);color:var(--py-primary);border:1px solid #bfdbfe}.status-pill--cancelled{background-color:var(--py-red-light);color:var(--py-red);border:1px solid var(--py-red-border)}.actions-cell{display:flex;justify-content:flex-end}.icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.icon-btn:hover:not(:disabled){background-color:var(--py-primary-light);border-color:#bfdbfe;color:var(--py-primary);transform:scale(1.05)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.empty-state__icon{color:var(--py-text-mute);opacity:.4;margin-bottom:12px}.empty-state h4{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:var(--py-ink);margin:0 0 6px}.empty-state p{font-size:13.5px;color:var(--py-text-mute);margin:0 0 16px;max-width:340px}.btn-clear-filters{font-family:Space Grotesk,sans-serif;font-size:12.5px;font-weight:600;padding:8px 16px;border-radius:8px;border:1px solid var(--py-primary);background-color:transparent;color:var(--py-primary);cursor:pointer;transition:all .15s ease}.btn-clear-filters:hover{background-color:var(--py-primary-light)}.manifest__footer{border-top:1px solid var(--py-line);padding:14px 24px;background-color:#f8fafc;display:flex;align-items:center;justify-content:space-between}@media(max-width:576px){.manifest__footer{flex-direction:column;gap:12px;align-items:center;text-align:center}}.pagination-info{font-size:12.5px;color:var(--py-text-mute);font-weight:500}.pagination-controls{display:flex;align-items:center;gap:10px}.pagination-controls__page{font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:var(--py-ink-light)}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 24px;text-align:center}.loading-spinner p{font-family:Space Grotesk,sans-serif;font-size:14px;font-weight:600;color:var(--py-text-mute);margin-top:12px}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.modal-box-v2{background-color:var(--py-paper);border:1px solid var(--py-line);border-radius:var(--py-radius);box-shadow:0 10px 30px -10px #00000026;width:100%;max-width:440px;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}.modal-box-v2__header{border-bottom:1px solid var(--py-line);padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.modal-box-v2__header h3{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:var(--py-ink);margin:0}.modal-close-v2{background:none;border:none;color:var(--py-text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .1s ease}.modal-close-v2:hover{background-color:#f1f5f9;color:var(--py-ink)}.modal-box-v2__route-container{background-color:#f8fafc;padding:12px 24px;border-bottom:1px dashed var(--py-line);display:flex;justify-content:center}.modal-box-v2__body{padding:20px 24px;display:flex;flex-direction:column;gap:12px}.modal-row-v2{display:flex;align-items:center;justify-content:space-between;font-size:13px;padding-bottom:8px;border-bottom:1px dashed #f1f5f9}.modal-row-v2:last-child{border-bottom:none}.modal-row-v2 span{color:var(--py-text-mute);font-weight:500}.modal-row-v2 strong{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:12.5px;color:var(--py-ink);text-align:right}.modal-row-v2--highlight{background-color:var(--py-primary-light);padding:8px 12px;border-radius:6px;border:1px solid #bfdbfe;margin:4px 0}.modal-row-v2--highlight span{color:var(--py-primary);font-weight:700}.modal-row-v2--highlight strong{color:var(--py-primary);font-weight:700;font-size:13.5px}.mono-badge{color:var(--py-primary);background-color:var(--py-primary-light);padding:2px 6px;border-radius:4px;border:1px solid #bfdbfe}.modal-box-v2__footer{border-top:1px solid var(--py-line);padding:14px 24px;display:flex;justify-content:flex-end;background-color:#f8fafc}.btn-modal-dismiss{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;background-color:var(--py-primary);color:#fff;border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #2563eb26}.btn-modal-dismiss:hover{background-color:var(--py-primary-hover);box-shadow:0 4px 12px #2563eb40}.sp-page{--sp-canvas: #f8fafc;--sp-paper: #ffffff;--sp-ink: #0f172a;--sp-ink-light: #1e293b;--sp-text-main: #0f172a;--sp-text-mute: #64748b;--sp-line: #e2e8f0;--sp-primary: #2563eb;--sp-primary-light: #eff6ff;--sp-primary-hover: #1d4ed8;--sp-accent: #06b6d4;--sp-accent-light: #ecfeff;--sp-amber: #d97706;--sp-amber-light: #fefbeb;--sp-amber-border: #fde68a;--sp-green: #10b981;--sp-green-light: #ecfdf5;--sp-green-border: #a7f3d0;--sp-red: #ef4444;--sp-red-light: #fef2f2;--sp-red-border: #fecaca;--sp-indigo: #7c3aed;--sp-indigo-light: #f5f3ff;--sp-radius: 12px;font-family:Inter,sans-serif;color:var(--sp-text-main);background-color:var(--sp-canvas);min-height:100vh;padding:10px 0 50px}.sp-page *{box-sizing:border-box}.sp-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:28px;gap:20px;padding:0 4px}@media(max-width:768px){.sp-header{flex-direction:column;align-items:stretch}}.sp-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--sp-primary);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.sp-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--sp-text-main);margin:0 0 6px}.sp-subtitle{font-size:14px;color:var(--sp-text-mute);margin:0;max-width:680px;line-height:1.5}.sp-actions{display:flex;gap:12px;align-items:center}@media(max-width:768px){.sp-actions{justify-content:flex-start}}.sp-btn{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:10px 18px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .15s ease;border:1px solid transparent;line-height:1.2}.sp-btn--solid{background:linear-gradient(135deg,var(--sp-primary) 0%,var(--sp-accent) 100%);color:#fff;border:none;box-shadow:0 4px 12px #2563eb2e}.sp-btn--solid:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40;opacity:.95}.sp-btn--solid:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.sp-btn--ghost{background-color:var(--sp-paper);border-color:var(--sp-line);color:var(--sp-ink-light);box-shadow:0 1px 2px #0000000d}.sp-btn--ghost:hover{background-color:#f8fafc;border-color:#cbd5e1;color:var(--sp-primary);transform:translateY(-1px)}.sp-spin{animation:spin 1s linear infinite}.sp-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:30px}@media(max-width:1024px){.sp-stats-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:576px){.sp-stats-grid{grid-template-columns:1fr;gap:12px}}.sp-stat-card{position:relative;background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:var(--sp-radius);padding:20px 22px;display:flex;align-items:center;justify-content:space-between;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease;overflow:hidden}.sp-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.sp-stat-card__tab{position:absolute;top:0;left:22px;width:40px;height:4px;border-radius:0 0 4px 4px}.sp-stat-card__info{display:flex;flex-direction:column}.sp-stat-card__label{font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--sp-text-mute);margin-bottom:6px}.sp-stat-card__value{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;color:var(--sp-ink);line-height:1.1}.sp-stat-card__icon{width:46px;height:46px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.sp-pulse{position:relative}.sp-pulse:after{content:"";position:absolute;width:8px;height:8px;background-color:var(--sp-green);border-radius:50%;top:2px;right:2px;border:1.5px solid #ffffff;box-shadow:0 0 0 2px #10b98166;animation:spPulseAnim 2s infinite}@keyframes spPulseAnim{0%{box-shadow:0 0 #10b98180}70%{box-shadow:0 0 0 6px #10b98100}to{box-shadow:0 0 #10b98100}}.sp-card-frame{background:var(--sp-paper);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:0 1px 3px #0000000a;overflow:hidden;margin-bottom:30px}.sp-control-strip{padding:18px 24px;border-bottom:1px solid var(--sp-line);display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:var(--sp-paper)}@media(max-width:640px){.sp-control-strip{flex-direction:column;align-items:stretch;padding:16px}}.sp-search-box{position:relative;max-width:360px;width:100%}.sp-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--sp-text-mute);pointer-events:none}.sp-search-input{width:100%;padding:9px 36px 9px 38px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--sp-ink);background:var(--sp-paper);transition:all .15s ease}.sp-search-input:focus{border-color:var(--sp-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.sp-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:4px;color:var(--sp-text-mute);cursor:pointer;display:flex;align-items:center;border-radius:4px;transition:all .1s ease}.sp-search-clear:hover{background-color:var(--sp-red-light);color:var(--sp-red)}.sp-results-indicator{font-size:12.5px;color:var(--sp-text-mute);font-weight:500}.sp-table-container{width:100%;overflow-x:auto}.sp-table{width:100%;border-collapse:collapse;text-align:left}.sp-table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;padding:14px 20px;border-bottom:2px solid var(--sp-line);white-space:nowrap}.sp-table td{padding:14px 20px;font-size:13.5px;color:var(--sp-ink);border-bottom:1px solid var(--sp-line);vertical-align:middle;white-space:nowrap}.sp-table tbody tr{transition:background-color .12s ease}.sp-table tbody tr:hover{background-color:#f8fafc}.sp-table tbody tr:last-child td{border-bottom:none}.sp-member-cell{display:flex;align-items:center;gap:12px}.sp-member-avatar{width:38px;height:38px;border-radius:50%;background-color:var(--sp-primary-light);color:var(--sp-primary);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0;border:1px solid #bfdbfe;transition:transform .15s ease}tr:hover .sp-member-avatar{transform:scale(1.05)}.sp-member-info{display:flex;flex-direction:column}.sp-member-name{font-weight:600;font-size:13.5px;color:var(--sp-ink)}.sp-member-role{font-size:11.5px;color:var(--sp-text-mute);margin-top:1px}.sp-id-tag{font-family:IBM Plex Mono,monospace;font-size:11.5px;font-weight:600;color:var(--sp-text-mute);background-color:#f1f5f9;padding:3px 8px;border-radius:6px;border:1px solid var(--sp-line)}.sp-contact-link{display:inline-flex;align-items:center;gap:6px;color:var(--sp-ink-light);text-decoration:none;font-size:13px;font-family:IBM Plex Mono,monospace;font-weight:500;transition:color .1s ease}.sp-contact-link:hover{color:var(--sp-primary)}.sp-contact-link svg{color:var(--sp-text-mute);flex-shrink:0}.sp-status-pill{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;font-family:IBM Plex Mono,monospace}.sp-status-pill.active{background-color:var(--sp-green-light);color:var(--sp-green);border:1px solid var(--sp-green-border)}.sp-status-pill.inactive{background-color:var(--sp-red-light);color:var(--sp-red);border:1px solid var(--sp-red-border)}.sp-row-actions{display:flex;justify-content:flex-end;gap:8px}.sp-icon-btn{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.sp-icon-btn:hover{background-color:var(--sp-primary-light);border-color:#bfdbfe;color:var(--sp-primary);transform:translateY(-1px)}.sp-icon-btn.danger:hover{background-color:var(--sp-red-light);border-color:var(--sp-red-border);color:var(--sp-red)}.sp-icon-btn.success:hover{background-color:var(--sp-green-light);border-color:var(--sp-green-border);color:var(--sp-green)}.sp-icon-btn.warning:hover{background-color:var(--sp-amber-light);border-color:var(--sp-amber-border);color:var(--sp-amber)}.sp-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:70px 24px;text-align:center}.sp-empty-state__icon{color:var(--sp-text-mute);opacity:.45;margin-bottom:14px;animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.sp-empty-state h4{font-family:Space Grotesk,sans-serif;font-size:17px;font-weight:700;color:var(--sp-ink);margin:0 0 6px}.sp-empty-state p{font-size:13.5px;color:var(--sp-text-mute);margin:0 0 16px;max-width:340px}.sp-dialog-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px}.sp-dialog-box{background-color:var(--sp-paper);border:1px solid var(--sp-line);border-radius:var(--sp-radius);box-shadow:0 12px 36px -10px #0000002e;width:100%;max-width:520px;overflow:hidden;animation:spModalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes spModalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.sp-dialog-header{border-bottom:1px solid var(--sp-line);padding:20px 24px;display:flex;justify-content:space-between;align-items:center}.sp-dialog-title-group{display:flex;flex-direction:column}.sp-dialog-eyebrow{font-family:IBM Plex Mono,monospace;font-size:10.5px;font-weight:700;letter-spacing:.1em;color:var(--sp-primary);text-transform:uppercase}.sp-dialog-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:var(--sp-ink);margin:4px 0 0}.sp-dialog-close{background:none;border:none;color:var(--sp-text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;border-radius:6px;transition:all .15s ease}.sp-dialog-close:hover{background-color:var(--sp-red-light);color:var(--sp-red)}.sp-dialog-body{padding:24px}.sp-form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}@media(max-width:520px){.sp-form-grid{grid-template-columns:1fr;gap:14px}}.sp-form-span-2{grid-column:span 2}@media(max-width:520px){.sp-form-span-2{grid-column:span 1}}.sp-input-group{display:flex;flex-direction:column;gap:6px}.sp-input-group label{font-size:11px;font-weight:700;color:var(--sp-text-mute);text-transform:uppercase;letter-spacing:.05em}.sp-input-wrapper{position:relative;display:flex;align-items:center}.sp-input-icon{position:absolute;left:12px;color:var(--sp-text-mute);pointer-events:none}.sp-input{width:100%;padding:10px 12px 10px 38px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--sp-ink);background:var(--sp-paper);transition:all .15s ease}.sp-input:focus{border-color:var(--sp-primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.sp-input::placeholder{color:#94a3b8}.sp-dialog-footer{border-top:1px solid var(--sp-line);padding:16px 24px;display:flex;justify-content:flex-end;gap:12px;background-color:#f8fafc}#tickets{--ink: #0f172a;--text-main: #0f172a;--text-mute: #64748b;--paper-dim: #f8fafc;--paper: #ffffff;--line: #cbd5e1;--primary: #2563eb;--primary-light: #eff6ff;--accent: #06b6d4;--accent-light: #ecfeff;--amber: #d97706;--amber-light: #fefbeb;--amber-border: #fde68a;--green: #10b981;--green-light: #ecfdf5;--green-border: #a7f3d0;--red: #ef4444;--red-light: #fef2f2;--red-border: #fecaca;--blue: #2563eb;--blue-light: #eff6ff;--blue-border: #bfdbfe;font-family:Inter,sans-serif;color:var(--ink);background-color:var(--paper-dim);padding:10px 0 40px;min-height:100vh}#tickets *{box-sizing:border-box}.tickets-header{margin-bottom:24px}.tickets-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.tickets-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin:0 0 4px}.tickets-subtitle{font-size:14px;color:var(--text-mute);margin:0}.tickets-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media(max-width:1024px){.tickets-metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:576px){.tickets-metrics-grid{grid-template-columns:1fr;gap:12px}}.tickets-metric-card{background:var(--paper);border:1px solid #e2e8f0;border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.tickets-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:var(--line)}.tickets-metric-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.tickets-metric-info{display:flex;flex-direction:column}.tickets-metric-label{font-size:11.5px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em}.tickets-metric-val{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--ink);margin-top:1px}.tickets-card-frame{background:var(--paper);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden}.tickets-control-strip{border-bottom:1px solid #e2e8f0;padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:var(--paper)}@media(max-width:640px){.tickets-control-strip{flex-direction:column;align-items:stretch;padding:16px}}.tickets-search-box{position:relative;max-width:360px;width:100%}.tickets-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-mute);pointer-events:none}.tickets-search-input{width:100%;padding:9px 36px 9px 38px;border:1.5px solid var(--line);border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--paper);transition:all .15s ease;box-sizing:border-box}.tickets-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f;outline:none}.tickets-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;color:var(--text-mute);cursor:pointer;display:flex;align-items:center}.tickets-search-clear:hover{color:var(--red)}.tickets-actions-group{display:flex;align-items:center;gap:12px}@media(max-width:640px){.tickets-actions-group{justify-content:space-between}}.tickets-table-container{width:100%;overflow-x:auto}.tickets-table{width:100%;border-collapse:collapse;text-align:left}.tickets-table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:14px 20px;border-bottom:2px solid #e2e8f0;font-family:Inter,sans-serif}.tickets-table td{padding:14px 20px;font-size:13.5px;color:var(--ink);border-bottom:1px solid #e2e8f0;vertical-align:middle}.tickets-table tbody tr{transition:background-color .12s ease}.tickets-table tbody tr:hover{background-color:#f8fafc}.tickets-table tbody tr:last-child td{border-bottom:none}.tickets-badge{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-family:IBM Plex Mono,monospace}.tickets-badge.badge-open{background-color:var(--blue-light);color:var(--blue);border:1px solid var(--blue-border)}.tickets-badge.badge-progress{background-color:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.tickets-badge.badge-cancelled{background-color:var(--red-light);color:var(--red);border:1px solid var(--red-border)}.tickets-badge.badge-closed{background-color:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.ticket-code{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--ink)}.booking-code{font-family:IBM Plex Mono,monospace;font-weight:600;color:var(--primary);background-color:var(--primary-light);padding:2px 6px;border-radius:4px;font-size:12px}.route-text{font-weight:500;color:#334155;display:flex;align-items:center;gap:6px}.route-arrow{color:#94a3b8}.btn-formal{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;border:1px solid transparent}.btn-formal-gradient{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border:none;box-shadow:0 4px 12px #2563eb2e}.btn-formal-gradient:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40;opacity:.95}.btn-formal-gradient:active{transform:translateY(0)}.btn-formal-outline{background:#fff;border-color:#cbd5e1;color:#475569}.btn-formal-outline:hover{background-color:#f8fafc;border-color:#94a3b8;color:var(--ink)}.btn-action-round{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.btn-action-round:hover{background-color:var(--primary-light);border-color:#bfdbfe;color:var(--primary)}.btn-action-round.success:hover{background-color:var(--green-light);border-color:var(--green-border);color:var(--green)}.btn-action-round.danger:hover{background-color:var(--red-light);border-color:var(--red-border);color:var(--red)}.action-buttons-wrap{display:flex;justify-content:flex-end;gap:6px}.tickets-pagination-bar{border-top:1px solid #e2e8f0;padding:14px 24px;background-color:#f8fafc;display:flex;align-items:center;justify-content:flex-end}.tickets-pager{display:flex;list-style:none;padding:0;margin:0;gap:6px;align-items:center}.tickets-pager-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.tickets-pager-btn:hover:not(.disabled){background-color:#f1f5f9;color:var(--ink);border-color:#94a3b8}.tickets-pager-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.tickets-pager-btn.disabled{color:#94a3b8;background-color:#f8fafc;border-color:#e2e8f0;cursor:not-allowed}.tickets-footer-bar{background-color:var(--paper);border-top:1px solid #e2e8f0;padding:16px 24px;display:flex;justify-content:space-between;align-items:center}@media(max-width:640px){.tickets-footer-bar{flex-direction:column;gap:12px;align-items:stretch}}.modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}.modal-card{background-color:var(--paper);border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 10px 30px -10px #00000026;width:100%;max-width:500px;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}.modal-card-header{border-bottom:1px solid #e2e8f0;padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.modal-card-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:var(--ink);margin:0}.btn-close-modal{background:none;border:none;color:var(--text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .1s ease}.btn-close-modal:hover{background-color:#f1f5f9;color:var(--ink)}.modal-card-body{padding:24px}.modal-detail-row{display:flex;border-bottom:1px solid #f1f5f9;padding:10px 0;font-size:13.5px}.modal-detail-row:last-child{border-bottom:none}.modal-detail-label{flex:0 0 42%;font-weight:600;color:var(--text-mute)}.modal-detail-value{flex:1;color:var(--ink)}.ticket-process-timeline{display:flex;justify-content:space-between;margin-top:24px;padding:16px 8px;background-color:#f8fafc;border-radius:8px;border:1px solid #e2e8f0}.timeline-step{display:flex;flex-direction:column;align-items:center;position:relative;flex:1}.timeline-step:not(:last-child):after{content:"";position:absolute;top:10px;left:50%;width:100%;height:2px;background-color:#e2e8f0;z-index:1}.timeline-step.active:not(:last-child):after{background:linear-gradient(90deg,var(--primary) 0%,#cbd5e1 100%)}.timeline-step.completed:not(:last-child):after{background-color:var(--primary)}.timeline-node{width:22px;height:22px;border-radius:99px;border:2px solid #cbd5e1;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:2;font-size:9px;font-weight:700;color:#64748b;font-family:IBM Plex Mono,monospace;transition:all .2s ease}.timeline-step.active .timeline-node{border-color:var(--primary);color:var(--primary);background-color:var(--primary-light);box-shadow:0 0 0 3px #2563eb1f}.timeline-step.completed .timeline-node{border-color:var(--primary);background-color:var(--primary);color:#fff}.timeline-step.cancelled .timeline-node{border-color:var(--red);background-color:var(--red);color:#fff}.timeline-label{font-size:10.5px;font-weight:600;color:var(--text-mute);margin-top:6px;text-align:center}.timeline-step.active .timeline-label{color:var(--primary);font-weight:700}.timeline-step.completed .timeline-label{color:var(--text-main)}.timeline-step.cancelled .timeline-label{color:var(--red)}.modal-card-footer{border-top:1px solid #e2e8f0;padding:14px 24px;display:flex;justify-content:flex-end;background-color:#f8fafc}.vm-page{--ink: #0f172a;--text-main: #0f172a;--text-mute: #64748b;--paper-dim: #f8fafc;--paper: #ffffff;--line: #e2e8f0;--primary: #2563eb;--primary-light: #eff6ff;--primary-hover: #1d4ed8;--accent: #06b6d4;--accent-light: #ecfeff;--amber: #d97706;--amber-light: #fefbeb;--amber-border: #fde68a;--green: #10b981;--green-light: #ecfdf5;--green-border: #a7f3d0;--red: #ef4444;--red-light: #fef2f2;--red-border: #fecaca;--indigo: #7c3aed;--indigo-light: #f5f3ff;font-family:Inter,sans-serif;color:var(--ink);background-color:var(--paper-dim);padding:10px 0 40px;min-height:100vh}.vm-page *{box-sizing:border-box}.vm-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:24px;gap:16px}@media(max-width:768px){.vm-header{flex-direction:column;align-items:stretch}}.vm-eyebrow{font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:600;letter-spacing:.12em;color:var(--primary);text-transform:uppercase;margin-bottom:6px;display:flex;align-items:center;gap:6px}.vm-title{font-family:Space Grotesk,sans-serif;font-size:28px;font-weight:700;letter-spacing:-.5px;color:var(--ink);margin:0 0 4px}.vm-subtitle{font-size:14px;color:var(--text-mute);margin:0}.vm-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}@media(max-width:1024px){.vm-metrics-grid{grid-template-columns:repeat(2,1fr);gap:16px}}@media(max-width:576px){.vm-metrics-grid{grid-template-columns:1fr;gap:12px}}.vm-metric-card{background:var(--paper);border:1px solid var(--line);border-radius:12px;padding:18px 20px;display:flex;align-items:center;gap:16px;box-shadow:0 1px 3px #0000000a;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease}.vm-metric-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000f;border-color:#cbd5e1}.vm-metric-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.vm-metric-info{display:flex;flex-direction:column}.vm-metric-label{font-size:11.5px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.04em}.vm-metric-val{font-family:Space Grotesk,sans-serif;font-size:24px;font-weight:700;color:var(--ink);margin-top:1px}.vm-actions{display:flex;gap:10px;align-items:center}@media(max-width:768px){.vm-actions{justify-content:flex-start;margin-top:8px}}.vm-btn{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;border:1px solid transparent;line-height:1.2}.vm-btn--solid{background:linear-gradient(135deg,var(--primary) 0%,var(--accent) 100%);color:#fff;border:none;box-shadow:0 4px 12px #2563eb2e}.vm-btn--solid:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb40;opacity:.95}.vm-btn--ghost{background:var(--paper);border-color:#cbd5e1;color:#475569}.vm-btn--ghost:hover{background-color:#f8fafc;border-color:#94a3b8;color:var(--ink)}.vm-spin{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.vm-card-frame{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 1px 4px #0000000a;overflow:hidden;margin-bottom:30px}.vm-control-strip{border-bottom:1px solid var(--line);padding:18px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;background-color:var(--paper)}@media(max-width:640px){.vm-control-strip{flex-direction:column;align-items:stretch;padding:16px}}.vm-search-box{position:relative;max-width:360px;width:100%}.vm-search-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-mute);pointer-events:none}.vm-search-input{width:100%;padding:9px 36px 9px 38px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--ink);background:var(--paper);transition:all .15s ease;box-sizing:border-box}.vm-search-input:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1f;outline:none}.vm-search-clear{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;padding:0;color:var(--text-mute);cursor:pointer;display:flex;align-items:center}.vm-search-clear:hover{color:var(--red)}.vm-btn-toggle-add{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;cursor:pointer;display:inline-flex;align-items:center;gap:6px;transition:all .15s ease;border:1px dashed var(--primary);background-color:var(--primary-light);color:var(--primary)}.vm-btn-toggle-add:hover{background-color:#dbeafe;border-style:solid}.vm-btn-toggle-add.active{background-color:var(--red-light);border-color:var(--red-border);color:var(--red)}.vm-registration-panel{background-color:#f8fafc;border-bottom:1px solid var(--line);padding:24px;animation:slideDown .25s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.vm-registration-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.vm-registration-header h4{font-family:Space Grotesk,sans-serif;font-size:15px;font-weight:700;color:var(--ink);margin:0}.vm-form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px}.vm-field{display:flex;flex-direction:column;gap:6px}.vm-field label{font-size:11px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em}.vm-field input,.vm-modal-select{width:100%;padding:9px 12px;border:1.5px solid #cbd5e1;border-radius:8px;font-size:13.5px;font-family:inherit;color:var(--ink);background-color:var(--paper);transition:all .15s ease}.vm-field input:focus,.vm-modal-select:focus{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a;outline:none}.vm-registration-footer{display:flex;justify-content:flex-end;gap:12px;margin-top:20px;padding-top:16px;border-top:1px dashed #e2e8f0}.vm-btn-action-cancel{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;border-radius:8px;background-color:transparent;border:1px solid #cbd5e1;color:#475569;cursor:pointer;transition:all .15s ease}.vm-btn-action-cancel:hover{background-color:#f1f5f9;color:var(--ink)}.vm-btn-action-submit{font-family:Space Grotesk,sans-serif;font-size:13px;font-weight:600;padding:8px 18px;border-radius:8px;background-color:var(--primary);color:#fff;border:none;cursor:pointer;transition:all .15s ease;box-shadow:0 2px 8px #2563eb26}.vm-btn-action-submit:hover{background-color:var(--primary-hover);box-shadow:0 4px 12px #2563eb40}.vm-table-container{width:100%;overflow-x:auto}.vm-table{width:100%;border-collapse:collapse;text-align:left}.vm-table th{background-color:#f8fafc;color:#475569;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.06em;padding:14px 20px;border-bottom:2px solid var(--line)}.vm-table td{padding:14px 20px;font-size:13.5px;color:var(--ink);border-bottom:1px solid var(--line);vertical-align:middle}.vm-table tbody tr{transition:background-color .12s ease}.vm-table tbody tr:hover{background-color:#f8fafc}.vm-table tbody tr:last-child td{border-bottom:none}.vm-vehicle-cell{display:flex;align-items:center;gap:12px}.vm-vehicle-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background-color:var(--primary-light);color:var(--primary);flex-shrink:0}.vm-vehicle-meta{display:flex;flex-direction:column}.vm-vehicle-number{font-family:IBM Plex Mono,monospace;font-weight:600;font-size:14px;color:var(--ink)}.vm-vehicle-type{font-size:12px;color:var(--text-mute);margin-top:1px}.vm-driver-info{display:flex;flex-direction:column}.vm-driver-name{font-weight:500;color:#334155}.vm-driver-phone-link{display:flex;align-items:center;gap:4px;font-size:11.5px;color:var(--text-mute);text-decoration:none;margin-top:2px;width:fit-content;transition:color .1s ease}.vm-driver-phone-link:hover{color:var(--primary)}.vm-capacity-badge{display:inline-flex;align-items:center;font-family:IBM Plex Mono,monospace;font-size:12px;font-weight:600;color:#475569;background-color:#f1f5f9;padding:3px 8px;border-radius:6px}.vm-status-pill{display:inline-flex;align-items:center;padding:3px 10px;border-radius:12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;font-family:IBM Plex Mono,monospace}.vm-status-pill.available{background-color:var(--green-light);color:var(--green);border:1px solid var(--green-border)}.vm-status-pill.busy{background-color:var(--amber-light);color:var(--amber);border:1px solid var(--amber-border)}.vm-btn-icon-round{width:32px;height:32px;border-radius:8px;border:1px solid #cbd5e1;background-color:#fff;color:#475569;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all .15s ease;padding:0}.vm-btn-icon-round:hover{background-color:var(--primary-light);border-color:#bfdbfe;color:var(--primary)}.vm-btn-icon-round.danger:hover{background-color:var(--red-light);border-color:var(--red-border);color:var(--red)}.vm-row-actions{display:flex;justify-content:flex-end;gap:6px}.vm-pagination-bar{border-top:1px solid var(--line);padding:14px 24px;background-color:#f8fafc;display:flex;align-items:center;justify-content:space-between}@media(max-width:576px){.vm-pagination-bar{flex-direction:column;gap:12px;align-items:center;text-align:center}}.vm-pagination-info{font-size:12.5px;color:var(--text-mute);font-weight:500}.vm-pager{display:flex;list-style:none;padding:0;margin:0;gap:6px;align-items:center}.vm-pager-btn{background:#fff;border:1px solid #cbd5e1;border-radius:6px;color:#475569;font-family:inherit;font-size:12.5px;font-weight:600;padding:6px 12px;cursor:pointer;transition:all .15s ease;display:flex;align-items:center;justify-content:center}.vm-pager-btn:hover:not(.disabled){background-color:#f1f5f9;color:var(--ink);border-color:#94a3b8}.vm-pager-btn.active{background-color:var(--primary);border-color:var(--primary);color:#fff}.vm-pager-btn.disabled{color:#94a3b8;background-color:#f8fafc;border-color:var(--line);cursor:not-allowed}.vm-state-row{display:flex;align-items:center;gap:10px;padding:48px 24px;justify-content:center;color:var(--text-mute);font-size:14px}.vm-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 24px;text-align:center}.vm-empty-state h4{font-family:Space Grotesk,sans-serif;font-size:16px;font-weight:700;color:var(--ink);margin:0 0 4px}.vm-empty-state p{font-size:13.5px;color:var(--text-mute);margin:0;max-width:320px}.vm-modal-overlay{position:fixed;inset:0;background-color:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1100;display:flex;align-items:center;justify-content:center;padding:16px}.vm-modal-card{background-color:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px -10px #00000026;width:100%;max-width:500px;overflow:hidden;animation:modalSlideUp .25s cubic-bezier(.16,1,.3,1) forwards}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.vm-modal-header{border-bottom:1px solid var(--line);padding:18px 24px;display:flex;justify-content:space-between;align-items:center}.vm-modal-title{font-family:Space Grotesk,sans-serif;font-size:18px;font-weight:700;color:var(--ink);margin:0}.vm-btn-modal-close{background:none;border:none;color:var(--text-mute);cursor:pointer;display:flex;align-items:center;justify-content:center;padding:4px;border-radius:4px;transition:all .1s ease}.vm-btn-modal-close:hover{background-color:#f1f5f9;color:var(--ink)}.vm-modal-body{padding:24px}.vm-modal-meta-bar{display:flex;justify-content:space-between;align-items:center;background-color:#f8fafc;padding:10px 14px;border-radius:6px;border:1px solid var(--line);margin-bottom:20px}.vm-modal-eyebrow{font-size:11px;font-weight:600;color:var(--text-mute);text-transform:uppercase;letter-spacing:.05em}.vm-modal-vehicle-tag{font-family:IBM Plex Mono,monospace;font-weight:700;font-size:14px;color:var(--primary)}.vm-modal-grid{display:flex;flex-direction:column;gap:16px}.vm-modal-footer{border-top:1px solid var(--line);padding:14px 24px;display:flex;justify-content:flex-end;gap:12px;background-color:#f8fafc}.ivr-page-container{display:flex;flex-direction:column;gap:20px;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.ivr-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;box-shadow:0 4px 12px #00000008}.ivr-header-title{display:flex;align-items:center;gap:16px}.ivr-icon-badge{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #2563eb40}.ivr-header-title h1{font-size:20px;font-weight:800;color:var(--text-primary, #0f172a);margin:0 0 4px;font-family:Space Grotesk,sans-serif}.ivr-header-title p{font-size:13px;color:var(--text-secondary, #64748b);margin:0}.ivr-status-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#10b9811a;border:1px solid rgba(16,185,129,.25);border-radius:20px;font-size:12px;font-weight:700;color:#059669}.live-dot{width:8px;height:8px;border-radius:50%;background:#10b981}.live-dot.pulse{box-shadow:0 0 #10b981b3;animation:pulseDot 1.5s infinite}@keyframes pulseDot{0%{transform:scale(.95);box-shadow:0 0 #10b981b3}70%{transform:scale(1);box-shadow:0 0 0 8px #10b98100}to{transform:scale(.95);box-shadow:0 0 #10b98100}}.queue-count{background:#059669;color:#fff;padding:2px 8px;border-radius:10px;font-size:10px}.ivr-tabs-bar{display:flex;align-items:center;gap:8px;border-bottom:2px solid var(--border-color, #e2e8f0);padding-bottom:4px}.tab-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;border:none;background:transparent;color:var(--text-secondary, #64748b);font-size:13.5px;font-weight:600;cursor:pointer;border-radius:8px;transition:all .2s ease}.tab-btn:hover{color:#2563eb;background:#2563eb0f}.tab-btn.active{color:#2563eb;background:#2563eb1a;font-weight:700;border-bottom:2px solid #2563eb}.call-center-grid{display:grid;grid-template-columns:420px 1fr;gap:20px}@media(max-width:1024px){.call-center-grid{grid-template-columns:1fr}}.softphone-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:20px;display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 12px #00000008}.card-header-bar{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--border-color, #e2e8f0)}.card-title{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;color:var(--text-primary, #0f172a)}.status-tag.live{display:flex;align-items:center;gap:4px;padding:3px 8px;border-radius:6px;background:#ef44441a;color:#ef4444;font-size:11px;font-weight:700}.softphone-launcher-form{display:flex;flex-direction:column;gap:14px}.form-subtitle{font-size:12.5px;color:var(--text-secondary, #64748b);margin:0;line-height:1.4}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-size:12px;font-weight:700;color:var(--text-primary, #334155)}.form-group input,.form-group select{padding:9px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13px;background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);outline:none}.form-group input:focus,.form-group select:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.btn-launch-call{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;border-radius:8px;border:none;background:linear-gradient(135deg,#16a34a,#15803d);color:#fff;font-size:13.5px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #16a34a40;transition:all .2s ease}.btn-launch-call:hover{transform:translateY(-2px);box-shadow:0 6px 16px #16a34a59}.active-call-display{display:flex;flex-direction:column;align-items:center;padding:18px;background:#0f172a;border-radius:12px;color:#fff;gap:10px}.call-avatar-circle{width:56px;height:56px;border-radius:50%;background:#2563eb33;border:2px solid #3b82f6;color:#60a5fa;display:flex;align-items:center;justify-content:center}.caller-main-name{font-size:16px;font-weight:800;color:#f8fafc}.caller-main-phone{font-size:12px;color:#94a3b8}.call-timer-badge{display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:12px;background:#3b82f633;color:#60a5fa;font-size:12px;font-weight:700;font-family:monospace}.ivr-step-box{width:100%;background:#1e293b;border-radius:8px;padding:8px 12px;text-align:center}.step-label{font-size:10px;color:#94a3b8;text-transform:uppercase;letter-spacing:.5px}.step-value{font-size:12px;font-weight:700;color:#34d399;margin-top:2px}.dtmf-history-pills{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;max-height:60px;overflow-y:auto}.dtmf-chip{font-size:10.5px;background:#334155;color:#cbd5e1;padding:2px 8px;border-radius:4px}.softphone-action-buttons{display:flex;align-items:center;gap:8px;width:100%;margin-top:8px}.btn-control{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px;border-radius:8px;border:1px solid #334155;background:#1e293b;color:#cbd5e1;font-size:11px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-control:hover{background:#334155;color:#fff}.btn-control.active{background:#f59e0b33;border-color:#f59e0b;color:#fbbf24}.btn-control.primary{background:#2563eb;border-color:#3b82f6;color:#fff}.btn-control.danger{background:#dc2626;border-color:#ef4444;color:#fff}.call-notes-area{width:100%;display:flex;flex-direction:column;gap:4px}.call-notes-area label{font-size:11px;color:#94a3b8}.call-notes-area textarea{width:100%;background:#1e293b;border:1px solid #334155;border-radius:6px;padding:6px 10px;color:#f8fafc;font-size:11.5px;outline:none;resize:none}.dtmf-keypad-section{display:flex;flex-direction:column;gap:10px}.keypad-title{font-size:11px;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px}.keypad-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.keypad-btn{display:flex;align-items:center;justify-content:center;height:44px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--bg-card, #f8fafc);color:var(--text-primary, #0f172a);font-size:16px;font-weight:800;cursor:pointer;transition:all .15s ease}.keypad-btn:hover:not(:disabled){background:#2563eb;color:#fff;border-color:#2563eb;transform:scale(1.03)}.keypad-btn:disabled{opacity:.5;cursor:not-allowed}.agent-routing-column{display:flex;flex-direction:column;gap:18px}.mini-metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:640px){.mini-metrics-grid{grid-template-columns:repeat(2,1fr)}}.metric-box{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:12px 14px}.m-label{font-size:11px;color:var(--text-secondary, #64748b);font-weight:600}.m-value{font-size:18px;font-weight:800;color:var(--text-primary, #0f172a);margin-top:4px;font-family:Space Grotesk,sans-serif}.m-value.success{color:#10b981}.m-value.danger{color:#ef4444}.agents-live-panel{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;padding:20px;box-shadow:0 4px 12px #00000008}.panel-header-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.panel-header-title h3{display:flex;align-items:center;gap:8px;font-size:15px;font-weight:700;margin:0;color:var(--text-primary, #0f172a)}.count-tag{font-size:11px;font-weight:700;padding:2px 8px;border-radius:12px;background:#2563eb1a;color:#2563eb}.agents-cards-list{display:flex;flex-direction:column;gap:10px}.agent-row-card{display:flex;align-items:center;justify-content:space-between;padding:12px 14px;border-radius:10px;border:1px solid var(--border-color, #e2e8f0);background:var(--bg-hover, #f8fafc);transition:all .15s ease}.agent-row-card:hover{border-color:#3b82f6}.agent-avatar{width:36px;height:36px;border-radius:50%;background:#3b82f6;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.agent-info{flex:1;margin:0 12px}.agent-name-line{display:flex;align-items:center;gap:8px}.agent-name-line .name{font-size:13px;font-weight:700;color:var(--text-primary, #0f172a)}.ext-badge{font-size:10px;font-weight:800;background:#334155;color:#fff;padding:1px 6px;border-radius:4px}.agent-sub{font-size:11px;color:var(--text-secondary, #64748b);margin-top:2px}.agent-status-col{display:flex;align-items:center;gap:8px}.status-badge{font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px;text-transform:capitalize}.status-badge.available{background:#10b98126;color:#10b981}.status-badge.in-call,.status-badge.busy{background:#ef444426;color:#ef4444}.status-badge.on-break{background:#f59e0b26;color:#f59e0b}.status-badge.offline{background:#64748b26;color:#64748b}.btn-status-toggle{background:transparent;border:1px solid var(--border-color, #cbd5e1);border-radius:6px;padding:3px 8px;font-size:10.5px;font-weight:600;color:var(--text-secondary, #64748b);cursor:pointer}.btn-status-toggle:hover{border-color:#2563eb;color:#2563eb}.call-logs-section{display:flex;flex-direction:column;gap:16px}.logs-filter-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.search-box{display:flex;align-items:center;gap:8px;padding:8px 12px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;width:320px;max-width:100%}.search-box input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary, #0f172a);width:100%}.filter-group{display:flex;align-items:center;gap:8px}.filter-group select{padding:8px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;background:var(--bg-card, #ffffff);font-size:12.5px;color:var(--text-primary, #0f172a);outline:none}.logs-table-card,.agents-table-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;overflow-x:auto;box-shadow:0 4px 12px #00000008}.custom-table{width:100%;border-collapse:collapse;text-align:left;font-size:13px}.custom-table th{padding:12px 16px;background:var(--bg-hover, #f8fafc);color:var(--text-secondary, #64748b);font-weight:700;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}.custom-table td{padding:12px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a)}.dir-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:2px 8px;border-radius:4px}.dir-badge.inbound{background:#2563eb1a;color:#2563eb}.dir-badge.outbound{background:#a855f71a;color:#a855f7}.ticket-badge{font-size:11px;font-weight:800;background:#334155;color:#fff;padding:2px 6px;border-radius:4px}.status-pill{font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px}.status-pill.completed{background:#10b98126;color:#10b981}.status-pill.missed{background:#ef444426;color:#ef4444}.btn-view-details{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:6px;border:1px solid var(--border-color, #cbd5e1);background:transparent;color:#2563eb;font-size:11.5px;font-weight:600;cursor:pointer}.btn-view-details:hover{background:#2563eb1a;border-color:#2563eb}.user-profile-cell{display:flex;align-items:center;gap:10px}.avatar-circle-sm{width:32px;height:32px;border-radius:50%;background:#2563eb;color:#fff;font-size:11px;font-weight:800;display:flex;align-items:center;justify-content:center}.user-name-bold{font-weight:700}.user-email-sub{font-size:10.5px;color:var(--text-secondary, #64748b)}.role-chip{font-size:11px;font-weight:600;background:var(--bg-hover, #f1f5f9);padding:2px 8px;border-radius:4px}.ext-input-group{display:flex;align-items:center;gap:4px}.ext-prefix{font-size:11px;color:var(--text-secondary, #64748b);font-weight:700}.ext-input{width:60px;padding:3px 6px;border:1px solid var(--border-color, #cbd5e1);border-radius:4px;font-size:12px;font-weight:700}.ivr-tree-container{display:flex;flex-direction:column;gap:20px;padding:20px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px}.tree-node.root{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#1e293b;color:#fff;border-radius:12px}.node-icon{width:40px;height:40px;border-radius:10px;background:#2563eb;display:flex;align-items:center;justify-content:center}.node-title{font-size:15px;font-weight:800}.node-desc{font-size:12px;color:#94a3b8;margin-top:2px;font-style:italic}.tree-branches-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.tree-card{background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #cbd5e1);border-radius:10px;padding:14px;display:flex;flex-direction:column;gap:6px}.tree-card.priority{border-color:#ef4444;background:#ef44440d}.dtmf-number{font-size:12px;font-weight:800;color:#2563eb;background:#2563eb1a;padding:2px 8px;border-radius:4px;width:fit-content}.dtmf-number.alert{color:#ef4444;background:#ef44441a}.dtmf-title{font-size:13.5px;font-weight:700;color:var(--text-primary, #0f172a)}.dtmf-desc{font-size:11.5px;color:var(--text-secondary, #64748b);line-height:1.4}.dtmf-target{font-size:11px;font-weight:700;color:#10b981;margin-top:4px}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:flex-end}.modal-drawer{width:480px;max-width:100vw;height:100%;background:var(--bg-card, #ffffff);display:flex;flex-direction:column;box-shadow:-10px 0 30px #0003;animation:slideLeft .2s cubic-bezier(.16,1,.3,1)}@keyframes slideLeft{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-color, #e2e8f0)}.drawer-title-group{display:flex;align-items:center;gap:10px}.drawer-title-group h3{margin:0;font-size:15px;font-weight:700;color:var(--text-primary, #0f172a)}.drawer-title-group p{margin:0;font-size:11px;color:var(--text-secondary, #64748b)}.btn-close-modal{background:transparent;border:none;color:var(--text-secondary, #64748b);cursor:pointer;padding:4px}.drawer-body{padding:20px;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.detail-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-card{background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:10px}.card-label{font-size:10px;color:var(--text-secondary, #64748b);text-transform:uppercase;font-weight:700}.card-val-bold{font-size:13px;font-weight:700;color:var(--text-primary, #0f172a);margin-top:2px}.card-sub{font-size:11px;color:var(--text-secondary, #64748b)}.audio-player-card{background:#0f172a;border-radius:10px;padding:14px;color:#fff}.player-label{font-size:11px;color:#94a3b8;margin-bottom:8px}.player-controls-row{display:flex;align-items:center;gap:12px}.btn-play-pause{width:36px;height:36px;border-radius:50%;border:none;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer}.audio-progress-bar{flex:1;height:6px;background:#334155;border-radius:3px;overflow:hidden}.audio-fill{height:100%;background:#34d399;transition:width .2s ease}.audio-time{font-size:11px;font-family:monospace;color:#94a3b8}.ivr-path-section{display:flex;flex-direction:column;gap:6px}.path-label{font-size:11px;font-weight:700;color:var(--text-secondary, #64748b)}.path-tags{display:flex;flex-wrap:wrap;gap:6px}.path-step-chip{display:inline-flex;align-items:center;gap:4px;font-size:11px;background:#2563eb1a;color:#2563eb;padding:3px 8px;border-radius:4px;font-weight:600}.ai-summary-box{background:#2563eb0d;border:1px solid rgba(37,99,235,.2);border-radius:8px;padding:12px}.ai-title{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:#2563eb;margin-bottom:4px}.notes-box{background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px}.notes-title{font-size:11px;font-weight:700;color:var(--text-secondary, #64748b);margin-bottom:4px}.ivr-call-history-page{display:flex;flex-direction:column;gap:20px;animation:fadeIn .25s cubic-bezier(.16,1,.3,1)}.history-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:14px;box-shadow:0 4px 12px #00000008}.history-header .title-area{display:flex;align-items:center;gap:16px}.history-header .icon-badge{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0284c740}.history-header h1{font-size:20px;font-weight:800;color:var(--text-primary, #0f172a);margin:0 0 4px;font-family:Space Grotesk,sans-serif}.history-header p{font-size:13px;color:var(--text-secondary, #64748b);margin:0}.header-actions{display:flex;align-items:center;gap:10px}.btn-secondary{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:var(--bg-card, #ffffff);color:var(--text-primary, #334155);font-size:13px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-secondary:hover{background:var(--bg-hover, #f1f5f9);border-color:#94a3b8}.btn-primary{display:inline-flex;align-items:center;gap:6px;padding:9px 16px;border-radius:8px;border:none;background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;font-size:13px;font-weight:700;cursor:pointer;box-shadow:0 4px 12px #2563eb40;transition:all .2s ease}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 16px #2563eb59}.kpi-cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}@media(max-width:900px){.kpi-cards-grid{grid-template-columns:repeat(2,1fr)}}.kpi-card{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:16px;display:flex;align-items:center;gap:14px;box-shadow:0 2px 8px #00000005}.kpi-icon-wrapper{width:44px;height:44px;border-radius:10px;display:flex;align-items:center;justify-content:center}.kpi-icon-wrapper.blue{background:#2563eb1a;color:#2563eb}.kpi-icon-wrapper.green{background:#10b9811a;color:#10b981}.kpi-icon-wrapper.purple{background:#9333ea1a;color:#9333ea}.kpi-icon-wrapper.red{background:#ef44441a;color:#ef4444}.kpi-label{font-size:11.5px;color:var(--text-secondary, #64748b);font-weight:600}.kpi-value{font-size:20px;font-weight:800;color:var(--text-primary, #0f172a);margin:2px 0;font-family:Space Grotesk,sans-serif}.kpi-value.text-green{color:#10b981}.kpi-value.text-red{color:#ef4444}.kpi-sub{font-size:11px;color:var(--text-secondary, #94a3b8)}.filters-card{display:flex;align-items:center;justify-content:space-between;gap:16px;background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;padding:12px 16px;flex-wrap:wrap}.search-input-wrapper{display:flex;align-items:center;gap:10px;background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;padding:8px 12px;width:380px;max-width:100%}.search-input-wrapper input{border:none;background:transparent;outline:none;font-size:13px;color:var(--text-primary, #0f172a);width:100%}.btn-clear-search{background:transparent;border:none;color:#94a3b8;cursor:pointer;padding:2px}.filters-group{display:flex;align-items:center;gap:12px}.filter-item{display:flex;align-items:center;gap:6px;background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #cbd5e1);border-radius:8px;padding:6px 10px;color:var(--text-secondary, #64748b)}.filter-item select{border:none;background:transparent;outline:none;font-size:12.5px;font-weight:600;color:var(--text-primary, #0f172a);cursor:pointer}.results-count-pill{font-size:12px;color:var(--text-secondary, #64748b);background:var(--bg-hover, #f1f5f9);padding:6px 12px;border-radius:20px}.history-table-container{background:var(--bg-card, #ffffff);border:1px solid var(--border-color, #e2e8f0);border-radius:12px;overflow-x:auto;box-shadow:0 4px 12px #00000008}.history-table{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.history-table th{padding:12px 16px;background:var(--bg-hover, #f8fafc);color:var(--text-secondary, #64748b);font-weight:700;border-bottom:1px solid var(--border-color, #e2e8f0);white-space:nowrap}.history-row{cursor:pointer;transition:background .15s ease}.history-row:hover{background:var(--bg-hover, #f8fafc)}.history-table td{padding:14px 16px;border-bottom:1px solid var(--border-color, #e2e8f0);color:var(--text-primary, #0f172a);vertical-align:middle}.call-id-code{font-family:monospace;font-weight:800;color:#2563eb;background:#2563eb14;padding:3px 8px;border-radius:6px;font-size:12px}.caller-profile-cell{display:flex;align-items:center;gap:10px}.caller-avatar{width:32px;height:32px;border-radius:50%;background:#0284c7;color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}.caller-name{font-weight:700;font-size:13px}.caller-phone{font-size:11px;color:var(--text-secondary, #64748b)}.direction-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:6px}.direction-badge.inbound{background:#2563eb1a;color:#2563eb}.direction-badge.outbound{background:#9333ea1a;color:#9333ea}.status-badge-pill{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;padding:3px 8px;border-radius:12px}.status-badge-pill.completed{background:#10b98126;color:#10b981}.status-badge-pill.missed{background:#ef444426;color:#ef4444}.agent-cell-name{font-weight:600}.agent-cell-ext{font-size:11px;color:var(--text-secondary, #64748b)}.ticket-link-badge{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;color:#0f172a;background:var(--bg-hover, #f1f5f9);padding:2px 8px;border-radius:6px}.duration-text{font-weight:700;font-family:monospace}.timestamp-text{font-size:12px;color:var(--text-secondary, #64748b)}.btn-view-log{display:inline-flex;align-items:center;gap:4px;padding:5px 10px;border-radius:6px;border:1px solid var(--border-color, #cbd5e1);background:transparent;color:#2563eb;font-size:11.5px;font-weight:600;cursor:pointer;transition:all .15s ease}.btn-view-log:hover{background:#2563eb1a;border-color:#2563eb}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:10px;text-align:center}.empty-state h3{margin:0;color:var(--text-primary, #0f172a)}.empty-state p{color:var(--text-secondary, #64748b);margin:0;font-size:13px}.drawer-overlay{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;justify-content:flex-end}.drawer-panel{width:500px;max-width:100vw;height:100%;background:var(--bg-card, #ffffff);display:flex;flex-direction:column;box-shadow:-10px 0 30px #0003;animation:slideInRight .2s cubic-bezier(.16,1,.3,1)}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:18px 24px;border-bottom:1px solid var(--border-color, #e2e8f0)}.call-id-title{font-size:16px;font-weight:800;color:var(--text-primary, #0f172a)}.call-time-sub{font-size:12px;color:var(--text-secondary, #64748b)}.btn-close-drawer{background:transparent;border:none;color:var(--text-secondary, #64748b);cursor:pointer;padding:4px}.drawer-content{padding:24px;overflow-y:auto;display:flex;flex-direction:column;gap:20px}.info-cards-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.info-card{background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:10px;padding:12px}.info-card-label{font-size:10.5px;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase}.info-card-value{font-size:14px;font-weight:700;color:var(--text-primary, #0f172a);margin-top:2px}.info-card-sub{font-size:11.5px;color:var(--text-secondary, #64748b);margin-top:2px}.info-card-tag{display:inline-block;margin-top:6px;font-size:10.5px;font-weight:700;background:#2563eb1a;color:#2563eb;padding:2px 6px;border-radius:4px}.audio-recording-player{background:#0f172a;color:#fff;border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:12px}.recording-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:#94a3b8}.recording-controls{display:flex;align-items:center;gap:12px}.btn-play-pause{width:38px;height:38px;border-radius:50%;border:none;background:#2563eb;color:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:transform .15s ease}.btn-play-pause:hover{transform:scale(1.05)}.progress-bar-bg{flex:1;height:6px;background:#334155;border-radius:3px;overflow:hidden}.progress-bar-fill{height:100%;background:#34d399;transition:width .25s linear}.audio-timer{font-size:12px;font-family:monospace;color:#94a3b8}.section-block{display:flex;flex-direction:column;gap:8px}.block-title{font-size:12px;font-weight:700;color:var(--text-secondary, #64748b);text-transform:uppercase;letter-spacing:.5px}.block-title.text-blue{color:#2563eb;display:flex;align-items:center;gap:6px}.ivr-steps-chain{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.step-tag{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;background:var(--bg-hover, #f1f5f9);padding:4px 10px;border-radius:6px;color:var(--text-primary, #0f172a);font-weight:600}.section-block.ai-summary{background:#2563eb0d;border:1px solid rgba(37,99,235,.2);border-radius:10px;padding:14px}.summary-paragraph{font-size:12.5px;line-height:1.5;color:var(--text-primary, #1e293b);margin:0}.notes-header{display:flex;align-items:center;justify-content:space-between}.btn-edit-notes,.btn-save-notes{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:600;padding:4px 10px;border-radius:6px;border:1px solid var(--border-color, #cbd5e1);background:var(--bg-card, #ffffff);cursor:pointer}.btn-save-notes{background:#10b981;color:#fff;border:none}.notes-display-box{background:var(--bg-hover, #f8fafc);border:1px solid var(--border-color, #e2e8f0);border-radius:8px;padding:12px;font-size:12.5px;color:var(--text-primary, #334155);line-height:1.5}.notes-textarea{width:100%;padding:10px;border:1px solid #2563eb;border-radius:8px;font-size:12.5px;outline:none;font-family:inherit}.modal-backdrop{position:fixed;inset:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10000;display:flex;align-items:center;justify-content:center;padding:20px}.modal-card{width:520px;max-width:100%;background:var(--bg-card, #ffffff);border-radius:14px;box-shadow:0 10px 30px #0003;display:flex;flex-direction:column;overflow:hidden;animation:scaleUp .2s ease}@keyframes scaleUp{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;border-bottom:1px solid var(--border-color, #e2e8f0)}.modal-header h3{margin:0;font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px;color:var(--text-primary, #0f172a)}.btn-close{background:transparent;border:none;color:#94a3b8;cursor:pointer}.modal-form{padding:22px;display:flex;flex-direction:column;gap:14px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-field{display:flex;flex-direction:column;gap:6px}.form-field label{font-size:12px;font-weight:700;color:var(--text-primary, #334155)}.form-field input,.form-field select,.form-field textarea{padding:9px 12px;border:1px solid var(--border-color, #cbd5e1);border-radius:8px;font-size:13px;background:var(--bg-input, #ffffff);color:var(--text-primary, #0f172a);outline:none}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:10px}.btn-cancel{padding:9px 16px;border-radius:8px;border:1px solid var(--border-color, #cbd5e1);background:transparent;font-size:13px;font-weight:600;cursor:pointer}.btn-save{padding:9px 18px;border-radius:8px;border:none;background:#2563eb;color:#fff;font-size:13px;font-weight:700;cursor:pointer}:root{--primary-color: #2563eb;--primary-light: #eff6ff;--secondary-color: #0d9488;--accent-color: #06b6d4;--dark-color: #1e293b;--light-color: #f8fafc;--success-color: #10b981;--warning-color: #f59e0b;--danger-color: #ef4444;--info-color: #06b6d4;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #00d2ff 100%);--border-radius: 12px;--box-shadow: 0 10px 25px rgba(0, 0, 0, .05);--box-shadow-hover: 0 15px 35px rgba(0, 0, 0, .1);--sidebar-width: 280px}body[data-theme=vibrant-ocean]{--primary-color: #0284c7;--primary-light: #f0f9ff;--secondary-color: #0ea5e9;--accent-color: #06b6d4;--gradient-primary: linear-gradient(135deg, #2563eb 0%, #0ea5e9 50%, #06b6d4 100%);--sidebar-bg: linear-gradient(135deg, #2563eb 0%, #0ea5e9 50%, #06b6d4 100%)}body[data-theme=classic-slate]{--primary-color: #1e293b;--primary-light: #f1f5f9;--secondary-color: #334155;--accent-color: #475569;--gradient-primary: linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--sidebar-bg: linear-gradient(180deg, #0f172a 0%, #1e293b 100%)}body[data-theme=eco-green]{--primary-color: #059669;--primary-light: #f0fdf4;--secondary-color: #0f766e;--accent-color: #14b8a6;--gradient-primary: linear-gradient(135deg, #059669 0%, #14b8a6 100%);--sidebar-bg: linear-gradient(135deg, #059669 0%, #10b981 50%, #14b8a6 100%)}body[data-theme=sunset-amber]{--primary-color: #d97706;--primary-light: #fefbeb;--secondary-color: #b45309;--accent-color: #f97316;--gradient-primary: linear-gradient(135deg, #d97706 0%, #f97316 100%);--sidebar-bg: linear-gradient(135deg, #d97706 0%, #f59e0b 50%, #f97316 100%)}body[data-theme=obsidian-dark]{--primary-color: #8b5cf6;--primary-light: #faf5ff;--secondary-color: #4f46e5;--accent-color: #a855f7;--gradient-primary: linear-gradient(135deg, #111827 0%, #1f2937 100%);--sidebar-bg: linear-gradient(135deg, #111827 0%, #1f2937 100%)}*{font-family:Inter,sans-serif;margin:0;padding:0;box-sizing:border-box}html,body,#root{width:100%;height:100%;overflow-x:hidden}body{background:#fff;color:#334155;min-height:100vh}.login-box{max-width:420px;margin:110px auto;border-radius:20px;overflow:hidden;box-shadow:var(--box-shadow);background:#fff}.login-header{background:var(--gradient-primary);color:#fff;padding:30px;text-align:center}.login-header h4{font-weight:700;margin:0;font-size:1.5rem}.login-body{padding:30px}.form-control{padding:12px 15px;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s;width:100%;font-size:1rem}.form-control:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #4361ee26;outline:none}.form-label{display:block;margin-bottom:8px;font-weight:500;color:var(--dark-color)}.form-select{padding:8px 12px;border-radius:8px;border:1px solid #e2e8f0;width:100%;font-size:.875rem}.form-select:focus{border-color:var(--primary-color);outline:none}.btn{border-radius:10px;padding:12px 20px;font-weight:600;transition:all .3s;border:none;cursor:pointer;font-size:1rem;display:inline-flex;align-items:center;justify-content:center;gap:8px}.btn-primary{background:var(--gradient-primary);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #2563eb4d}.btn-success{background:linear-gradient(90deg,var(--success-color),#059669);color:#fff}.btn-warning{background:linear-gradient(90deg,var(--warning-color),#d97706);color:#fff}.btn-danger{background:linear-gradient(90deg,var(--danger-color),#dc2626);color:#fff}.btn-sm{padding:6px 12px;font-size:.875rem}.btn-outline-primary{background:transparent;border:1px solid var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background:var(--primary-color);color:#fff}.btn-outline-secondary{background:transparent;border:1px solid #64748b;color:#64748b}.btn-outline-secondary:hover{background:#64748b;color:#fff}.w-100{width:100%!important}.card-box{border-radius:var(--border-radius);box-shadow:var(--box-shadow);background:#fff;border:none;transition:all .3s ease;overflow:hidden;margin-bottom:25px}.card-box:hover{transform:translateY(-5px);box-shadow:var(--box-shadow-hover)}.card-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:18px 25px;font-weight:600;color:var(--dark-color);display:flex;align-items:center}.card-footer{background:#fff;border-top:1px solid #e2e8f0;padding:15px 25px;display:flex;justify-content:space-between;align-items:center}.table{border-radius:var(--border-radius);overflow:hidden;border:1px solid #e2e8f0;width:100%;border-collapse:collapse;margin-bottom:0}.table thead{background:linear-gradient(90deg,var(--primary-light),#e0e7ff);color:var(--dark-color);font-weight:600}.table th,.table td{padding:12px 15px;text-align:left;border-bottom:1px solid #e2e8f0}.table tbody tr{transition:all .2s}.table tbody tr:hover{background-color:#f8fafc}.table-responsive{overflow-x:auto;-webkit-overflow-scrolling:touch}.badge{padding:6px 12px;border-radius:20px;font-weight:600;font-size:.8rem;display:inline-block}.badge-new{background-color:#dbeafe;color:#1d4ed8}.badge-progress{background-color:#fef3c7;color:#d97706}.badge-closed{background-color:#d1fae5;color:#047857}.badge-cancelled{background-color:#fee2e2;color:#dc2626}.badge-active{background-color:#d1fae5;color:#047857}.badge-inactive{background-color:#f3f4f6;color:#6b7280}.bg-primary{background-color:var(--primary-color)!important;color:#fff}.nav-tabs{border-bottom:1px solid #e2e8f0;display:flex;list-style:none;padding:0;margin:0}.nav-tabs .nav-item{margin-right:5px}.nav-tabs .nav-link{border:none;color:#64748b;font-weight:500;padding:12px 24px;border-radius:8px 8px 0 0;background:none;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;transition:all .3s}.nav-tabs .nav-link.active{color:var(--primary-color);background-color:#fff;border-bottom:3px solid var(--primary-color)}.tab-content{padding:20px}.tab-pane{display:none}.tab-pane.active{display:block}.stat-card{padding:25px;position:relative;overflow:hidden;border-left:5px solid var(--primary-color)}.stat-card h6{color:#64748b;font-size:.9rem;font-weight:500;text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.stat-card h3{font-weight:700;font-size:2.5rem;color:var(--dark-color);margin:0}.stat-card .stat-icon{position:absolute;right:20px;top:25px;width:50px;height:50px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:#fff;background:var(--primary-color)}.text-white-50{color:#ffffff80!important}.main{flex:1;width:calc(100% - var(--sidebar-width));padding:25px;transition:all .3s ease}.mobile-toggle{display:none;background:#fff;border:none;border-radius:10px;width:45px;height:45px;align-items:center;justify-content:center;font-size:1.2rem;color:var(--primary-color);box-shadow:var(--box-shadow);position:fixed;top:20px;left:20px;z-index:101;cursor:pointer}.page-title{font-weight:700;color:var(--dark-color);margin-bottom:25px;font-size:1.8rem;position:relative;padding-bottom:10px}.page-title:after{content:"";display:block;width:50px;height:4px;background:linear-gradient(90deg,var(--primary-color),var(--accent-color));border-radius:2px;margin-top:10px}.footer-text{color:#94a3b8;font-size:.85rem;text-align:center;margin-top:40px;padding:20px 0}.dashboard-grid{display:flex;flex-direction:column;gap:24px}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:24px}.dashboard-bottom-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.d-flex{display:flex!important}.align-items-center{align-items:center!important}.justify-content-center{justify-content:center!important}.justify-content-between{justify-content:space-between!important}.flex-shrink-0{flex-shrink:0!important}.flex-grow-1{flex-grow:1!important}.mb-0{margin-bottom:0!important}.mb-2{margin-bottom:.5rem!important}.mb-3{margin-bottom:1rem!important}.mb-4{margin-bottom:1.5rem!important}.mt-0{margin-top:0!important}.mt-2{margin-top:.5rem!important}.mt-4{margin-top:1.5rem!important}.ms-1{margin-left:.25rem!important}.ms-2{margin-left:.5rem!important}.ms-3{margin-left:1rem!important}.me-1{margin-right:.25rem!important}.me-2{margin-right:.5rem!important}.p-0{padding:0!important}.p-3{padding:1rem!important}.p-4{padding:1.5rem!important}.p-5{padding:3rem!important}.py-3{padding-top:1rem!important;padding-bottom:1rem!important}.text-center{text-align:center!important}.text-end{text-align:right!important}.text-start{text-align:left!important}.text-primary{color:var(--primary-color)!important}.text-success{color:var(--success-color)!important}.text-muted{color:#64748b!important}.fw-medium{font-weight:500!important}.fw-bold{font-weight:700!important}.row{display:flex;flex-wrap:wrap;margin-right:-12px;margin-left:-12px}.col{flex:1 0 0%}.col-md-3,.col-md-6{padding-right:12px;padding-left:12px;margin-bottom:24px;width:100%}.g-4{gap:1.5rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.page{animation:fadeIn .4s ease}@media(min-width:768px){.col-md-3{flex:0 0 auto;width:25%}.col-md-6{flex:0 0 auto;width:50%}}@media(max-width:992px){.mobile-toggle{display:flex}.sidebar{left:calc(-1 * var(--sidebar-width))}.sidebar.show{left:0;box-shadow:10px 0 30px #0003}.main{width:100%;padding-top:80px;margin-left:0!important}.col-md-3,.col-md-6{width:100%}.stat-card h3{font-size:2rem}}@media(max-width:768px){.page-title{font-size:1.5rem}.stat-card{padding:20px}.card-header{padding:15px 20px}.nav-tabs .nav-link{padding:8px 12px;font-size:.9rem}.table th,.table td{padding:8px 12px}}@media(min-width:769px)and (max-width:1200px){.stats-row{grid-template-columns:repeat(2,1fr)}}@media(min-width:1201px){.stats-row{grid-template-columns:repeat(4,1fr)}}body.dark-theme,body.dark-theme #adminPanel,body.dark-theme .main-content-area,body.dark-theme .page-wrapper{background-color:#0f172a!important;color:#f8fafc!important}body.dark-theme .custom-paper-container,body.dark-theme .MuiPaper-root,body.dark-theme .metric-card,body.dark-theme .mobile-ticket-card{background-color:#1e293b!important;color:#f8fafc!important;border-color:#334155!important;box-shadow:0 4px 12px #0000004d!important}body.dark-theme .page-title{color:#f8fafc!important}body.dark-theme .page-subtitle{color:#94a3b8!important}body.dark-theme .tbl-header-cell{background-color:#0f172a!important;color:#94a3b8!important;border-bottom:1px solid #334155!important}body.dark-theme .tbl-row-data{border-bottom:1px solid #334155!important}body.dark-theme .tbl-cell-data{color:#cbd5e1!important;border-bottom:1px solid #334155!important}body.dark-theme .search-input-field,body.dark-theme input,body.dark-theme select,body.dark-theme textarea{background-color:#0f172a!important;color:#f8fafc!important;border-color:#334155!important}body.dark-theme .refresh-data-btn,body.dark-theme .quick-tab-btn{background-color:#0f172a!important;color:#cbd5e1!important;border-color:#334155!important}body.dark-theme .quick-tab-btn.active{background-color:#2563eb!important;color:#fff!important;border-color:#3b82f6!important}body.dark-theme .MuiOutlinedInput-root{background-color:#0f172a!important;color:#f8fafc!important}body.dark-theme .MuiOutlinedInput-notchedOutline{border-color:#334155!important}body.dark-theme .MuiSvgIcon-root,body.dark-theme .metric-label{color:#94a3b8!important}body.dark-theme .metric-value{color:#f8fafc!important}html,body{margin:0;padding:0;width:100%;height:100%}#root{width:100%;min-height:100vh}#adminPanel{display:flex;min-height:100vh;width:100%;position:relative}.main{flex:1;width:calc(100% - var(--sidebar-width));transition:all .3s ease}@media(max-width:992px){.main{width:100%}}