@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,300;0,14..32,400;0,14..32,500;0,14..32,600;0,14..32,700;0,14..32,800;1,14..32,400&display=swap";.super-admin-container{padding:24px;max-width:1400px;margin:0 auto}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.header-title{display:flex;align-items:center;gap:16px}.header-icon{width:48px;height:48px;padding:10px;background:var(--primary-gradient);color:#fff;border-radius:12px}.header-title h1{font-size:1.5rem;font-weight:700;margin-bottom:4px;color:var(--navy-900)}.header-title p{color:var(--navy-500);font-size:.9rem}.header-stats{display:flex;gap:12px}.stat-pill{display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:20px;font-size:.85rem;font-weight:600;color:var(--navy-700)}.stat-pill.success{background:#ecfdf5;border-color:#10b981;color:#047857}.stat-pill.warning{background:#fffbeb;border-color:#f59e0b;color:#b45309}.stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;margin-bottom:32px}.admin-stat-card{background:#fff;padding:24px;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;align-items:center;gap:20px;transition:transform .2s}.admin-stat-card:hover{transform:translateY(-4px)}.stat-icon-wrapper{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-wrapper.blue{background:#eff6ff;color:#3b82f6}.stat-icon-wrapper.green{background:#f0fdf4;color:#22c55e}.stat-icon-wrapper.purple{background:#faf5ff;color:#a855f7}.stat-info h3{font-size:.9rem;color:var(--navy-500);margin-bottom:4px}.stat-value{font-size:1.75rem;font-weight:800;color:var(--navy-900);margin-bottom:4px}.stat-trend{font-size:.75rem;font-weight:600;color:#10b981}.companies-section{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;padding:24px}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.header-actions{display:flex;gap:16px}.search-box,.filter-box{display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--navy-50);border:1px solid var(--navy-100);border-radius:8px}.search-box input,.filter-box select{background:transparent;border:none;outline:none;font-size:.9rem;color:var(--navy-800)}.admin-table{width:100%;border-collapse:separate;border-spacing:0 8px}.admin-table th{text-align:left;padding:12px 16px;font-size:.8rem;text-transform:uppercase;color:var(--navy-400);font-weight:600}.admin-table tbody tr{background:#fafafa;transition:background .2s}.admin-table tbody tr:hover{background:#f1f5f9}.admin-table td{padding:16px}.admin-table td:first-child{border-radius:10px 0 0 10px}.admin-table td:last-child{border-radius:0 10px 10px 0}.company-cell{display:flex;align-items:center;gap:12px}.company-logo{width:36px;height:36px;background:var(--primary-gradient);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:700}.company-name{display:block;font-weight:600;color:var(--navy-900)}.company-id{font-size:.75rem;color:var(--navy-400)}.plan-badge{padding:4px 10px;border-radius:6px;font-size:.75rem;font-weight:700}.plan-badge.basic{background:#f3f4f6;color:#4b5563}.plan-badge.standard{background:#e0e7ff;color:#4338ca}.plan-badge.premium{background:#fef3c7;color:#d97706}.status-badge{padding:4px 10px;border-radius:20px;font-size:.75rem;font-weight:600;text-transform:capitalize}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.pending{background:#fef3c7;color:#92400e}.status-badge.rejected{background:#fee2e2;color:#991b1b}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.btn-icon.success{background:#d1fae5;color:#059669}.btn-icon.danger{background:#fee2e2;color:#dc2626}.btn-icon.secondary{background:#f3f4f6;color:#6b7280}.btn-icon:hover{opacity:.8}.empty-state{text-align:center;padding:48px!important;color:var(--navy-300)}.empty-state p{margin-top:12px;font-size:.95rem}:root{--primary: #1a1f3e;--primary-dark: #0f1229;--primary-light: #2d3566;--primary-gradient: linear-gradient(135deg, #1a1f3e 0%, #0f1229 100%);--accent: #c8963c;--accent-light: #f5e8d0;--bg-base: #ffffff;--bg-subtle: #f9f9fb;--bg-surface: #f4f4f6;--bg-muted: #ededf0;--bg-border: #e4e4e8;--success: #16a34a;--success-light: #f0fdf4;--success-muted: #dcfce7;--warning: #d97706;--warning-light: #fffbeb;--warning-muted: #fef3c7;--danger: #dc2626;--danger-light: #fef2f2;--danger-muted: #fee2e2;--info: #0284c7;--info-light: #f0f9ff;--info-muted: #e0f2fe;--ink-950: #0a0a0f;--ink-900: #111118;--ink-800: #1c1c27;--ink-700: #2e2e3e;--ink-600: #444457;--ink-500: #6b6b80;--ink-400: #9494a6;--ink-300: #b8b8c8;--ink-200: #d8d8e4;--ink-100: #ebebf2;--ink-50: #f5f5f9;--navy-50: var(--ink-50);--navy-100: var(--ink-100);--navy-200: var(--ink-200);--navy-300: var(--ink-300);--navy-400: var(--ink-400);--navy-500: var(--ink-500);--navy-600: var(--ink-600);--navy-700: var(--ink-700);--navy-800: var(--ink-800);--navy-900: var(--ink-900);--sidebar-bg: linear-gradient(180deg, #0f1229 0%, #1a1f3e 60%, #1e2448 100%);--sidebar-width: 256px;--sidebar-collapsed: 72px;--radius-xs: 6px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-sm: 0 1px 4px rgba(0, 0, 0, .06);--shadow-md: 0 2px 12px rgba(0, 0, 0, .07);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 48px rgba(0, 0, 0, .14);--transition-fast: .14s ease;--transition-base: .22s ease;--transition-slow: .38s ease;--font-sans: "Inter", system-ui, -apple-system, sans-serif}html,body{height:100%;height:100dvh;width:100vw;margin:0;padding:0;overflow:hidden;position:fixed;top:0;left:0;overscroll-behavior-y:none}*{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-sans, "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif);background:var(--bg-base, #ffffff);color:var(--ink-900, #111118);line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1,"calt" 1}.app-layout{display:flex;height:100%;height:100dvh;width:100vw;overflow:hidden}.sidebar{width:var(--sidebar-width);background:var(--sidebar-bg, linear-gradient(180deg, #0f1229 0%, #1a1f3e 60%, #1e2448 100%));background-size:cover;color:#fff;position:fixed;height:100vh;display:flex;flex-direction:column;z-index:1000;transition:var(--transition-base);box-shadow:4px 0 30px #0003}.sidebar-header{padding:1.25rem 1.5rem;display:flex;align-items:center;gap:.75rem;border-bottom:1px solid rgba(255,255,255,.08);background:#0000002e}.sidebar-header .brand-section{display:flex;flex-direction:column;gap:.5rem;width:100%}.sidebar-header .logo-container{padding:0;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center}.sidebar-header .brand-logo{height:55px;width:auto;object-fit:contain;background:transparent;border-radius:0}.sidebar-header .powered-by{display:flex;align-items:center;gap:.35rem;font-size:.7rem;color:#ffffff80}.sidebar-header .powered-by strong{color:#fff;font-weight:600}.sidebar-nav{flex:1;padding:.5rem .6rem;overflow-y:auto;background-color:transparent}.nav-item{display:flex;align-items:center;gap:.6rem;padding:.6rem .85rem;color:#fff9;text-decoration:none;font-weight:500;font-size:.82rem;transition:all .15s ease;border-radius:8px;position:relative;margin:1px 0}.nav-item svg{transition:transform .15s ease;flex-shrink:0}.nav-item:hover{color:#fff;background:#ffffff14}.nav-item:hover svg{transform:scale(1.05)}.nav-item.active{color:#fff;background:var(--primary);box-shadow:0 2px 8px #0003}.nav-item.active svg{color:#fff}.nav-item.active:before{display:none}.nav-group{margin:2px 0}.nav-group-toggle{width:100%;display:flex;align-items:center;gap:.55rem;padding:.55rem .85rem;background:none;border:none;color:#ffffff73;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;cursor:pointer;border-radius:8px;transition:all .15s}.nav-group-toggle:hover{color:#fffc;background:#ffffff0a}.nav-group-toggle.has-active{color:#ffffffe6}.nav-group-icon{opacity:.6;flex-shrink:0}.nav-group-toggle.has-active .nav-group-icon{opacity:1;color:#93c5fd}.nav-group-chevron{margin-left:auto;transition:transform .2s ease;opacity:.5}.nav-group.open .nav-group-chevron{transform:rotate(180deg);opacity:.8}.nav-group-items{max-height:0;overflow:hidden;transition:max-height .25s ease;padding-left:.25rem}.nav-group.open .nav-group-items{max-height:300px}.nav-sub-item{padding:.45rem .75rem .45rem 2.1rem!important;font-size:.8rem!important;margin:0!important;border-radius:6px!important}.nav-sub-item:before{display:none!important}.sidebar-footer{padding:1rem;border-top:1px solid rgba(255,255,255,.1);background:#0000001a}.user-info{display:flex;align-items:center;gap:.625rem;padding:.625rem;background:#ffffff0d;border-radius:var(--radius-sm);margin-bottom:.625rem}.user-avatar{width:32px;height:32px;border-radius:50%;background:var(--primary-gradient);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;object-fit:cover}.user-details{flex:1;min-width:0}.user-name{display:block;font-weight:600;font-size:.8rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-role{display:block;font-size:.7rem;color:var(--navy-400);text-transform:capitalize}.logout-btn{width:100%;padding:.75rem;background:#ef44441a;border:1px solid rgba(239,68,68,.2);color:#fca5a5;border-radius:var(--radius-md);font-weight:500;cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center;gap:.5rem}.logout-btn:hover{background:#ef444433;border-color:#ef44444d}.main-content{flex:1;margin-left:var(--sidebar-width);padding:1.25rem 1.5rem;height:100%;height:100dvh;background:var(--bg-base, #ffffff);overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch}.page-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.page-header h1{font-size:1.75rem;font-weight:700;display:flex;align-items:center;gap:.75rem;color:var(--navy-900)}.page-header .subtitle{color:var(--navy-500);margin-top:.25rem;font-size:.9rem}.header-actions{display:flex;gap:.75rem;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:600;border-radius:var(--radius-md);border:none;cursor:pointer;transition:var(--transition-fast);text-decoration:none;white-space:nowrap}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 2px 8px #1a1f3e38;letter-spacing:.01em}.btn-primary:hover{background:var(--primary-light);box-shadow:0 4px 16px #1a1f3e47;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;color:var(--navy-700);border:1px solid var(--navy-200);box-shadow:var(--shadow-sm)}.btn-secondary:hover{background:var(--navy-50);border-color:var(--navy-300)}.btn-success{background:var(--success);color:#fff;box-shadow:0 2px 8px #16a34a38}.btn-success:hover{transform:translateY(-1px);box-shadow:0 4px 14px #16a34a4d}.btn-danger{background:var(--danger);color:#fff;box-shadow:0 2px 8px #dc26262e}.btn-sm{padding:.5rem .875rem;font-size:.8rem}.btn-lg{padding:1rem 2rem;font-size:1rem}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.btn-icon{width:36px;height:36px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--navy-500);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;justify-content:center}.btn-icon:hover{background:var(--navy-100);color:var(--navy-700)}.card{background:var(--bg-base);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);border:1px solid var(--bg-border);overflow:hidden;transition:var(--transition-base)}.card:hover{box-shadow:var(--shadow-md);border-color:var(--ink-200)}.card-header{padding:1.125rem 1.5rem;border-bottom:1px solid var(--bg-border);display:flex;align-items:center;justify-content:space-between;background:var(--bg-base)}.card-header h3{font-size:1rem;font-weight:600;display:flex;align-items:center;gap:.5rem;color:var(--navy-800)}.card-body{padding:1.5rem}.quick-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.quick-stat-card{background:var(--bg-base);border-radius:var(--radius-lg);padding:1.25rem;display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow-sm);border:1px solid var(--bg-border);transition:var(--transition-base);position:relative;overflow:hidden}.quick-stat-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--primary-gradient);opacity:0;transition:var(--transition-fast)}.quick-stat-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--ink-200)}.quick-stat-card:hover:before{opacity:1}.stat-icon{width:44px;height:44px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--ink-100);color:var(--ink-700)}.stat-icon.orange{background:var(--warning-light);color:var(--warning)}.stat-icon.blue{background:var(--info-light);color:var(--info)}.stat-icon.green{background:var(--success-light);color:var(--success)}.stat-icon.purple{background:#f3f0ff;color:#6b21a8}.stat-icon.red{background:var(--danger-light);color:var(--danger)}.stat-icon.orange,.stat-icon.blue,.stat-icon.green,.stat-icon.purple,.stat-icon.red{background:var(--ink-100);color:var(--ink-700)}.stat-info{flex:1}.stat-value{display:block;font-size:1.75rem;font-weight:800;color:var(--navy-900);line-height:1.2}.stat-label{font-size:.8rem;color:var(--navy-500);font-weight:500}.stat-change{font-size:.75rem;display:flex;align-items:center;gap:.25rem;margin-top:.25rem}.stat-change.positive{color:var(--success)}.stat-change.negative{color:var(--danger)}.search-filter-bar{display:flex;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{flex:1;min-width:280px;position:relative}.search-box svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--navy-400)}.search-box input{width:100%;padding:.8rem 1rem .8rem 2.75rem;border:1.5px solid var(--bg-border);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-base);color:var(--ink-800);transition:var(--transition-fast);font-family:var(--font-sans)}.search-box input:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a1f3e14}.filter-select{padding:.8rem 2.5rem .8rem 1rem;border:1.5px solid var(--bg-border);border-radius:var(--radius-md);font-size:.875rem;background:var(--bg-base) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6b80' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 1rem center;cursor:pointer;transition:var(--transition-fast);appearance:none;color:var(--ink-700);font-family:var(--font-sans)}.filter-select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a1f3e14}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th{text-align:left;padding:1rem 1.25rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--navy-500);background:var(--navy-50);border-bottom:2px solid var(--navy-200)}.data-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--navy-100);font-size:.9rem;vertical-align:middle}.data-table tbody tr{transition:var(--transition-fast)}.data-table tbody tr:hover{background:var(--navy-50)}.badge{display:inline-flex;align-items:center;padding:.35rem .75rem;font-size:.75rem;font-weight:600;border-radius:9999px;white-space:nowrap}.badge-pending{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.badge-confirmed{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#1e40af}.badge-progress{background:linear-gradient(135deg,#e9d5ff,#d8b4fe);color:#6b21a8}.badge-completed{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.badge-cancelled{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.badge-paid{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46}.badge-partial{background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e}.badge-unpaid{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-weight:600;font-size:.875rem;color:var(--navy-700);margin-bottom:.5rem}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.8rem 1rem;font-size:.875rem;border:1.5px solid var(--bg-border);border-radius:var(--radius-md);background:var(--bg-base);color:var(--ink-900);transition:var(--transition-fast);font-family:var(--font-sans)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #1a1f3e14}.form-row{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media(max-width:640px){.form-row{grid-template-columns:1fr}}.modal{position:fixed;inset:0;background:#0f172a99;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:2000;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:#fff;border-radius:var(--radius-xl);width:100%;max-width:480px;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-lg{max-width:640px}.modal-header{padding:1.5rem;border-bottom:1px solid var(--navy-100);display:flex;align-items:center;justify-content:space-between}.modal-header h2{font-size:1.25rem;font-weight:700;display:flex;align-items:center;gap:.5rem}.modal-close{width:36px;height:36px;border:none;background:var(--navy-100);border-radius:var(--radius-sm);font-size:1.5rem;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--navy-600);transition:var(--transition-fast)}.modal-close:hover{background:var(--navy-200)}.modal-body{padding:1.5rem;overflow-y:auto;max-height:60vh}.modal-footer{padding:1.25rem 1.5rem;border-top:1px solid var(--navy-100);display:flex;justify-content:flex-end;gap:.75rem;background:var(--navy-50)}.loader{width:40px;height:40px;border:3px solid var(--navy-200);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.page-loader{display:flex;align-items:center;justify-content:center;min-height:400px}.empty-state{text-align:center;padding:4rem 2rem;color:var(--navy-400)}.empty-state svg{margin-bottom:1rem;opacity:.4}.empty-state p{font-size:.95rem}.login-page-premium{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#0a0f1c,#111827 40%,#1e293b);position:relative;overflow:hidden;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-bg-shapes{position:absolute;inset:0;pointer-events:none;overflow:hidden}.login-bg-shapes .shape{position:absolute;border-radius:50%;filter:blur(80px);opacity:.5;animation:float 20s ease-in-out infinite}.shape-1{width:500px;height:500px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);top:-15%;right:-10%;animation-delay:0s}.shape-2{width:400px;height:400px;background:radial-gradient(circle,rgba(16,185,129,.3) 0%,transparent 70%);bottom:-10%;left:-5%;animation-delay:-5s}.shape-3{width:300px;height:300px;background:radial-gradient(circle,rgba(139,92,246,.35) 0%,transparent 70%);top:50%;left:30%;transform:translateY(-50%);animation-delay:-10s}.shape-4{width:250px;height:250px;background:radial-gradient(circle,rgba(236,72,153,.25) 0%,transparent 70%);bottom:20%;right:20%;animation-delay:-15s}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.05)}50%{transform:translate(-20px,20px) scale(.95)}75%{transform:translate(20px,10px) scale(1.02)}}.bubbles-container{position:absolute;inset:0;pointer-events:none;overflow:hidden}.bubble{position:absolute;background:linear-gradient(135deg,#3b82f64d,#8b5cf633);border-radius:50%;border:1px solid rgba(255,255,255,.1);animation:bubbleFloat 15s ease-in-out infinite}.bubble-1{width:20px;height:20px;left:10%;bottom:-20px;animation-delay:0s;animation-duration:12s}.bubble-2{width:15px;height:15px;left:20%;bottom:-20px;animation-delay:-2s;animation-duration:14s}.bubble-3{width:25px;height:25px;left:35%;bottom:-20px;animation-delay:-4s;animation-duration:11s}.bubble-4{width:18px;height:18px;left:50%;bottom:-20px;animation-delay:-6s;animation-duration:16s}.bubble-5{width:22px;height:22px;left:65%;bottom:-20px;animation-delay:-8s;animation-duration:13s}.bubble-6{width:12px;height:12px;left:75%;bottom:-20px;animation-delay:-10s;animation-duration:15s}.bubble-7{width:28px;height:28px;left:85%;bottom:-20px;animation-delay:-12s;animation-duration:10s}.bubble-8{width:16px;height:16px;left:90%;bottom:-20px;animation-delay:-14s;animation-duration:17s}.bubble-9{width:14px;height:14px;left:5%;bottom:-20px;animation-delay:-3s;animation-duration:18s}.bubble-10{width:24px;height:24px;left:45%;bottom:-20px;animation-delay:-7s;animation-duration:12s}.bubble-11{width:10px;height:10px;left:55%;bottom:-20px;animation-delay:-9s;animation-duration:14s}.bubble-12{width:20px;height:20px;left:95%;bottom:-20px;animation-delay:-11s;animation-duration:16s}@keyframes bubbleFloat{0%{transform:translateY(0) scale(1);opacity:0}10%{opacity:.6}90%{opacity:.4}to{transform:translateY(-100vh) scale(.5);opacity:0}}.login-split-layout{display:flex;width:100%;max-width:1100px;min-height:600px;margin:2rem;position:relative;z-index:10}.login-branding-side{flex:1;display:flex;flex-direction:column;justify-content:center;padding:3rem;position:relative}.branding-content{position:relative;z-index:2}.brand-logo-container{position:relative;display:inline-flex;margin-bottom:1.5rem}.brand-logo-glow{position:absolute;inset:-20px;background:radial-gradient(circle,rgba(59,130,246,.4) 0%,transparent 70%);filter:blur(20px);animation:pulse-glow 3s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:scale(1)}50%{opacity:.8;transform:scale(1.1)}}.brand-logo{width:80px;height:80px;background:linear-gradient(135deg,#1e3a8a,#8b5cf6);border-radius:20px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 32px #3b82f666;position:relative;animation:logoFloat 6s ease-in-out infinite}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.brand-logo-container.small .brand-logo{width:60px;height:60px;border-radius:16px}.brand-title{font-size:3rem;font-weight:800;background:linear-gradient(135deg,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:.5rem;letter-spacing:-.02em}.brand-subtitle{font-size:1.1rem;color:#64748b;margin-bottom:2.5rem}.brand-features{display:flex;flex-direction:column;gap:1rem}.brand-feature{display:flex;align-items:center;gap:1rem;color:#94a3b8;font-size:.95rem;transition:all .3s ease}.brand-feature:hover{color:#e2e8f0;transform:translate(8px)}.feature-icon{width:40px;height:40px;background:#3b82f626;border:1px solid rgba(59,130,246,.2);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#1e3a8a}.car-illustration{position:absolute;bottom:3rem;left:3rem;opacity:.15}.car-body{color:#1e3a8a;animation:carBounce 4s ease-in-out infinite}@keyframes carBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.water-drops{position:absolute;top:-20px;right:-30px}.water-drops .drop{position:absolute;color:#22d3ee;opacity:.6;animation:dropFall 2s ease-in-out infinite}.drop-1{animation-delay:0s}.drop-2{left:20px;animation-delay:.5s}.drop-3{left:40px;animation-delay:1s}@keyframes dropFall{0%{transform:translateY(0);opacity:.6}50%{opacity:.3}to{transform:translateY(30px);opacity:0}}.login-form-side{flex:1;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card-premium{background:#ffffff08;backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px);border:1px solid rgba(255,255,255,.08);border-radius:28px;padding:2.5rem;width:100%;max-width:420px;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff0d inset,0 24px 48px #0006}.card-glow{position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 30% 30%,rgba(59,130,246,.1) 0%,transparent 50%);pointer-events:none}.login-card-header{text-align:center;margin-bottom:2rem;position:relative}.admin-badge{display:inline-flex;align-items:center;gap:.5rem;background:linear-gradient(135deg,#8b5cf633,#3b82f633);border:1px solid rgba(139,92,246,.3);padding:.5rem 1rem;border-radius:100px;font-size:.75rem;font-weight:600;color:#a78bfa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:1.25rem}.login-card-header h2{font-size:1.75rem;font-weight:700;color:#f8fafc;margin-bottom:.5rem}.login-card-header p{color:#64748b;font-size:.95rem}.login-error-alert{display:flex;align-items:center;gap:.75rem;background:#ef444426;border:1px solid rgba(239,68,68,.3);color:#fca5a5;padding:1rem;border-radius:12px;margin-bottom:1.5rem;font-size:.875rem}.error-icon{width:24px;height:24px;background:#ef4444;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.google-signin-btn{position:relative;width:100%;padding:1rem 1.5rem;border:none;border-radius:14px;cursor:pointer;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1);background:transparent}.google-signin-btn .btn-bg{position:absolute;inset:0;background:linear-gradient(135deg,#1e293b,#334155);border:1px solid rgba(255,255,255,.1);border-radius:14px;transition:all .4s ease}.google-signin-btn:hover .btn-bg{background:linear-gradient(135deg,#334155,#475569);border-color:#3b82f64d;box-shadow:0 8px 32px #3b82f633}.google-signin-btn .btn-content{position:relative;display:flex;align-items:center;justify-content:center;gap:.75rem;color:#f1f5f9;font-size:1rem;font-weight:600;z-index:2}.google-icon{width:22px;height:22px}.google-signin-btn .btn-shine{position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent);transition:left .6s ease;z-index:1}.google-signin-btn:hover .btn-shine{left:100%}.google-signin-btn:active{transform:scale(.98)}.google-signin-btn:disabled{opacity:.5;cursor:not-allowed}.google-signin-btn.submit-btn .btn-bg{background:linear-gradient(135deg,#1e3a8a,#8b5cf6);border:none}.google-signin-btn.submit-btn:hover .btn-bg{background:linear-gradient(135deg,#2563eb,#7c3aed);box-shadow:0 8px 32px #3b82f666}.login-divider{display:flex;align-items:center;margin:1.75rem 0}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.1),transparent)}.login-divider span{padding:0 1rem;font-size:.75rem;color:#475569;text-transform:uppercase;letter-spacing:1px}.login-info-box{display:flex;gap:1rem;background:#3b82f614;border:1px solid rgba(59,130,246,.15);border-radius:14px;padding:1.25rem}.login-info-box .info-icon{width:40px;height:40px;background:linear-gradient(135deg,#3b82f633,#8b5cf633);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#60a5fa;flex-shrink:0}.info-content .info-title{font-size:.875rem;font-weight:600;color:#e2e8f0;margin-bottom:.25rem}.info-content .info-text{font-size:.8rem;color:#64748b;line-height:1.5}.login-footer{margin-top:2rem;text-align:center}.login-footer p{font-size:.75rem;color:#475569}.login-loader-container{display:flex;flex-direction:column;align-items:center;gap:1.5rem;color:#94a3b8}.login-loader-spinner{width:64px;height:64px;background:linear-gradient(135deg,#1e3a8a,#8b5cf6);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;animation:loaderPulse 1.5s ease-in-out infinite}@keyframes loaderPulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.1);opacity:.8}}.onboarding-card-container{display:flex;align-items:center;justify-content:center;width:100%;padding:2rem;position:relative;z-index:10}.onboarding-card{max-width:480px}.onboarding-form-premium{display:flex;flex-direction:column;gap:1.25rem;margin-bottom:1.5rem}.form-group-premium label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;color:#94a3b8;margin-bottom:.5rem}.form-group-premium label svg{color:#1e3a8a}.form-group-premium input,.form-group-premium textarea{width:100%;padding:.875rem 1rem;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;color:#f1f5f9;font-size:.95rem;transition:all .3s ease}.form-group-premium input::placeholder,.form-group-premium textarea::placeholder{color:#475569}.form-group-premium input:focus,.form-group-premium textarea:focus{outline:none;border-color:#1e3a8a;background:#3b82f614;box-shadow:0 0 0 4px #3b82f61a}.logout-link{background:none;border:none;color:#64748b;font-size:.875rem;cursor:pointer;transition:color .3s ease;margin-bottom:1.5rem}.logout-link:hover{color:#94a3b8}.pending-notice{display:flex;align-items:flex-start;gap:.75rem;background:#fbbf241a;border:1px solid rgba(251,191,36,.2);border-radius:12px;padding:1rem;color:#fbbf24}.pending-notice svg{flex-shrink:0;margin-top:2px}.pending-notice p{font-size:.85rem;color:#fcd34d;line-height:1.5}@media(max-width:900px){.login-split-layout{flex-direction:column;max-width:480px;min-height:auto}.login-branding-side{padding:2rem 2rem 1rem;text-align:center}.branding-content{display:flex;flex-direction:column;align-items:center}.brand-title{font-size:2.5rem}.brand-features,.car-illustration{display:none}.login-form-side{padding:1rem 2rem 2rem}}@media(max-width:480px){.login-split-layout{margin:1rem}.login-branding-side{padding:1.5rem 1.5rem 1rem}.brand-logo{width:60px;height:60px;border-radius:16px}.brand-title{font-size:2rem}.brand-subtitle{font-size:.9rem;margin-bottom:0}.login-form-side{padding:0 1.5rem 1.5rem}.login-card-premium{padding:1.75rem;border-radius:20px}.login-card-header h2{font-size:1.5rem}.google-signin-btn{padding:.875rem 1.25rem}}.mobile-nav{display:none;position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #e4e4e8;padding:.5rem;z-index:1001;box-shadow:0 -1px 16px #0000000f}.mobile-nav-items{display:flex;justify-content:space-around}.mobile-nav-item{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.5rem .75rem;color:var(--navy-500);text-decoration:none;font-size:.7rem;font-weight:500;border-radius:var(--radius-sm);transition:var(--transition-fast)}.mobile-nav-item.active{color:#1a1f3e;background:#f4f4f6}@media(max-width:1024px){:root{--sidebar-width: 260px}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0;padding:1rem;padding-top:calc(60px + 1rem);padding-bottom:6rem}.mobile-nav{display:block}.mobile-top-nav{display:flex}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0a0a0f73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99}.desktop-table{display:none}.mobile-cards{display:block!important}.quick-stats-row{grid-template-columns:repeat(2,1fr)!important}}@media(max-width:768px){.page-header{flex-direction:column;align-items:stretch}}@media(max-width:480px){.quick-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.quick-stat-card{padding:.5rem .625rem}.stat-value{font-size:1.1rem}.stat-label{font-size:.6rem}.stat-icon{width:32px;height:32px;min-width:32px}.stat-icon svg{width:16px;height:16px}}.mobile-cards{display:none}.booking-card{background:var(--bg-base, #ffffff);border-radius:var(--radius-md);border:1px solid var(--bg-border, #e4e4e8);margin-bottom:.75rem;overflow:hidden;box-shadow:var(--shadow-xs);transition:var(--transition-fast)}.booking-card:hover{box-shadow:var(--shadow-sm);border-color:var(--ink-200, #d8d8e4)}.booking-card-header{padding:.75rem 1rem;background:var(--bg-base, #ffffff);border-bottom:1px solid var(--bg-border, #e4e4e8);display:flex;justify-content:space-between;align-items:center}.booking-card-header strong{font-size:.9rem;color:var(--navy-800)}.booking-card-body{padding:.75rem 1rem}.booking-card-body p{margin:.25rem 0;font-size:.8rem;color:var(--navy-600);display:flex;align-items:center;gap:.5rem}.booking-card-body p strong{font-size:.85rem;color:var(--navy-800)}.booking-card-footer{padding:.75rem 1rem;border-top:1px solid var(--bg-border, #e4e4e8);display:flex;gap:.5rem;flex-wrap:wrap;background:var(--bg-subtle, #f9f9fb)}.booking-card-footer .btn{flex:1;min-width:80px;padding:.5rem .625rem;font-size:.75rem}.booking-card-footer .btn svg{width:14px;height:14px}.booking-price{font-size:1rem!important;font-weight:700;color:var(--ink-900, #111118)!important}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--navy-500)}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.zd{padding:1.5rem 1.5rem 5rem;max-width:1440px;margin:0 auto}.zd-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:2rem}.zd-header h1{font-size:1.6rem;font-weight:800;color:#0f172a;margin:0;letter-spacing:-.02em}.zd-header p{color:#64748b;font-size:.85rem;margin:.25rem 0 0}.zd-date{font-size:.8rem;color:#94a3b8;font-weight:500;text-align:right}.zd-date strong{display:block;font-size:.9rem;color:#334155}.zd-kpi-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-bottom:1.5rem}.zd-kpi{background:#fff;border-radius:14px;padding:1.125rem 1.25rem;border:1px solid #e4e4e8;position:relative;overflow:hidden;transition:box-shadow .2s,border-color .2s}.zd-kpi:hover{box-shadow:0 4px 20px #00000012;border-color:#c8c8d4}.zd-kpi:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;border-radius:14px 0 0 14px}.zd-kpi.blue:before{background:#1a1f3e}.zd-kpi.green:before{background:#444457}.zd-kpi.purple:before{background:#2e2e3e}.zd-kpi.amber:before{background:#6b6b80}.zd-kpi-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.zd-kpi-label{font-size:.75rem;font-weight:600;color:#6b6b80;text-transform:uppercase;letter-spacing:.05em}.zd-kpi-icon{width:36px;height:36px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:#ededf0;color:#2e2e3e}.zd-kpi.blue .zd-kpi-icon,.zd-kpi.green .zd-kpi-icon,.zd-kpi.purple .zd-kpi-icon,.zd-kpi.amber .zd-kpi-icon{background:#ededf0;color:#2e2e3e}.zd-kpi-value{font-size:1.65rem;font-weight:800;color:#111118;line-height:1}.zd-kpi-sub{display:flex;align-items:center;gap:.5rem;margin-top:.5rem}.zd-kpi-sub span{font-size:.72rem;color:#9494a6}.zd-trend{font-size:.68rem;font-weight:700;padding:.15rem .45rem;border-radius:20px}.zd-trend.up{background:#dcfce7;color:#166534}.zd-trend.down{background:#fee2e2;color:#991b1b}.zd-status-strip{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.5rem}.zd-status{background:#fff;border-radius:12px;padding:.875rem 1rem;border:1px solid #e4e4e8;display:flex;align-items:center;gap:.625rem;cursor:default;transition:all .15s}.zd-status:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000000f;border-color:#c8c8d4}.zd-status-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.zd-status-dot.pending{background:#f59e0b}.zd-status-dot.confirmed{background:#3b82f6}.zd-status-dot.progress{background:#8b5cf6}.zd-status-dot.completed{background:#10b981}.zd-status-dot.absent{background:#ef4444}.zd-status-dot.unpaid{background:#f97316}.zd-status-num{font-size:1.3rem;font-weight:800;color:#0f172a}.zd-status-text{font-size:.72rem;color:#64748b;font-weight:500;line-height:1.2}.zd-status.clickable{cursor:pointer}.zd-status.clickable:hover{border-color:#f97316}.zd-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:1rem;margin-bottom:1rem}.zd-grid-3{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1rem;margin-bottom:1rem}.zd-grid-2eq{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-bottom:1rem}.zd-card{background:#fff;border-radius:14px;border:1px solid var(--bg-border, #e4e4e8);overflow:hidden;box-shadow:0 1px 4px #0000000d}.zd-card-head{padding:1rem 1.25rem;border-bottom:1px solid var(--bg-border, #e4e4e8);display:flex;justify-content:space-between;align-items:center}.zd-card-head h3{font-size:.88rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem;margin:0}.zd-card-head .zd-link{font-size:.78rem;color:#2563eb;font-weight:600;text-decoration:none}.zd-card-body{padding:1.25rem}.zd-card-body.compact{padding:0}.zd-chart{height:220px;display:flex;align-items:flex-end;gap:.5rem;padding:1.25rem 1.25rem .5rem}.zd-bar-col{flex:1;display:flex;flex-direction:column;align-items:center;height:100%}.zd-bar-wrap{flex:1;width:100%;display:flex;align-items:flex-end;justify-content:center}.zd-bar{width:70%;max-width:48px;border-radius:6px 6px 2px 2px;background:linear-gradient(180deg,#3b82f6,#1e3a8a);min-height:4px;position:relative;cursor:pointer;transition:all .2s}.zd-bar:hover{filter:brightness(1.15);transform:scaleY(1.02)}.zd-bar-tip{position:absolute;top:-40px;left:50%;transform:translate(-50%);background:#0f172a;color:#fff;padding:.3rem .6rem;border-radius:6px;font-size:.68rem;font-weight:600;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity .15s;z-index:5}.zd-bar:hover .zd-bar-tip{opacity:1}.zd-bar-label{font-size:.7rem;color:#94a3b8;font-weight:600;margin-top:.5rem}.zd-bar-amount{font-size:.65rem;color:#64748b;font-weight:500;margin-top:.15rem}.zd-chart-total{padding:.75rem 1.25rem;border-top:1px solid #f1f5f9;display:flex;justify-content:space-between;font-size:.8rem}.zd-chart-total strong{color:#0f172a}.zd-chart-total span{color:#64748b}.zd-schedule{display:flex;flex-direction:column}.zd-sched-item{display:flex;align-items:center;padding:.85rem 1.25rem;border-bottom:1px solid #f8fafc;gap:.75rem;transition:background .1s}.zd-sched-item:last-child{border:none}.zd-sched-item:hover{background:#f8fafc}.zd-sched-time{font-size:.72rem;font-weight:700;color:#2563eb;background:#eff6ff;padding:.2rem .5rem;border-radius:5px;min-width:48px;text-align:center}.zd-sched-info{flex:1;min-width:0}.zd-sched-info strong{display:block;font-size:.82rem;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.zd-sched-info span{font-size:.72rem;color:#94a3b8}.zd-sched-badge{width:8px;height:8px;border-radius:50%;flex-shrink:0}.zd-sched-badge.in_progress{background:#8b5cf6}.zd-sched-badge.confirmed{background:#3b82f6}.zd-sched-badge.pending_confirmation{background:#f59e0b}.zd-donut-wrap{display:flex;align-items:center;gap:1.5rem;padding:1.25rem}.zd-donut{width:120px;height:120px;border-radius:50%;position:relative;flex-shrink:0}.zd-donut-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:60px;height:60px;background:#fff;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center}.zd-donut-center strong{font-size:1.1rem;font-weight:800;color:#0f172a;line-height:1}.zd-donut-center span{font-size:.6rem;color:#94a3b8}.zd-legend{display:flex;flex-direction:column;gap:.4rem;flex:1}.zd-legend-item{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#334155}.zd-legend-dot{width:8px;height:8px;border-radius:2px;flex-shrink:0}.zd-legend-item span{margin-left:auto;font-weight:700;color:#0f172a}.zd-perf-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid #f8fafc}.zd-perf-item:last-child{border:none}.zd-perf-rank{width:26px;height:26px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:.72rem;flex-shrink:0}.zd-perf-rank.r1{background:#fef3c7;color:#92400e}.zd-perf-rank.r2{background:#e2e8f0;color:#475569}.zd-perf-rank.r3{background:#fed7aa;color:#9a3412}.zd-perf-info{flex:1}.zd-perf-info strong{display:block;font-size:.82rem;color:#1e293b}.zd-perf-info span{font-size:.72rem;color:#94a3b8}.zd-perf-val{font-size:.85rem;font-weight:700;color:#1e3a8a}.zd-table{width:100%;border-collapse:collapse}.zd-table th{background:#f8fafc;text-align:left;padding:.65rem 1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700}.zd-table td{padding:.75rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.82rem;color:#334155}.zd-table tr:hover td{background:#f8fafc}.zd-badge{padding:.2rem .5rem;border-radius:5px;font-size:.68rem;font-weight:700;text-transform:uppercase}.zd-badge.completed{background:#d1fae5;color:#065f46}.zd-badge.in_progress{background:#ede9fe;color:#5b21b6}.zd-badge.confirmed{background:#dbeafe;color:#1e40af}.zd-badge.pending_confirmation{background:#ffedd5;color:#9a3412}.zd-alert-item{display:flex;align-items:center;gap:.75rem;padding:.85rem 1.25rem;border-bottom:1px solid #f8fafc}.zd-alert-item:last-child{border:none}.zd-alert-icon{width:32px;height:32px;border-radius:8px;background:#fff7ed;color:#ea580c;display:flex;align-items:center;justify-content:center;flex-shrink:0}.zd-alert-info{flex:1}.zd-alert-info strong{display:block;font-size:.82rem;color:#1e293b}.zd-alert-info span{font-size:.72rem;color:#ef4444;font-weight:600}.zd-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:#94a3b8;text-align:center;gap:.5rem}.zd-empty p{font-size:.85rem;margin:0}@media(max-width:1024px){.zd-grid-2,.zd-grid-3,.zd-grid-2eq{grid-template-columns:1fr}.zd-status-strip{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.zd{padding:1rem .75rem 5rem}.zd-kpi-row{grid-template-columns:repeat(2,1fr);gap:.625rem}.zd-kpi{padding:.875rem 1rem}.zd-kpi-value{font-size:1.35rem}.zd-status-strip{grid-template-columns:repeat(3,1fr);gap:.5rem}.zd-status{padding:.65rem .75rem}.zd-status-num{font-size:1.1rem}.zd-header{flex-direction:column;align-items:flex-start;gap:.5rem}.zd-donut-wrap{flex-direction:column;align-items:center}.zd-table thead{display:none}.zd-table tr{display:block;margin-bottom:.75rem;border:1px solid #e4e4e8;border-radius:10px;overflow:hidden}.zd-table td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .875rem;border-bottom:1px solid #f4f4f6}.zd-table td:last-child{border-bottom:none}.zd-table td:before{content:attr(data-label);font-weight:700;color:#9494a6;font-size:.7rem;text-transform:uppercase;letter-spacing:.04em;margin-right:.5rem;flex-shrink:0}.zd-chart{height:180px;gap:.35rem;padding:1rem .75rem .5rem}.zd-bar-label{font-size:.62rem}.zd-bar-amount{display:none}}@media(max-width:480px){.zd-kpi-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.zd-kpi{padding:.75rem .875rem}.zd-kpi-value{font-size:1.2rem}.zd-kpi-icon{width:30px;height:30px}.zd-status-strip{grid-template-columns:repeat(3,1fr);gap:.4rem}.zd-status{padding:.5rem .6rem;gap:.4rem}.zd-status-num{font-size:1rem}.zd-status-text{font-size:.65rem}.zd-sched-time{min-width:40px;font-size:.68rem}}.bookings-page{padding:1.25rem 1.5rem 5rem;max-width:1440px;margin:0 auto}.bookings-page .page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.bookings-page .page-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.bookings-page .subtitle{font-size:.82rem;color:#64748b;margin-top:.2rem}.bookings-page .view-mode-tabs{display:flex;gap:0;margin-bottom:1rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;overflow:hidden;width:fit-content}.bookings-page .view-mode-tabs .btn{padding:.6rem 1.25rem;font-size:.8rem;font-weight:600;background:transparent;color:#64748b;border:none;border-radius:0;display:flex;align-items:center;gap:.4rem;cursor:pointer;transition:all .15s}.bookings-page .view-mode-tabs .btn.active{background:#1e3a8a;color:#fff}.bookings-page .view-mode-tabs .btn:hover:not(.active){background:#f1f5f9}.bookings-page .search-filter-bar{margin-bottom:1rem}.bookings-page .search-box{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:0 1rem;display:flex;align-items:center;gap:.5rem;transition:border-color .15s}.bookings-page .search-box:focus-within{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb1a}.bookings-page .search-box input{border:none;outline:none;background:transparent;width:100%;padding:.7rem 0;font-size:.85rem;color:#1e293b}.bookings-page .search-box svg{color:#94a3b8;flex-shrink:0}.bookings-page .filter-select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;padding:.65rem 2rem .65rem 1rem;font-size:.82rem;font-weight:600;color:#334155;cursor:pointer;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%2364748b%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.5-3.5%205.4-7.8%205.4-12.8%200-5-1.9-9.2-5.5-12.8z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right .7rem center;background-size:.6rem}.bookings-page .quick-stats-row{display:grid;grid-template-columns:repeat(6,1fr);gap:.75rem;margin-bottom:1.25rem}.bookings-page .quick-stat-card{background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem;transition:all .15s}.bookings-page .quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.bookings-page .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.bookings-page .stat-icon.orange{background:#fff7ed;color:#ea580c}.bookings-page .stat-icon.blue{background:#eff6ff;color:#2563eb}.bookings-page .stat-icon.purple{background:#f5f3ff;color:#7c3aed}.bookings-page .stat-icon.green{background:#f0fdf4;color:#16a34a}.bookings-page .stat-info .stat-value{display:block;font-size:1.4rem;font-weight:800;color:#0f172a;line-height:1}.bookings-page .stat-info .stat-label{font-size:.72rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-top:.25rem}.bookings-page .card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden}.bookings-page .card-body{padding:0}.bookings-page .data-table{width:100%;border-collapse:collapse}.bookings-page .data-table thead th{background:#f8fafc;padding:.75rem 1rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:#64748b;font-weight:700;border-bottom:1px solid #e2e8f0;white-space:nowrap}.bookings-page .data-table tbody td{padding:.85rem 1rem;border-bottom:1px solid #f1f5f9;font-size:.82rem;color:#334155;vertical-align:top}.bookings-page .data-table tbody tr:hover td{background:#f8fafc}.bookings-page .data-table tbody tr:last-child td{border-bottom:none}.bookings-page .btn-icon{width:32px;height:32px;border-radius:8px;border:1px solid #e2e8f0;background:#fff;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:#64748b;transition:all .15s}.bookings-page .btn-icon:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.bookings-page .badge,.bookings-page select.badge{padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.02em;display:inline-block}.bookings-page .badge-warning{background:#ffedd5;color:#9a3412}.bookings-page .badge-info{background:#dbeafe;color:#1e40af}.bookings-page .badge-primary{background:#ede9fe;color:#5b21b6}.bookings-page .badge-success{background:#d1fae5;color:#065f46}.bookings-page .badge-danger{background:#fee2e2;color:#991b1b}.bookings-page .badge-secondary{background:#f1f5f9;color:#475569}.bookings-page .btn-primary{background:#1e3a8a;color:#fff;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s}.bookings-page .btn-primary:hover{background:#172554;transform:translateY(-1px);box-shadow:0 4px 12px #1e3a8a40}.bookings-page .booking-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;margin-bottom:.75rem;overflow:hidden}.bookings-page .booking-card-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1rem 1rem .5rem}.bookings-page .booking-card-body{padding:.5rem 1rem;font-size:.82rem;color:#475569}.bookings-page .booking-card-body p{margin:.25rem 0;display:flex;align-items:center;gap:.4rem}.bookings-page .booking-card-footer{padding:.75rem 1rem;border-top:1px solid #f1f5f9;display:flex;gap:.5rem;flex-wrap:wrap}.walkin-modal .form-group label{font-size:.78rem;font-weight:700;color:#334155;text-transform:uppercase;letter-spacing:.03em;margin-bottom:.4rem}.walkin-modal input[type=text],.walkin-modal input[type=tel],.walkin-modal input[type=email],.walkin-modal input[type=date],.walkin-modal select,.walkin-modal textarea{border:1px solid #e2e8f0;border-radius:10px;padding:.7rem 1rem;font-size:.85rem;color:#1e293b;background:#fff;width:100%;transition:border-color .15s}.walkin-modal input:focus,.walkin-modal select:focus,.walkin-modal textarea:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}@media(max-width:1024px){.bookings-page .quick-stats-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:768px){.bookings-page{padding:.75rem .75rem 5rem}.bookings-page .quick-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem}.bookings-page .quick-stat-card{padding:.75rem}.bookings-page .stat-info .stat-value{font-size:1.1rem}}.cal-stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem;margin-bottom:1rem}.cal-stat-card{background:#fff;border-radius:12px;border:1px solid #e4e4e8;padding:.85rem 1rem;display:flex;align-items:center;gap:.65rem;transition:box-shadow .15s ease}.cal-stat-card:hover{box-shadow:0 2px 10px #0000000f;border-color:#c8c8d4}.cal-stat-icon{width:36px;height:36px;min-width:36px;border-radius:9px;background:#ededf0;color:#2e2e3e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.cal-stat-value{font-size:1.2rem;font-weight:800;color:#111118;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cal-stat-label{font-size:.65rem;color:#6b6b80;font-weight:600;text-transform:uppercase;letter-spacing:.04em;margin-top:3px;white-space:nowrap}@media(max-width:640px){.cal-stats-grid{grid-template-columns:repeat(2,1fr);gap:.6rem}.cal-stat-card{padding:.75rem .875rem;gap:.5rem}.cal-stat-icon{width:32px;height:32px;min-width:32px}.cal-stat-value{font-size:1.05rem}.cal-stat-label{font-size:.6rem}}.calendar-page{padding:1.25rem 1.5rem 5rem;max-width:1440px;margin:0 auto;overflow-x:hidden;box-sizing:border-box;width:100%}.calendar-page .page-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.calendar-page .card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:none}.calendar-page .card-header{background:#fff;border-bottom:1px solid #f1f5f9;padding:1rem 1.5rem}.calendar-page .card-header h2{font-size:1.15rem;font-weight:800;color:#0f172a;letter-spacing:-.01em}.calendar-page .card-header .btn{width:36px;height:36px;border-radius:10px;background:#f8fafc;border:1px solid #e2e8f0;color:#334155;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s;padding:0}.calendar-page .card-header .btn:hover{background:#1e3a8a;color:#fff;border-color:#1e3a8a}.calendar-page .calendar-header{display:grid;grid-template-columns:repeat(7,1fr);text-align:center;padding:.6rem 0;margin-bottom:.5rem;border-bottom:1px solid #f1f5f9}.calendar-page .calendar-header span{font-size:.72rem;font-weight:700;color:#94a3b8;text-transform:uppercase;letter-spacing:.05em}.calendar-page .calendar-days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px}.calendar-page .calendar-day{aspect-ratio:1.1;min-height:70px;max-height:90px;padding:.5rem;background:#f8fafc;border-radius:10px;border:1px solid transparent;display:flex;flex-direction:column;cursor:pointer;transition:all .15s;position:relative}.calendar-page .calendar-day:hover:not(.empty){background:#f4f4f6;border-color:#c8c8d4;transform:none;box-shadow:0 2px 8px #0000000d}.calendar-page .calendar-day.empty{background:transparent;border:none;pointer-events:none}.calendar-page .calendar-day.today{background:#1e3a8a;color:#fff;border-color:#1e3a8a;box-shadow:0 4px 14px #1e3a8a4d}.calendar-page .calendar-day.has-bookings{border:1.5px solid #1a1f3e;background:#f4f4f6}.calendar-page .calendar-day.today.has-bookings{background:#1e3a8a;border-color:#ffffff4d}.calendar-page .calendar-day.selected{border-color:#1a1f3e;background:#f4f4f6;box-shadow:0 0 0 2px #1a1f3e1f}.calendar-page .calendar-day.today.selected{background:#172554}.calendar-page .day-number{font-weight:800;font-size:.88rem;line-height:1;color:#1e293b}.calendar-page .calendar-day.today .day-number{color:#fff}.calendar-page .day-bookings{margin-top:auto}.calendar-page .booking-count{font-size:.6rem;font-weight:700;background:#1a1f3e;color:#fff;padding:.15rem .45rem;border-radius:5px;letter-spacing:.02em;display:inline-block}.calendar-page .calendar-day.today .booking-count{background:#fff3;color:#fff;border:1px solid rgba(255,255,255,.3)}.calendar-page .selected-day-bookings{margin-top:1rem;background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden}.calendar-page .selected-day-header{padding:1rem 1.5rem;background:#f9f9fb;border-bottom:1px solid #e4e4e8}.calendar-page .selected-day-header h3{font-size:1rem;font-weight:700;color:#0f172a}.calendar-page .timeline-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(90px,1fr));gap:.4rem}.calendar-page .timeline-slot{border-radius:8px!important;min-height:56px;transition:all .15s}.calendar-page .timeline-slot:hover{transform:translateY(-1px);box-shadow:0 2px 6px #0000000f}.calendar-page .day-booking-list{padding:1rem 1.5rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.calendar-page .day-booking-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .15s}.calendar-page .day-booking-card:hover{border-color:#c8c8d4;box-shadow:0 2px 8px #0000000d;transform:translateY(-1px)}.calendar-page .day-booking-header{border-bottom:1px solid #e2e8f0;padding-bottom:.6rem;margin-bottom:.6rem}.calendar-page .day-booking-header strong{font-size:.88rem;font-weight:800;color:#111118}.calendar-page .day-booking-body p{font-size:.8rem;color:#475569;margin:.25rem 0}.calendar-page .badge-pending{background:#ffedd5;color:#9a3412;padding:.2rem .5rem;border-radius:5px;font-size:.68rem;font-weight:700}.calendar-page .badge-confirmed{background:#dbeafe;color:#1e40af;padding:.2rem .5rem;border-radius:5px;font-size:.68rem;font-weight:700}.calendar-page .badge-progress{background:#ede9fe;color:#5b21b6;padding:.2rem .5rem;border-radius:5px;font-size:.68rem;font-weight:700}.calendar-page .badge-completed{background:#d1fae5;color:#065f46;padding:.2rem .5rem;border-radius:5px;font-size:.68rem;font-weight:700}.calendar-page .badge-cancelled{background:#fee2e2;color:#991b1b;padding:.2rem .5rem;border-radius:5px;font-size:.68rem;font-weight:700}@media(max-width:768px){.calendar-page{padding:.75rem .75rem 5rem}.calendar-page .calendar-day{min-height:48px;max-height:none;aspect-ratio:auto;padding:.35rem;border-radius:8px}.calendar-page .day-number{font-size:.8rem}.calendar-page .booking-count{font-size:.5rem;padding:.1rem .3rem}.calendar-page .day-booking-list{grid-template-columns:1fr}.calendar-page .timeline-grid{grid-template-columns:repeat(auto-fill,minmax(70px,1fr))}}.services-page{padding:1.25rem 1.5rem 5rem;max-width:1440px;margin:0 auto;overflow-x:hidden;box-sizing:border-box;width:100%}.services-page .page-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.services-page .subtitle{font-size:.82rem;color:#64748b}.services-page .category-filter{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.5rem;display:inline-flex;gap:.35rem}.services-page .category-filter .btn-sm{padding:.45rem 1rem;border-radius:8px;font-size:.78rem;font-weight:600;border:none;cursor:pointer;transition:all .15s}.services-page .category-filter .btn-secondary{background:transparent;color:#64748b}.services-page .category-filter .btn-secondary:hover{background:#f1f5f9;color:#1e293b}.services-page .category-filter .btn-primary{background:#1a1f3e;color:#fff}.services-page .quick-stats-row{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem;margin-bottom:1.5rem}.services-page .quick-stat-card{background:#fff;border-radius:12px;padding:1rem 1.25rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.75rem;transition:all .15s}.services-page .quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000d}.services-page .stat-icon{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.services-page .stat-icon.blue,.services-page .stat-icon.green,.services-page .stat-icon.purple{background:#ededf0;color:#2e2e3e}.services-page .stat-info .stat-value{display:block;font-size:1.5rem;font-weight:800;color:#0f172a;line-height:1}.services-page .stat-info .stat-label{font-size:.72rem;color:#64748b;font-weight:600;text-transform:uppercase;letter-spacing:.03em;margin-top:.2rem}.services-page .category-section h2{font-size:1rem!important;font-weight:800!important;color:#0f172a!important;display:flex;align-items:center;gap:.5rem;padding-bottom:.6rem!important;margin-bottom:.75rem!important;border-bottom:2px solid #1a1f3e!important;text-transform:uppercase;letter-spacing:.02em}.services-page .services-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.services-page .service-card{background:#fff;border-radius:12px;padding:1rem 1.15rem;border:1px solid #e2e8f0;box-shadow:none;transition:all .15s;display:flex;flex-direction:column}.services-page .service-card:hover{border-color:#c8c8d4;box-shadow:0 4px 12px #0000000f;transform:translateY(-2px)}.services-page .service-card.inactive{opacity:.5;background:#f8fafc}.services-page .service-card-header{margin-bottom:.4rem}.services-page .service-card-header h3{font-size:.95rem;font-weight:700;color:#0f172a;line-height:1.3}.services-page .service-description{font-size:.78rem;color:#64748b;margin-bottom:.75rem;line-height:1.45;min-height:0}.services-page .vehicle-prices{margin-bottom:.6rem!important;padding:.6rem!important;background:#f8fafc!important;border-radius:8px!important;border:1px solid #f1f5f9}.services-page .vehicle-prices small{font-size:.62rem!important;text-transform:uppercase!important;letter-spacing:.03em;color:#94a3b8!important}.services-page .vehicle-prices strong{font-size:.82rem!important;color:#111118!important;font-weight:800!important}.services-page .service-meta{font-size:.82rem;color:#334155;font-weight:700;margin-bottom:.5rem}.services-page .service-meta span svg{color:#94a3b8}.services-page .service-materials-badge{background:#ededf0;color:#2e2e3e;padding:.25rem .6rem;border-radius:6px;font-size:.7rem;font-weight:700;margin-bottom:.6rem}.services-page .service-actions{margin-top:auto;padding-top:.6rem;border-top:1px solid #f1f5f9}.services-page .service-actions .btn-sm{padding:.35rem .75rem;border-radius:7px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.services-page .service-actions .btn-sm:hover{background:#f1f5f9;border-color:#cbd5e1}.services-page .btn-primary{background:#1a1f3e;color:#fff;border:none;border-radius:10px;padding:.65rem 1.25rem;font-size:.85rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s}.services-page .btn-primary:hover{background:#0f1229;transform:translateY(-1px)}@media(max-width:768px){.services-page{padding:.75rem .75rem 5rem}.services-page .quick-stats-row{grid-template-columns:repeat(3,1fr);gap:.5rem}.services-page .services-grid{grid-template-columns:1fr}.services-page .category-filter{width:100%;overflow-x:auto}}.amc-page{padding:1.25rem 1.5rem 5rem;max-width:1440px;margin:0 auto}.amc-page .page-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.amc-page .tab-group,.invoices-page .tab-group{display:flex;background:#0f172a!important;padding:4px!important;border-radius:10px!important;gap:4px!important}.amc-page .tab-btn,.invoices-page .tab-btn{display:flex;align-items:center;gap:6px;padding:8px 18px!important;border:none!important;background:transparent!important;color:#ffffff80!important;border-radius:7px!important;cursor:pointer;font-weight:600!important;font-size:.82rem!important;transition:all .15s}.amc-page .tab-btn.active,.invoices-page .tab-btn.active{background:#1e3a8a!important;color:#fff!important;box-shadow:0 2px 8px #1e3a8a4d}.amc-page .section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem}.amc-page .section-header h3{font-size:1.1rem;font-weight:800;color:#0f172a}.amc-page .plans-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1rem}.amc-page .plan-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;transition:all .2s;box-shadow:none}.amc-page .plan-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #0000000f;border-color:#bfdbfe}.amc-page .plan-card.premium{border-color:#fbbf24!important}.amc-page .plan-card.compact{border-color:#2563eb!important}.amc-page .plan-header{background:linear-gradient(135deg,#0f172a,#1e3a8a)!important;color:#fff;padding:1rem 1.25rem!important}.amc-page .plan-card.premium .plan-header{background:linear-gradient(135deg,#1a1a2e,#44337a)!important;border-bottom:2px solid #fbbf24!important}.amc-page .plan-card.compact .plan-header{background:linear-gradient(135deg,#0f172a,#1e3a8a)!important}.amc-page .plan-header h3{font-size:1.05rem!important;font-weight:700!important;margin:0!important}.amc-page .plan-type-badge{display:inline-block;padding:3px 10px!important;border-radius:5px!important;font-size:.62rem!important;font-weight:800!important;letter-spacing:.08em!important;margin-bottom:6px!important;background:#ffffff26!important}.amc-page .plan-card.premium .plan-type-badge{background:linear-gradient(135deg,#fbbf24,#d97706)!important;color:#1a1a2e!important}.amc-page .plan-pricing{padding:.85rem 1.25rem!important;background:#f8fafc!important;border-bottom:1px solid #f1f5f9!important}.amc-page .vehicle-prices{display:grid;grid-template-columns:repeat(4,1fr)!important;gap:.5rem!important;text-align:center}.amc-page .vehicle-prices>div small{display:block;font-size:.62rem!important;color:#94a3b8!important;text-transform:uppercase;letter-spacing:.03em;margin-bottom:2px}.amc-page .vehicle-prices>div strong{font-size:.9rem!important;color:#1e3a8a!important;font-weight:800!important}.amc-page .plan-body{padding:1rem 1.25rem!important}.amc-page .plan-feature{display:flex;align-items:center;gap:.6rem!important;margin-bottom:.5rem!important;color:#334155!important;font-weight:500;font-size:.82rem!important}.amc-page .plan-feature svg{color:#2563eb!important;flex-shrink:0}.amc-page .plan-desc{font-size:.78rem!important;color:#64748b!important;line-height:1.5;margin-top:.75rem!important}.amc-page .plan-footer{padding:.85rem 1.25rem!important;border-top:1px solid #f1f5f9!important;background:#f8fafc!important}.amc-page .plan-footer .btn-sm{padding:.4rem .85rem;border-radius:7px;font-size:.75rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s}.amc-page .plan-footer .btn-sm:hover{background:#f1f5f9}.amc-page .plan-footer .btn-danger,.amc-page .plan-footer .btn-sm.btn-danger{background:#fef2f2!important;color:#dc2626!important;border-color:#fecaca!important}.amc-page .plan-footer .btn-danger:hover{background:#fee2e2!important}.amc-page .btn-outline-primary{background:transparent!important;color:#1e3a8a!important;border:1.5px solid #1e3a8a!important;border-radius:8px;padding:.55rem 1rem;font-size:.82rem;font-weight:600;cursor:pointer;transition:all .15s}.amc-page .btn-outline-primary:hover{background:#1e3a8a!important;color:#fff!important}.amc-page .subscriptions-section .data-table{width:100%;border-collapse:separate;border-spacing:0}.amc-page .subscriptions-section .data-table thead th{background:#f8fafc;color:#64748b;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.75rem 1rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.amc-page .subscriptions-section .data-table tbody td{padding:.7rem 1rem;font-size:.82rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.amc-page .subscriptions-section .data-table tbody tr:hover{background:#f8fafc}.amc-page .usage-bar-wrapper{min-width:120px}.amc-page .usage-text{font-size:.72rem;margin-bottom:3px;color:#475569;font-weight:600}.amc-page .usage-progress{height:5px!important;background:#e2e8f0!important;border-radius:3px!important;overflow:hidden}.amc-page .usage-fill{height:100%;background:linear-gradient(90deg,#2563eb,#1e3a8a)!important;border-radius:3px;transition:width .3s}.amc-page .empty-state{text-align:center;padding:3rem 1rem;color:#94a3b8}.amc-page .empty-state svg{color:#cbd5e1;margin-bottom:.75rem}.amc-page .empty-state p{font-size:.88rem;font-weight:500}.amc-page .badge-confirmed{background:#dbeafe;color:#1e40af;padding:.2rem .55rem;border-radius:5px;font-size:.68rem;font-weight:700}.amc-page .badge-progress{background:#ede9fe;color:#5b21b6;padding:.2rem .55rem;border-radius:5px;font-size:.68rem;font-weight:700}.amc-page .badge-cancelled{background:#fee2e2;color:#991b1b;padding:.2rem .55rem;border-radius:5px;font-size:.68rem;font-weight:700}@media(max-width:768px){.amc-page{padding:.75rem .75rem 5rem}.amc-page .plans-grid{grid-template-columns:1fr;gap:.75rem}.amc-page .vehicle-prices{grid-template-columns:repeat(2,1fr)!important}}.invoices-page{padding:1.25rem 1.5rem 5rem;max-width:1440px;margin:0 auto}.invoices-page .page-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.invoices-page .quick-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1rem}.invoices-page .quick-stat-card{background:#fff;border-radius:12px;padding:.85rem 1.15rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.7rem;transition:all .15s}.invoices-page .quick-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.invoices-page .search-filter-bar{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap;margin-bottom:1rem;padding:.75rem 1rem;background:#fff;border:1px solid #e2e8f0;border-radius:12px}.invoices-page .search-filter-bar .search-box{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.45rem .75rem;flex:1;min-width:180px}.invoices-page .search-filter-bar .search-box input{border:none;background:transparent;outline:none;font-size:.82rem;color:#334155;width:100%}.invoices-page .search-filter-bar .search-box svg{color:#94a3b8;flex-shrink:0}.invoices-page .date-filter-group{display:flex;align-items:center;gap:.35rem}.invoices-page .date-input{padding:.45rem .6rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.78rem;color:#334155;background:#f8fafc;outline:none}.invoices-page .date-separator{font-size:.75rem;color:#94a3b8}.invoices-page .clear-date-btn{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:6px;padding:.3rem;cursor:pointer;color:#64748b;display:flex;align-items:center}.invoices-page .search-filter-bar select{padding:.45rem .75rem!important;border-radius:8px!important;border:1px solid #e2e8f0!important;outline:none;background:#f8fafc!important;color:#334155!important;font-size:.78rem!important;font-weight:500;cursor:pointer}.invoices-page .export-tools{display:flex;align-items:center;gap:.4rem}.invoices-page .export-select{padding:.45rem .65rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.78rem;background:#f8fafc;color:#334155;outline:none}.invoices-page .btn-export{display:flex;align-items:center;gap:.35rem;padding:.45rem .85rem;background:#f0fdf4;color:#16a34a;border:1px solid #bbf7d0;border-radius:8px;font-size:.78rem;font-weight:600;cursor:pointer;transition:all .15s}.invoices-page .btn-export:hover{background:#dcfce7;border-color:#86efac}.invoices-page .divider-v{width:1px;height:24px;background:#e2e8f0}.invoices-page .invoice-header-actions{display:flex;align-items:center;gap:.5rem}.invoices-page .data-table{width:100%;border-collapse:separate;border-spacing:0}.invoices-page .data-table thead th{background:#f8fafc;color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.7rem .85rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.invoices-page .data-table tbody td{padding:.65rem .85rem;font-size:.82rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.invoices-page .data-table tbody tr:hover{background:#f8fafc}.invoices-page .data-table tbody td strong{font-weight:700;color:#0f172a}.invoices-page .data-table tbody td small{font-size:.72rem;color:#64748b}.invoices-page .data-table .btn-sm{padding:.3rem .55rem;border-radius:6px;font-size:.72rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;transition:all .15s;display:inline-flex;align-items:center;gap:3px}.invoices-page .data-table .btn-sm:hover{background:#f1f5f9}.invoices-page .data-table .btn-primary{background:#1e3a8a!important;color:#fff!important;border-color:#1e3a8a!important}.invoices-page .data-table .btn-primary:hover{background:#172554!important}.invoices-page .badge-completed{background:#d1fae5;color:#065f46;padding:.2rem .55rem;border-radius:5px;font-size:.68rem;font-weight:700}.invoices-page .badge-progress{background:#ede9fe;color:#5b21b6;padding:.2rem .55rem;border-radius:5px;font-size:.68rem;font-weight:700}.invoices-page .badge-pending{background:#ffedd5;color:#9a3412;padding:.2rem .55rem;border-radius:5px;font-size:.68rem;font-weight:700}.invoices-page .card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;overflow:hidden;box-shadow:none}.invoices-page .btn-primary,.invoices-page .btn-create-invoice{background:#1e3a8a!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:.6rem 1.15rem!important;font-size:.82rem!important;font-weight:700!important;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s}.invoices-page .btn-primary:hover,.invoices-page .btn-create-invoice:hover{background:#172554!important;transform:translateY(-1px)}@media(max-width:768px){.invoices-page{padding:.75rem .75rem 5rem}.invoices-page .search-filter-bar{flex-direction:column;align-items:stretch}.invoices-page .quick-stats-row{grid-template-columns:1fr 1fr}.invoices-page .invoice-header-actions{flex-wrap:wrap}}.expenses-page,.payroll-page,.customers-page,.employees-page,.attendance-page{padding:1.25rem 1.5rem 5rem;max-width:1440px;margin:0 auto}.expenses-page .page-header h1,.payroll-page .page-header h1,.customers-page .page-header h1,.employees-page .page-header h1,.attendance-page .page-header h1{font-size:1.5rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.expenses-page .subtitle,.payroll-page .subtitle,.customers-page .subtitle,.employees-page .subtitle,.attendance-page .subtitle{font-size:.82rem;color:#64748b;margin-top:2px}.expenses-page .card,.payroll-page .card,.customers-page .card,.employees-page .card,.attendance-page .card{background:var(--bg-base, #ffffff);border-radius:14px;border:1px solid var(--bg-border, #e4e4e8);overflow:hidden;box-shadow:0 1px 4px #0000000a}.expenses-page .card-header,.payroll-page .card-header,.customers-page .card-header,.employees-page .card-header,.attendance-page .card-header{padding:.85rem 1.15rem;border-bottom:1px solid #f1f5f9}.expenses-page .card-header h3,.payroll-page .card-header h3,.customers-page .card-header h3,.employees-page .card-header h3,.attendance-page .card-header h3{font-size:.95rem;font-weight:700;color:#0f172a;margin:0}.expenses-page .card-body,.payroll-page .card-body,.customers-page .card-body,.employees-page .card-body,.attendance-page .card-body{padding:1rem 1.15rem}.expenses-page .data-table,.payroll-page .data-table,.customers-page .data-table,.employees-page .data-table,.attendance-page .data-table{width:100%;border-collapse:separate;border-spacing:0}.expenses-page .data-table thead th,.payroll-page .data-table thead th,.customers-page .data-table thead th,.employees-page .data-table thead th,.attendance-page .data-table thead th{background:#f8fafc;color:#64748b;font-size:.68rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:.7rem .85rem;border-bottom:2px solid #e2e8f0;white-space:nowrap}.expenses-page .data-table tbody td,.payroll-page .data-table tbody td,.customers-page .data-table tbody td,.employees-page .data-table tbody td,.attendance-page .data-table tbody td{padding:.65rem .85rem;font-size:.82rem;color:#334155;border-bottom:1px solid #f1f5f9;vertical-align:middle}.expenses-page .data-table tbody tr:hover,.payroll-page .data-table tbody tr:hover,.customers-page .data-table tbody tr:hover,.employees-page .data-table tbody tr:hover,.attendance-page .data-table tbody tr:hover{background:#f8fafc}.expenses-page .data-table tbody td strong,.payroll-page .data-table tbody td strong,.customers-page .data-table tbody td strong{font-weight:700;color:#0f172a}.expenses-page .btn-primary,.payroll-page .btn-primary,.customers-page .btn-primary,.employees-page .btn-primary,.attendance-page .btn-primary{background:#1a1f3e!important;color:#fff!important;border:none!important;border-radius:10px!important;padding:.6rem 1.15rem!important;font-size:.82rem!important;font-weight:700!important;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s}.expenses-page .btn-primary:hover,.payroll-page .btn-primary:hover,.customers-page .btn-primary:hover,.employees-page .btn-primary:hover,.attendance-page .btn-primary:hover{background:#0f1229!important;transform:translateY(-1px)}.expenses-page .btn-secondary,.payroll-page .btn-secondary,.customers-page .btn-secondary,.employees-page .btn-secondary,.attendance-page .btn-secondary{background:#f8fafc!important;color:#334155!important;border:1px solid #e2e8f0!important;border-radius:10px!important;padding:.6rem 1.15rem!important;font-size:.82rem!important;font-weight:600!important;cursor:pointer;display:inline-flex;align-items:center;gap:.4rem;transition:all .15s}.expenses-page .btn-secondary:hover,.payroll-page .btn-secondary:hover,.customers-page .btn-secondary:hover,.employees-page .btn-secondary:hover,.attendance-page .btn-secondary:hover{background:#e2e8f0!important}.expenses-page .badge,.payroll-page .badge,.customers-page .badge,.employees-page .badge,.attendance-page .badge{padding:.2rem .6rem;border-radius:5px;font-size:.68rem;font-weight:700;display:inline-block;text-transform:capitalize}.expenses-page .expense-summary-card{background:#fff;border-radius:12px!important;padding:1rem 1.15rem!important;border:1px solid #e2e8f0!important;box-shadow:none!important;transition:all .15s}.expenses-page .expense-summary-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a!important}.expenses-page .expense-icon{width:42px!important;height:42px!important;border-radius:10px!important}.expenses-page .expense-label{font-size:.78rem!important;color:#64748b!important;font-weight:500}.expenses-page .expense-value{font-size:1.35rem!important;font-weight:800!important;letter-spacing:-.02em}.expenses-page .calendar-grid{gap:6px!important}.expenses-page .calendar-day{border-radius:10px!important;padding:6px!important;min-height:65px!important;border:1px solid #e2e8f0!important}.expenses-page .calendar-day:hover{border-color:#93c5fd!important}.expenses-page .calendar-day.selected{background:#eff6ff!important;border-color:#2563eb!important;box-shadow:0 0 0 2px #2563eb26!important}.expenses-page .cal-date{font-weight:800!important;font-size:1rem!important;color:#0f172a!important}.expenses-page .cal-day{font-size:.62rem!important;font-weight:600!important;color:#94a3b8!important}.expenses-page .cal-amount{font-size:.68rem!important;border-radius:5px!important;padding:1px 5px!important}.expenses-page .expense-item{border-radius:10px!important;padding:.85rem 1rem!important;border:1px solid #f1f5f9;background:#fff!important;transition:all .15s}.expenses-page .expense-item:hover{border-color:#e2e8f0;background:#f8fafc!important}.expenses-page .expense-item-icon{width:38px!important;height:38px!important;border-radius:9px!important}.expenses-page .expense-item-details h4{font-size:.88rem!important;font-weight:700!important;color:#0f172a}.expenses-page .amount{font-weight:800!important;color:#dc2626!important;font-size:.95rem}.expenses-page .search-filter-bar{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:.75rem 1rem;margin-bottom:1rem}.expenses-page .filter-select,.expenses-page .filter-input{padding:.45rem .75rem!important;border:1px solid #e2e8f0!important;border-radius:8px!important;font-size:.82rem!important;background:#f8fafc!important;color:#334155!important;outline:none}.expenses-page .category-bar-row{display:flex;align-items:center;gap:.75rem;margin-bottom:.6rem}.expenses-page .cat-label{width:100px;font-size:.78rem;font-weight:600;color:#475569}.expenses-page .cat-bar-container{flex:1;height:7px;background:#f1f5f9;border-radius:4px;overflow:hidden}.expenses-page .cat-bar{height:100%;border-radius:4px;transition:width .3s}.expenses-page .cat-value{font-size:.72rem;font-weight:700;color:#334155;min-width:120px;text-align:right}.payroll-page .quick-stats-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.25rem}.payroll-page .quick-stat-card,.payroll-page .stat-card{background:#fff;border-radius:12px;padding:.85rem 1.15rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.7rem;transition:all .15s}.payroll-page .quick-stat-card:hover,.payroll-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.payroll-page .stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.payroll-page .stat-value{font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.payroll-page .stat-label{font-size:.75rem;color:#64748b;font-weight:500}.payroll-page .tab-group{display:flex;background:#1a1f3e!important;padding:4px!important;border-radius:10px!important;gap:4px!important}.payroll-page .tab-btn{padding:8px 18px!important;border:none!important;background:transparent!important;color:#ffffff73!important;border-radius:7px!important;cursor:pointer;font-weight:600!important;font-size:.82rem!important;transition:all .15s}.payroll-page .tab-btn.active{background:#ffffff26!important;color:#fff!important;box-shadow:none}.payroll-page .search-box,.customers-page .search-box{display:flex;align-items:center;gap:.5rem;background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;padding:.5rem .85rem;margin-bottom:1rem}.payroll-page .search-box input,.customers-page .search-box input{border:none;background:transparent;outline:none;font-size:.82rem;color:#334155;width:100%}.payroll-page .search-box svg,.customers-page .search-box svg{color:#94a3b8}.payroll-page .badge-success,.payroll-page .badge-confirmed{background:#d1fae5!important;color:#065f46!important}.payroll-page .badge-pending,.payroll-page .badge-warning{background:#ffedd5!important;color:#9a3412!important}.customers-page .quick-stats-row,.customers-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem;margin-bottom:1.25rem}.customers-page .quick-stat-card,.customers-page .stat-card{background:#fff;border-radius:12px;padding:.85rem 1.15rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.7rem;transition:all .15s}.customers-page .quick-stat-card:hover,.customers-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.customers-page .stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.customers-page .stat-value{font-size:1.35rem;font-weight:800;color:#0f172a;letter-spacing:-.02em}.customers-page .stat-label{font-size:.75rem;color:#64748b;font-weight:500}.customers-page .filter-tabs{display:flex;gap:4px;background:#1a1f3e;padding:4px;border-radius:10px}.customers-page .filter-tabs .tab-btn{padding:7px 16px;border:none;background:transparent;color:#ffffff73;border-radius:7px;cursor:pointer;font-weight:600;font-size:.78rem;transition:all .15s}.customers-page .filter-tabs .tab-btn.active{background:#ffffff26;color:#fff}.customers-page .customer-name{font-weight:700;color:#0f172a}.customers-page .customer-phone{font-size:.78rem;color:#64748b}.customers-page .badge-repeat{background:#dbeafe;color:#1e40af;padding:.15rem .5rem;border-radius:5px;font-size:.62rem;font-weight:800;letter-spacing:.03em}.customers-page .badge-new{background:#d1fae5;color:#065f46}.employees-page .quick-stats-row,.employees-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:.75rem;margin-bottom:1.25rem}.employees-page .quick-stat-card,.employees-page .stat-card{background:#fff;border-radius:12px;padding:.85rem 1.15rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.7rem;transition:all .15s}.employees-page .quick-stat-card:hover,.employees-page .stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000000a}.employees-page .stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.employees-page .stat-value{font-size:1.35rem;font-weight:800;color:#0f172a}.employees-page .stat-label{font-size:.75rem;color:#64748b;font-weight:500}.employees-page .employee-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.85rem}.employees-page .employee-card{background:#fff;border-radius:14px;border:1px solid #e2e8f0;padding:1.15rem;transition:all .2s;display:flex;flex-direction:column;align-items:center;text-align:center;gap:.7rem}.employees-page .employee-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #0000000f;border-color:#c8c8d4}.employees-page .employee-avatar{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.3rem;font-weight:800;color:#fff}.employees-page .role-badge{padding:.15rem .55rem;border-radius:5px;font-size:.65rem;font-weight:800;letter-spacing:.03em;text-transform:capitalize}.employees-page .role-badge.admin{background:#dbeafe;color:#1e40af}.employees-page .role-badge.manager{background:#ede9fe;color:#5b21b6}.employees-page .role-badge.senior_employee{background:#ffedd5;color:#9a3412}.employees-page .role-badge.employee{background:#d1fae5;color:#065f46}.employees-page .employee-name{font-size:.95rem;font-weight:700;color:#0f172a}.employees-page .employee-email,.employees-page .employee-phone{font-size:.78rem;color:#64748b}.employees-page .employee-actions{display:flex;gap:.4rem;margin-top:.5rem}.employees-page .employee-actions .btn-sm{padding:.35rem .7rem;border-radius:7px;font-size:.72rem;font-weight:600;border:1px solid #e2e8f0;background:#fff;color:#475569;cursor:pointer;display:inline-flex;align-items:center;gap:3px;transition:all .15s}.employees-page .employee-actions .btn-sm:hover{background:#f1f5f9}.attendance-page .quick-stats-row,.attendance-page .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem;margin-bottom:1.25rem}.attendance-page .quick-stat-card,.attendance-page .stat-card{background:#fff;border-radius:12px;padding:.85rem 1.15rem;border:1px solid #e2e8f0;display:flex;align-items:center;gap:.7rem;transition:all .15s}.attendance-page .stat-icon{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center}.attendance-page .stat-value{font-size:1.35rem;font-weight:800;color:#0f172a}.attendance-page .stat-label{font-size:.75rem;color:#64748b;font-weight:500}.attendance-page .badge-present{background:#d1fae5;color:#065f46}.attendance-page .badge-absent{background:#fee2e2;color:#991b1b}.attendance-page .badge-leave{background:#ffedd5;color:#9a3412}.attendance-page .badge-halfday{background:#fef3c7;color:#92400e}.attendance-page .month-nav{display:flex;align-items:center;gap:.75rem}.attendance-page .month-nav button{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:.4rem .6rem;cursor:pointer;color:#475569;transition:all .15s}.attendance-page .month-nav button:hover{background:#e2e8f0}@media(max-width:768px){.expenses-page,.payroll-page,.customers-page,.employees-page,.attendance-page{padding:.75rem .75rem 5rem}.payroll-page .quick-stats-row,.customers-page .quick-stats-row,.employees-page .quick-stats-row,.attendance-page .quick-stats-row{grid-template-columns:1fr 1fr}.employees-page .employee-grid{grid-template-columns:1fr}}.mobile-menu-btn{display:none;position:fixed;bottom:1rem;left:1rem;z-index:2000;width:52px;height:52px;border-radius:50%;background:var(--primary-gradient);color:#fff;border:none;cursor:pointer;box-shadow:0 4px 20px #04785780;align-items:center;justify-content:center;transition:var(--transition-fast)}.mobile-menu-btn:hover{transform:scale(1.1)}.mobile-menu-btn:active{transform:scale(.95)}.mobile-overlay{display:none;position:fixed;inset:0;background:#00000080;z-index:999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@media(max-width:1024px){.main-content{padding:1rem;padding-top:calc(56px + 1rem);padding-bottom:calc(68px + 1rem);overflow-x:hidden}.page-header h1{font-size:1.5rem}.quick-stats-row{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.mobile-menu-btn{display:flex}.mobile-overlay.active{display:block}.sidebar{transform:translate(-100%);width:280px}.sidebar.mobile-open{transform:translate(0)}.main-content{margin-left:0!important;width:100%!important;padding:.875rem!important;padding-top:calc(56px + .875rem)!important;padding-bottom:calc(68px + env(safe-area-inset-bottom,0px) + 1rem)!important;overflow-x:hidden!important;overflow-y:auto!important;height:100dvh!important;-webkit-overflow-scrolling:touch!important;box-sizing:border-box!important}.page-header{flex-direction:column;align-items:stretch;gap:.625rem;margin-bottom:1rem}.page-header h1{font-size:1.25rem;display:flex;align-items:center;gap:.5rem}.page-header h1 svg{width:22px;height:22px}.page-header .subtitle{font-size:.75rem;margin-top:-.25rem}.header-actions{display:flex;gap:.5rem}.header-actions .btn{flex:1;padding:.625rem .875rem;font-size:.8rem;justify-content:center}.header-actions .btn svg{width:16px;height:16px}.quick-stats-row{grid-template-columns:repeat(2,1fr);gap:.625rem;margin-bottom:1rem}.quick-stat-card{padding:.625rem .75rem;gap:.5rem;border-radius:var(--radius-md)}.quick-stat-card:before{display:none}.stat-value{font-size:1.25rem;font-weight:700;line-height:1.1}.stat-label{font-size:.65rem;line-height:1.2;display:block}.stat-icon{width:36px;height:36px;min-width:36px}.stat-icon svg{width:18px;height:18px}.stat-info{overflow:hidden}.search-filter-bar{flex-direction:column;gap:.5rem;margin-bottom:.75rem}.search-box{min-width:100%;padding:.625rem .875rem}.search-box input{font-size:.85rem}.filter-select{width:100%;padding:.625rem .875rem;font-size:.85rem}.card{border-radius:var(--radius-md);margin-bottom:.75rem}.mobile-cards{display:block!important}.card-header,.card-body{padding:.75rem}.table-container{margin:0 -.75rem;padding:0 .75rem;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table th,.data-table td{padding:.625rem .5rem;font-size:.78rem;white-space:nowrap}.data-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;color:var(--navy-500)}.modal{padding:.5rem;align-items:flex-end}.modal-content{max-width:100%;width:100%;max-height:95vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0}.modal-header{padding:1.25rem 1rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem}.modal-footer{padding:1rem;flex-direction:column;gap:.5rem}.modal-footer .btn{width:100%}.form-row{grid-template-columns:1fr;gap:.75rem}.btn{padding:.875rem 1rem}.btn-sm{padding:.625rem .875rem}.employee-card{padding:1rem}.employee-card-footer{flex-direction:column;gap:.5rem}.employee-card-footer .btn{width:100%}.calendar-grid{gap:2px}.calendar-day{min-height:45px;padding:.25rem}.calendar-day-header{font-size:.75rem;padding:.5rem .25rem}.day-number{font-size:.75rem}.calendar-header{gap:.75rem}.calendar-header h2{font-size:1.1rem;min-width:150px}.attendance-legend{flex-wrap:wrap;gap:.5rem;font-size:.8rem;justify-content:flex-start}.invoice-row{flex-direction:column;gap:.375rem;padding:.75rem;align-items:flex-start;border-radius:var(--radius-md)}.invoice-actions{width:100%;display:flex;gap:.5rem;margin-top:.375rem}.invoice-actions .btn{flex:1;padding:.5rem .75rem;font-size:.78rem}.invoice-detail-card{padding:.75rem;margin-bottom:.5rem;border-radius:var(--radius-md)}.invoice-detail-card h4{font-size:.9rem;margin-bottom:.5rem}.invoice-detail-card p{font-size:.78rem;margin-bottom:.25rem}.booking-card{padding:1rem}.booking-card-actions{flex-direction:column;gap:.5rem;margin-top:.75rem}.booking-card-actions .btn{width:100%}.services-grid{grid-template-columns:1fr;gap:.75rem}.empty-state{padding:2rem 1rem}.empty-state svg{width:40px;height:40px}.empty-state p{font-size:.9rem}.crm-sheet-tabs{display:flex;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:.5rem;padding:.5rem 0;scrollbar-width:none}.crm-sheet-tabs::-webkit-scrollbar{display:none}.sheet-tab{flex-shrink:0;padding:.5rem .75rem;font-size:.75rem}.sheet-tab span{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.crm-data-table{min-width:600px}.desktop-table{display:none!important}.material-actions{display:flex;gap:.25rem}.mobile-header{position:fixed;top:0;left:0;right:0;height:56px;background:#fff;border-bottom:1px solid #e4e4e8;display:flex;align-items:center;padding:0 1rem;gap:1rem;z-index:1000;box-shadow:0 1px 8px #0000000d}.mobile-header .logo{display:flex;align-items:center;gap:.5rem;color:#111118;font-weight:700}.mobile-header .menu-toggle{width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#f4f4f6;border:1px solid #e4e4e8;color:#2e2e3e;cursor:pointer;transition:background .15s ease}}@media(max-width:400px){.main-content{padding:.75rem .75rem 5rem}.page-header h1{font-size:1.2rem}.quick-stat-card{padding:.75rem}.stat-value{font-size:1.25rem}.stat-icon{width:38px;height:38px}.btn{padding:.75rem .875rem;font-size:.8rem}.modal-header h2{font-size:1rem}.form-group label{font-size:.8rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem;font-size:.85rem}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px}.nav-item{padding:.875rem 1.25rem}.btn-icon{width:44px;height:44px}.card:hover{transform:none;box-shadow:var(--shadow-md)}.quick-stat-card:hover,.btn-primary:hover{transform:none}}.modal-content{padding-bottom:env(safe-area-inset-bottom)}@media(max-width:768px){.subscriptions-section .card-body{padding:0}.subscriptions-section .table-container{overflow:visible}.subscriptions-section .data-table thead{display:none}.subscriptions-section .data-table tbody{display:block;padding:.5rem}.subscriptions-section .data-table tr{display:block;background:#fff;border:1px solid var(--navy-100);border-radius:12px;margin-bottom:.75rem;padding:1rem;box-shadow:0 2px 4px #00000005}.subscriptions-section .data-table td{display:flex;padding:.25rem 0;border:none;align-items:center;justify-content:space-between;text-align:right}.subscriptions-section .data-table td:first-child{border-bottom:1px solid var(--navy-50);padding-bottom:.5rem;margin-bottom:.5rem;display:block;text-align:left}.subscriptions-section .data-table td:first-child strong{font-size:1.1rem;color:var(--primary)}.subscriptions-section .data-table td:last-child{border-top:1px solid var(--navy-50);padding-top:.75rem;margin-top:.5rem;justify-content:flex-end}.subscriptions-section .data-table td:nth-child(2):before{content:"Plan";font-weight:600;font-size:.85rem;color:var(--navy-500)}.subscriptions-section .data-table td:nth-child(3):before{content:"Vehicle";font-weight:600;font-size:.85rem;color:var(--navy-500)}.subscriptions-section .data-table td:nth-child(4):before{content:"Start Date";font-weight:600;font-size:.85rem;color:var(--navy-500)}.subscriptions-section .data-table td:nth-child(5):before{content:"Expiry";font-weight:600;font-size:.85rem;color:var(--navy-500)}.subscriptions-section .data-table td:nth-child(6):before{content:"Usage";font-weight:600;font-size:.85rem;color:var(--navy-500)}.subscriptions-section .data-table td:nth-child(7):before{content:"Status";font-weight:600;font-size:.85rem;color:var(--navy-500)}.subscriptions-section .data-table td div.usage-bar-wrapper{min-width:100px}}.responsive-table-wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:1rem}.chart-scroll-container{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}@media(max-width:768px){.hide-on-mobile{display:none!important}.show-on-mobile{display:block!important}.flex-column-mobile{flex-direction:column!important}.full-width-mobile{width:100%!important;min-width:0!important}.no-padding-mobile{padding:0!important}}@media(max-width:768px){.services-page,.calendar-page,.expenses-page,.payroll-page,.customers-page,.employees-page,.attendance-page,.zd{overflow-x:hidden;width:100%;box-sizing:border-box}.services-page .quick-stats-row,.invoices-page .quick-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.summary-cards-row1,.summary-cards-row2{grid-template-columns:1fr!important;gap:.6rem!important}.quick-stats-row{grid-template-columns:repeat(2,1fr)!important;gap:.6rem!important}.quick-stat-card{padding:.75rem!important;gap:.5rem!important}.quick-stat-card .stat-icon{width:36px!important;height:36px!important;min-width:36px!important}.quick-stat-card .stat-value{font-size:1.1rem!important}.quick-stat-card .stat-label{font-size:.62rem!important}.form-grid,.form-row{grid-template-columns:1fr!important;gap:.625rem!important}.card-header,.zd-card-head{flex-wrap:wrap;gap:.5rem}.data-table thead{display:none}.data-table tbody tr{display:block;margin-bottom:.75rem;border:1px solid #e4e4e8;border-radius:10px;overflow:hidden}.data-table tbody td{display:flex;justify-content:space-between;align-items:center;padding:.5rem .875rem;border-bottom:1px solid #f4f4f6;font-size:.82rem}.data-table tbody td:last-child{border-bottom:none}.data-table tbody td:before{content:attr(data-label);font-weight:700;color:#9494a6;font-size:.68rem;text-transform:uppercase;letter-spacing:.04em;margin-right:.5rem;flex-shrink:0}.page-header{flex-direction:column;align-items:stretch;gap:.75rem}.page-header h1{font-size:1.25rem!important}.page-header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.filter-bar,.search-filter-bar{flex-direction:column;gap:.5rem}.filter-bar select,.filter-bar input,.search-filter-bar select,.search-filter-bar input{width:100%!important;min-width:0!important}.modal-content{width:95vw!important;max-width:95vw!important;max-height:90vh;margin:5vh auto;overflow-y:auto}.btn{white-space:nowrap}.btn svg{flex-shrink:0}}@media(max-width:480px){.quick-stats-row{gap:.5rem!important}.quick-stat-card{padding:.625rem!important}.cal-stats-grid{gap:.5rem!important}.data-table tbody td{font-size:.78rem;padding:.45rem .75rem}.page-header h1{font-size:1.1rem!important}.modal-content{width:100vw!important;max-width:100vw!important;border-radius:16px 16px 0 0;margin:auto 0 0!important;max-height:92vh}}.mobile-top-nav,.mobile-bottom-nav,.more-menu-overlay,.more-menu-panel{display:none}@media(max-width:1024px){.mobile-top-nav{display:flex;position:fixed;top:0;left:0;right:0;height:56px;background:#fff;z-index:100;padding:0 16px;padding-top:env(safe-area-inset-top,0);border-bottom:1px solid #e4e4e8;box-shadow:0 1px 8px #0000000d;align-items:center;justify-content:space-between}.mobile-burger-btn{width:40px;height:40px;border-radius:10px;background:#f4f4f6;border:1px solid #e4e4e8;display:flex;align-items:center;justify-content:center;color:#2e2e3e;cursor:pointer;transition:background .15s ease}.mobile-burger-btn:active{background:#ededf0;transform:scale(.95)}.mobile-top-logo{display:flex;align-items:center;gap:8px;color:#111118;font-weight:700;font-size:16px;letter-spacing:-.02em}.mobile-top-logo img{height:32px;width:auto;object-fit:contain}.mobile-top-logo svg{color:#1a1f3e}.mobile-top-spacer{width:40px}.sidebar{transform:translate(-100%)}.sidebar.mobile-open{transform:translate(0);z-index:100}.mobile-menu-btn{display:none}.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;border-top:1px solid #e4e4e8;z-index:100;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -1px 16px #0000000f;justify-content:space-around;align-items:stretch}.bottom-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 4px;background:none;border:none;color:#9494a6;text-decoration:none;cursor:pointer;transition:color .18s ease;position:relative;max-width:72px}.bottom-nav-item svg{width:22px;height:22px;stroke-width:1.8;transition:transform .18s ease}.bottom-nav-item span{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1}.bottom-nav-item.active{color:#1a1f3e}.bottom-nav-item.active svg{transform:scale(1.08)}.bottom-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:2.5px;background:#1a1f3e;border-radius:0 0 3px 3px}.bottom-nav-item:active{transform:scale(.93)}.sidebar-overlay{display:block;position:fixed;inset:0;background:#0a0a0f73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:99;animation:fadeIn .18s ease}.more-menu-overlay{display:block;position:fixed;inset:0;background:#0a0a0f73;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);z-index:1999;animation:fadeIn .18s ease}.more-menu-panel{display:block;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:2000;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,0);max-height:82vh;overflow:hidden;animation:slideUp .28s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 40px #0000001f;border-top:1px solid #e4e4e8}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.more-menu-panel:before{content:"";display:block;width:36px;height:3px;background:#d8d8e4;border-radius:99px;margin:12px auto 0}.more-menu-header{display:flex;align-items:center;justify-content:space-between;padding:12px 20px 14px;border-bottom:1px solid #ebebf2}.more-menu-header h3{font-size:17px;font-weight:700;color:#111118;margin:0;letter-spacing:-.01em}.more-menu-close{width:34px;height:34px;border-radius:50%;background:#f4f4f6;border:none;display:flex;align-items:center;justify-content:center;color:#6b6b80;cursor:pointer;transition:background .15s ease}.more-menu-close:active{transform:scale(.93);background:#ededf0}.more-menu-content{overflow-y:auto;-webkit-overflow-scrolling:touch;max-height:calc(82vh - 68px);padding-bottom:24px}.more-menu-user{display:flex;align-items:center;gap:12px;padding:14px 16px;background:#f4f4f6;margin:14px 16px 0;border-radius:14px;border:1px solid #e4e4e8}.more-menu-avatar{width:46px;height:46px;border-radius:50%;object-fit:cover;border:2px solid #ffffff;box-shadow:0 2px 6px #00000014}.more-menu-avatar-placeholder{width:46px;height:46px;border-radius:50%;background:#1a1f3e;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px;border:2px solid #ffffff;box-shadow:0 2px 6px #0000001f;flex-shrink:0}.more-menu-user-info{flex:1;min-width:0}.more-menu-user-name{display:block;font-weight:600;font-size:15px;color:#111118;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.more-menu-user-role{display:block;font-size:12px;color:#6b6b80;text-transform:capitalize;margin-top:2px}.more-menu-quick-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:16px}.quick-grid-item{display:flex;flex-direction:column;align-items:center;gap:7px;padding:14px 4px 12px;background:#f4f4f6;border-radius:14px;text-decoration:none;color:#444457;transition:background .15s ease,transform .15s ease;border:1.5px solid transparent}.quick-grid-item:active{transform:scale(.95);background:#ededf0}.quick-grid-item.active{background:#1a1f3e;border-color:#1a1f3e;color:#fff}.quick-grid-icon{width:40px;height:40px;background:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 4px #0000000f}.quick-grid-item.active .quick-grid-icon{background:#ffffff26;box-shadow:none;color:#fff}.quick-grid-item span{font-size:10px;font-weight:600;text-align:center;letter-spacing:.01em;line-height:1.2}.more-menu-nav{padding:6px 0;border-top:1px solid #ebebf2;margin-top:4px}.more-menu-item{display:flex;align-items:center;gap:14px;padding:13px 20px;color:#444457;text-decoration:none;font-size:14.5px;font-weight:500;transition:background .14s ease;border-left:2.5px solid transparent}.more-menu-item:active{background:#f4f4f6}.more-menu-item.active{color:#1a1f3e;background:#f4f4f6;border-left-color:#1a1f3e;font-weight:600}.more-menu-item svg:first-child{color:#9494a6;flex-shrink:0;width:18px;height:18px;stroke-width:1.8}.more-menu-item.active svg:first-child{color:#1a1f3e}.more-menu-item span{flex:1}.more-menu-chevron{color:#d8d8e4;flex-shrink:0}.more-menu-logout{display:flex;align-items:center;justify-content:center;gap:8px;width:calc(100% - 32px);margin:12px 16px 4px;padding:14px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.more-menu-logout:active{transform:scale(.97);background:#fee2e2}}.booking-card{background:#fff;border-radius:12px;padding:1rem;margin-bottom:1rem;box-shadow:0 4px 12px #0000000d;border:1px solid var(--navy-100)}.booking-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--navy-50)}.booking-card-header strong{font-size:1rem;color:var(--navy-900)}.booking-card-body p{display:flex;align-items:center;gap:.75rem;color:var(--navy-600);margin-bottom:.5rem;font-size:.95rem}.booking-card-footer{margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--navy-50);display:flex;justify-content:flex-end}@media(max-width:640px){.header-actions{width:100%;flex-direction:row;gap:.75rem}.header-actions .btn{flex:1;justify-content:center;padding:.75rem}.crm-sheet-tabs{margin:0 -1rem 1rem;padding:.5rem 1rem;border-radius:0;-ms-overflow-style:none;scrollbar-width:none}.crm-sheet-tabs::-webkit-scrollbar{display:none}}@media(max-width:1024px){.mobile-bottom-nav{display:flex!important;position:fixed;bottom:0;left:0;right:0;height:68px;background:#fff;z-index:1000;padding:0 4px;padding-bottom:env(safe-area-inset-bottom,0);box-shadow:0 -1px 16px #00000012;border-top:1px solid #e4e4e8;justify-content:space-around;align-items:stretch}.mobile-nav-item{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:6px 4px 4px;background:transparent;border:none;color:#9494a6;text-decoration:none;cursor:pointer;transition:color .18s ease;position:relative;max-width:72px}.mobile-nav-item svg{width:22px;height:22px;stroke-width:1.8;transition:transform .18s ease}.mobile-nav-item span{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;line-height:1}.mobile-nav-item.active{color:#1a1f3e;background:transparent}.mobile-nav-item.active svg{transform:scale(1.08)}.mobile-nav-item.active:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:28px;height:2.5px;background:#1a1f3e;border-radius:0 0 3px 3px}.mobile-nav-item:active{transform:scale(.93)}.mobile-nav-item.more-btn{color:#9494a6}.mobile-nav-item.more-btn.active{color:#1a1f3e}.main-content{padding-bottom:calc(84px + env(safe-area-inset-bottom,20px))}}@media(max-width:1024px){.more-menu-overlay{display:block!important;position:fixed;inset:0;background:#0a0a0f73;z-index:1999;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);animation:fadeIn .18s ease}.more-menu-panel{display:block!important;position:fixed;bottom:0;left:0;right:0;background:#fff;z-index:2000;border-radius:20px 20px 0 0;padding-bottom:env(safe-area-inset-bottom,16px);max-height:85vh;overflow:hidden;animation:slideUp .28s cubic-bezier(.32,.72,0,1);box-shadow:0 -8px 40px #0000001a;border-top:1px solid #e4e4e8}.more-menu-header{display:flex;align-items:center;justify-content:space-between;padding:20px 20px 16px;border-bottom:1px solid var(--navy-100)}.more-menu-header:before{content:"";position:absolute;top:10px;left:50%;transform:translate(-50%);width:40px;height:4px;background:var(--navy-200);border-radius:4px}.more-menu-header h3{font-size:18px;font-weight:700;color:var(--navy-900);margin:0}.more-menu-close{width:40px;height:40px;border-radius:50%;background:var(--navy-100);border:none;display:flex;align-items:center;justify-content:center;color:var(--navy-600);cursor:pointer;transition:all .2s ease}.more-menu-close:active{transform:scale(.95);background:var(--navy-200)}.more-menu-content{overflow-y:auto;max-height:calc(85vh - 80px);padding-bottom:20px}.more-menu-user{display:flex;align-items:center;gap:14px;padding:14px 16px;background:#f4f4f6;margin:14px 16px 0;border-radius:14px;border:1px solid #e4e4e8}.more-menu-avatar{width:52px;height:52px;border-radius:50%;object-fit:cover;border:2px solid white;box-shadow:0 2px 8px #0000001a}.more-menu-avatar-placeholder{width:52px;height:52px;border-radius:50%;background:var(--primary-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:20px;border:2px solid white;box-shadow:0 2px 8px #0000001a}.more-menu-user-info{flex:1}.more-menu-user-name{display:block;font-weight:600;font-size:17px;color:var(--navy-900)}.more-menu-user-role{display:block;font-size:13px;color:var(--navy-500);text-transform:capitalize;margin-top:2px}.more-menu-quick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:20px 16px}.quick-grid-item{display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 8px;background:var(--navy-50);border-radius:16px;text-decoration:none;color:var(--navy-700);transition:all .2s ease;border:2px solid transparent}.quick-grid-item:active{transform:scale(.97);background:var(--navy-100)}.quick-grid-item.active{background:#0478571a;border-color:var(--primary);color:var(--primary)}.quick-grid-icon{width:48px;height:48px;background:#fff;border-radius:14px;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000000f;transition:all .2s ease}.quick-grid-item.active .quick-grid-icon{background:var(--primary);color:#fff;box-shadow:0 4px 12px #0478574d}.quick-grid-item span{font-size:12px;font-weight:600;text-align:center}.more-menu-nav{padding:8px 0;border-top:1px solid var(--navy-100)}.more-menu-item{display:flex;align-items:center;gap:14px;padding:14px 20px;color:var(--navy-700);text-decoration:none;font-size:15px;font-weight:500;transition:all .2s ease;border-left:3px solid transparent}.more-menu-item:active{background:var(--navy-100)}.more-menu-item.active{color:#1a1f3e;background:#f4f4f6;border-left-color:#1a1f3e;font-weight:600}.more-menu-item svg:first-child{color:#9494a6;flex-shrink:0}.more-menu-item.active svg:first-child{color:#1a1f3e}.more-menu-item span{flex:1}.more-menu-chevron{color:var(--navy-300);flex-shrink:0}.more-menu-logout{display:flex;align-items:center;justify-content:center;gap:10px;width:calc(100% - 32px);margin:12px 16px 4px;padding:14px;background:#fef2f2;border:1.5px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14.5px;font-weight:600;cursor:pointer;transition:background .15s ease,transform .15s ease}.more-menu-logout:active{transform:scale(.97);background:#fee2e2}}@media(max-width:768px){.page-header{flex-direction:row;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:1rem}.page-header h1{font-size:1.25rem}.page-header .subtitle{font-size:.75rem}.header-actions{width:auto;display:flex;gap:.5rem}.header-actions .btn{flex:none;justify-content:center;padding:.5rem .75rem;font-size:.75rem}.header-actions .btn svg{width:16px;height:16px}.main-content{padding:1rem;padding-top:calc(60px + 1rem);padding-bottom:calc(100px + env(safe-area-inset-bottom,0))}.search-filter-bar{flex-direction:column;gap:.5rem;margin-bottom:1rem}.search-box{min-width:100%}.search-box input{padding:.5rem 1rem .5rem 2.25rem;font-size:.85rem}.filter-select{width:100%;padding:.5rem 2.25rem .5rem .75rem;font-size:.85rem}.quick-stats-row{grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1rem}.quick-stat-card{padding:.65rem;flex-direction:row;align-items:center;text-align:left;gap:.65rem}.stat-icon{width:32px;height:32px;flex-shrink:0}.stat-icon svg{width:16px;height:16px}.stat-value{font-size:1.1rem;line-height:1.2}.stat-label{font-size:.7rem;margin-top:1px}.stats-grid-compact{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}.stat-card-compact{padding:.875rem!important;flex-direction:column!important;text-align:center;gap:.5rem!important}.stat-icon-sm{width:36px!important;height:36px!important}.stat-card-compact .stat-number{font-size:1.2rem!important}.stat-card-compact .stat-text{font-size:.7rem!important}.dashboard-grid{grid-template-columns:1fr!important;gap:1rem!important}.dashboard-widget{padding:0!important}.widget-header{padding:1rem 1rem .75rem!important}.widget-header h3{font-size:.9rem!important}.card{border-radius:var(--radius-md)}.card-header,.card-body{padding:1rem}.table-container{display:none}.attendance-page .table-container{display:block}.mobile-cards{display:block!important}.booking-card{padding:1rem;margin-bottom:.75rem}.booking-card-header{margin-bottom:.75rem;padding-bottom:.75rem}.booking-card-actions{display:flex;gap:.5rem;flex-wrap:wrap}.booking-card-actions .btn{flex:1;min-width:80px;padding:.5rem;font-size:.75rem}.modal-content{max-width:100%;margin:.5rem;max-height:calc(100vh - 1rem);border-radius:var(--radius-lg)}.modal-header{padding:1rem}.modal-header h2{font-size:1.1rem}.modal-body{padding:1rem;max-height:55vh}.modal-footer{padding:1rem;flex-direction:column}.modal-footer .btn{width:100%}.form-row{grid-template-columns:1fr!important}.form-group{margin-bottom:1rem}.form-group input,.form-group select,.form-group textarea{padding:.75rem}.btn{padding:.625rem 1rem;font-size:.8rem}.btn-lg{padding:.875rem 1.5rem;font-size:.9rem}.dashboard-header{flex-direction:column;gap:1rem;margin-bottom:1.5rem}.dashboard-header h1{font-size:1.4rem}.welcome-text{font-size:.85rem}.dashboard-header .header-actions{width:100%}.chart-container{padding:1rem!important}.bar-chart{gap:.5rem!important}.bar-container{min-width:40px!important}.bar-value,.bar-label{font-size:.65rem!important}.schedule-list{padding:.75rem!important}.schedule-item{padding:.75rem!important;flex-direction:column;align-items:flex-start;gap:.5rem}.schedule-time{font-size:.85rem!important;width:auto!important}.empty-state{padding:3rem 1.5rem}.empty-widget{padding:2rem 1rem!important}.alert-list{padding:.75rem!important}.alert-item{padding:.625rem!important}.performance-list{padding:.75rem!important}.performance-item{padding:.625rem!important}.bookings-section{margin-top:1.5rem!important}.section-header{padding:1rem!important}.section-header h2{font-size:1rem!important}.view-mode-tabs{display:flex;background:#f1f5f9;padding:.25rem;border-radius:10px;margin-bottom:1rem;gap:.25rem}.view-mode-tabs .btn{flex:1;padding:.5rem;border:none!important;font-size:.75rem;border-radius:8px;box-shadow:none!important;background:transparent;color:#64748b;display:flex;align-items:center;justify-content:center;gap:.4rem}.view-mode-tabs .btn.active{background:#fff!important;color:var(--primary)!important;box-shadow:0 2px 6px #00000014!important}.mobile-data-cards{display:block}.data-card{background:#fff;border-radius:var(--radius-md);padding:1rem;margin-bottom:.75rem;box-shadow:var(--shadow-sm);border:1px solid var(--navy-100)}.data-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding-bottom:.75rem;border-bottom:1px solid var(--navy-100)}.data-card-title{font-weight:600;font-size:.95rem;color:var(--navy-900)}.data-card-row{display:flex;justify-content:space-between;align-items:center;padding:.375rem 0}.data-card-label{font-size:.8rem;color:var(--navy-500)}.data-card-value{font-size:.85rem;font-weight:500;color:var(--navy-800)}.data-card-actions{display:flex;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid var(--navy-100)}.data-card-actions .btn{flex:1;padding:.5rem;font-size:.75rem;justify-content:center}}@media(min-width:769px)and (max-width:1024px){.main-content{padding:1.25rem;padding-top:calc(60px + 1.25rem)}.quick-stats-row{grid-template-columns:repeat(4,1fr)}.stats-grid-compact{grid-template-columns:repeat(4,1fr)!important}.dashboard-grid{grid-template-columns:repeat(2,1fr)!important}.page-header{flex-direction:row;align-items:center}}@media(hover:none)and (pointer:coarse){.btn{min-height:44px}.nav-item,.mobile-nav-item{min-height:48px}.btn:hover{transform:none}.card:hover{box-shadow:var(--shadow-md)}.quick-stat-card:hover{transform:none}.btn:active{transform:scale(.98);opacity:.9}}@media print{.mobile-top-nav,.mobile-bottom-nav,.sidebar,.more-menu-overlay,.more-menu-panel{display:none!important}.main-content{margin:0!important;padding:0!important}}