:root{--glass-bg:#fffffff2;--glass-border:#fff3;--glass-shadow:0 8px 32px 0 #1f268726;--primary-gradient:linear-gradient(135deg,#2563eb,#1d4ed8);--danger-gradient:linear-gradient(135deg,#dc2626,#b91c1c);--anim-spring:cubic-bezier(0.175,0.885,0.32,1.275)}.btn{border-radius:8px;font-size:14px;gap:8px;padding:10px 20px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);background:var(--primary-gradient);box-shadow:0 4px 6px -1px #2563eb4d}.btn-primary:hover{box-shadow:0 6px 8px -1px #2563eb66;transform:translateY(-1px)}.btn-secondary:hover{color:#1e293b}.btn-delete{background:#0000;color:#ef4444}.btn-delete:hover{background:#fef2f2}.form-group{margin-bottom:20px}.form-group label{color:#334155;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-control,input[type=email],input[type=number],input[type=password],input[type=text],select,textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#0f172a;font-size:14px;padding:12px 16px;transition:all .3s ease;width:100%}.form-control:focus,input:focus,select:focus,textarea:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.error-popup-overlay{align-items:center;animation:fadeIn .15s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.error-popup-content{animation:slideUp .2s ease-out;background:#fff;border:1px solid #ffffff80;border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:440px;overflow:hidden;width:90%}.error-header{align-items:center;background:#fef2f2;border-bottom:1px solid #fee2e2;display:flex;flex-direction:column;padding:24px 24px 16px;text-align:center}.error-icon-circle{align-items:center;background:#fee2e2;border-radius:50%;color:#dc2626;display:flex;height:56px;justify-content:center;margin-bottom:16px;width:56px}.error-icon-circle .material-icons{font-size:32px}.error-header h3{color:#991b1b;font-size:20px;font-weight:700;margin:0}.error-body{padding:24px}.error-message{color:#4b5563;font-size:16px;line-height:1.5;margin-bottom:24px;text-align:center}.error-resolution{background:#f0f9ff;border-left:4px solid #0ea5e9;border-radius:0 8px 8px 0;padding:16px}.res-title{align-items:center;color:#0369a1;display:flex;font-size:13px;font-weight:600;gap:8px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.res-title .material-icons{font-size:18px}.error-resolution p{color:#334155;font-size:14px;line-height:1.5;margin:0}.error-footer{padding:16px 24px 24px}.btn-full{width:100%}.modal-overlay{animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;z-index:1000}.modal-content{animation:scaleUp .3s ease-out;background:#fffffff2;background:var(--glass-bg);border:1px solid #fff3;border:1px solid var(--glass-border);border-radius:20px;box-shadow:0 8px 32px 0 #1f268726;box-shadow:var(--glass-shadow);max-height:85vh;max-width:550px}.modal-header{padding:20px 24px}.modal-header h2{color:#0f172a;font-size:18px;font-weight:700;margin:0}.modal-close{border-radius:50%;transition:all .2s}.modal-close:hover{background:#e2e8f0;color:#0f172a}.modal-body{max-height:min(62vh,calc(85vh - 148px));padding:24px}.modal-footer{align-items:center;border-radius:0 0 20px 20px;flex-wrap:wrap;gap:12px;padding:20px 24px}.modal-content.modal-md{max-width:520px;width:min(92vw,520px)}.modal-content.modal-lg{max-width:820px;width:min(94vw,820px)}.modal-content>form{display:flex;flex-direction:column}.modal-content>form,.modal-content>form .modal-body{flex:1 1;min-height:0}.user-management-page .modal-body .form-row{grid-gap:0 1.25rem;align-items:start;display:grid;gap:0 1.25rem;grid-template-columns:1fr 1fr}.user-management-page .modal-body .form-row>.form-group,.user-management-page .modal-body>.form-group{margin-bottom:1.25rem}.user-management-page .modal-body .form-group label{color:#475569;display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.user-management-page .modal-body textarea.form-control{min-height:88px;resize:vertical}.user-management-page .modal-body .form-control,.user-management-page .modal-body select.form-control{background:#fff;border:1px solid #cbd5e1}.user-management-page .modal-body .searchable-select .ss-trigger{background:#fff;border-color:#cbd5e1}@media (max-width:640px){.user-management-page .modal-body .form-row{grid-template-columns:1fr}}.master-data-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.master-data-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0f172a0f;color:inherit;display:block;padding:1.35rem 1.5rem;text-decoration:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.master-data-card:hover{border-color:#93c5fd;box-shadow:0 8px 24px #2563eb1f;transform:translateY(-2px)}.master-data-card h3{color:#0f172a;font-size:1.05rem;font-weight:700;margin:0 0 .5rem}.master-data-card p{color:#64748b;font-size:.875rem;line-height:1.45;margin:0 0 .75rem}.master-data-card-cta{color:#2563eb;font-size:.8125rem;font-weight:600}.user-management-page{background:#f8fafc;min-height:100vh;padding:30px}.page-header{margin-bottom:30px}.page-header h1{color:#0f172a;font-size:28px;font-weight:800;letter-spacing:-.5px}.page-header .subtitle{color:#64748b;margin-top:4px}.btn-create{border-radius:12px;font-weight:600;padding:12px 24px}.stats-grid{grid-gap:20px;gap:20px;margin-bottom:30px}.stat-card{border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;gap:16px;padding:20px;transition:all .2s ease}.stat-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.stat-icon{background:#eff6ff;border-radius:12px;color:#2563eb;font-size:24px;height:48px;width:48px}.stat-content{display:flex;flex-direction:column}.stat-value{color:#0f172a;font-size:24px}.stat-label{color:#64748b;font-size:13px}.table-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:0;overflow:hidden}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;margin-bottom:24px;padding:0}.filters-bar select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;cursor:pointer;font-size:14px;height:46px;padding:12px 16px;transition:all .3s ease}.filters-bar select:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-box{flex:1 1;min-width:220px;position:relative}.search-box input.search-input,.search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-size:14px;padding:12px 16px 12px 42px;transition:all .3s ease;width:100%}.search-input:focus{background:#fff;border-color:#3b82f6;box-shadow:0 0 0 4px #3b82f61a;outline:none}.search-box .search-icon{color:#94a3b8;font-size:14px;left:14px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.results-count{color:#64748b;font-size:13px;font-weight:500;white-space:nowrap}.pagination{gap:8px;margin-top:24px;padding:16px 0}.btn-page{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-size:13px;font-weight:500;padding:8px 14px;transition:all .2s ease}.btn-page:hover:not(:disabled){background:#f1f5f9;border-color:#cbd5e1}.btn-page.active{background:#2563eb;border-color:#2563eb;color:#fff}.btn-page:disabled{cursor:not-allowed;opacity:.5}.page-numbers{display:flex;gap:4px}.empty-state{color:#64748b}.empty-state h3{color:#0f172a}.empty-state p{color:#64748b}.loading-state{color:#64748b;padding:3rem 1.5rem}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%{box-shadow:0 0 0 0 #dc262666}70%{box-shadow:0 0 0 10px #dc262600}to{box-shadow:0 0 0 0 #dc262600}}.form-row{display:flex;gap:20px}.form-row>*{flex:1 1}.roles-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fill,minmax(350px,1fr))}.role-card{background:#fff;border:1px solid #f1f5f9;border-radius:20px;box-shadow:0 4px 6px -1px #0000000d;display:flex;flex-direction:column;padding:30px;transition:all .3s ease}.role-card:hover{border-color:#bfdbfe;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;transform:translateY(-8px)}.role-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:20px}.role-name{color:#0f172a;font-size:20px;font-weight:700;margin:0;text-transform:capitalize}.role-badge{background:#f1f5f9;border-radius:20px;color:#475569;font-size:11px;font-weight:600;letter-spacing:.5px;padding:6px 12px;text-transform:uppercase}.badge-primary{background:#eff6ff;color:#2563eb}.badge-danger{background:#fef2f2;color:#dc2626}.role-description{color:#64748b;font-size:14px;line-height:1.5;margin-bottom:24px;min-height:42px}.role-stats{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:flex;gap:24px;margin-bottom:24px;padding:16px}.role-stat{display:flex;flex-direction:column}.role-stat .stat-value{color:#0f172a;font-size:18px}.role-stat .stat-label{font-size:11px;letter-spacing:.5px;text-transform:uppercase}.role-actions{border-top:1px solid #f1f5f9;display:flex;gap:12px;margin-top:auto;padding-top:20px}.permissions-section{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.permissions-section h3{color:#0f172a;font-size:16px;margin-bottom:16px}.permission-groups{grid-gap:16px;display:grid;gap:16px;max-height:400px;overflow-y:auto;padding-right:8px}.permission-group{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.group-header{align-items:center;background:#f8fafc;color:#334155;cursor:pointer;display:flex;font-size:14px;font-weight:600;justify-content:space-between;padding:12px 16px;transition:background .2s}.group-header:hover{background:#f1f5f9}.group-permissions{grid-gap:12px;background:#fff;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));padding:16px}.permission-item{border:1px solid #0000;border-radius:8px;cursor:pointer;display:flex;gap:10px;padding:8px;transition:all .2s}.permission-item:hover{background:#f8fafc}.permission-item.selected{background:#eff6ff;border-color:#bfdbfe}.perm-action{color:#0f172a;display:block;font-size:14px;font-weight:500}.perm-desc{color:#64748b;display:block;font-size:12px;margin-top:2px}.department-tree-container{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;min-height:400px;overflow-x:auto;padding:32px}.dept-node{border-left:2px solid #e2e8f0;margin-bottom:16px;padding-left:24px;position:relative}.dept-node[style*="margin-left: 0px"]{border-left:none;padding-left:0}.dept-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;padding:20px;position:relative;transition:all .2s}.dept-card:hover{border-color:#3b82f6;box-shadow:0 10px 15px -3px #0000001a;transform:translateX(4px)}.dept-node:before{background:#e2e8f0;content:"";height:2px;left:0;position:absolute;top:32px;width:24px}.dept-node[style*="margin-left: 0px"]:before{display:none}.dept-header{justify-content:space-between;margin-bottom:12px}.dept-header,.dept-title{align-items:center;display:flex}.dept-title{gap:12px}.dept-title h3{color:#0f172a;font-size:16px;font-weight:600;margin:0}.btn-expand{align-items:center;background:#f1f5f9;border:none;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:10px;height:24px;justify-content:center;transition:all .2s;width:24px}.btn-expand:hover{background:#e2e8f0;color:#0f172a}.badge-secondary{background:#f1f5f9;border-radius:6px;color:#64748b;font-family:monospace;font-size:11px;padding:4px 8px}.dept-details{color:#64748b;display:flex;font-size:13px;gap:24px;padding-left:36px}.dept-actions{display:flex;gap:8px;opacity:.5;transition:opacity .2s}.dept-card:hover .dept-actions{opacity:1}.btn-icon{background:#0000;border:none;border-radius:6px;cursor:pointer;padding:6px;transition:background .2s}.btn-icon:hover{background:#f1f5f9}.status-mgmt-layout{grid-gap:30px;display:grid;gap:30px;grid-template-columns:280px 1fr}.tables-sidebar{background:#fff;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;height:-webkit-fit-content;height:fit-content;padding:24px;position:-webkit-sticky;position:sticky;top:30px}.tables-sidebar h3{color:#0f172a;font-size:16px;font-weight:700;margin-bottom:20px;margin-top:0}.tables-list{display:flex;flex-direction:column;gap:8px}.table-item{border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:12px 16px;transition:all .2s}.table-item:hover{background:#f8fafc;color:#0f172a;transform:translateX(4px)}.table-item.active{background:#eff6ff;box-shadow:0 2px 4px #2563eb1a;color:#2563eb}.status-count{background:#ffffff80;border-radius:12px;font-size:11px;padding:2px 8px}.table-item:not(.active) .status-count{background:#f1f5f9}.statuses-main{background:#fff;border-radius:24px;box-shadow:0 4px 6px -1px #0000000d;min-height:500px;padding:30px}.section-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:30px;padding-bottom:20px}.section-header h2{color:#0f172a;font-size:20px;margin:0}.statuses-list{display:flex;flex-direction:column;gap:16px}.status-card{grid-gap:20px;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:20px;grid-template-columns:40px 240px 1fr 1fr 100px;padding:16px;transition:all .2s}.status-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000000d}.status-card.inactive{background:#f8fafc;opacity:.7}.order-buttons{display:flex;flex-direction:column;gap:2px}.order-buttons button{background:none;border:none;color:#94a3b8;cursor:pointer;font-size:8px;padding:2px}.order-buttons button:hover{color:#3b82f6}.status-badge-lg{align-items:center;border:1px solid #0000;border-radius:30px;display:inline-flex;font-size:13px;font-weight:600;gap:8px;padding:8px 16px}.status-preview small{color:#94a3b8;display:block;font-family:monospace;font-size:11px;margin-top:6px;text-align:center}.status-attributes{display:flex;flex-wrap:wrap;gap:8px}.attr-tag{border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px;padding:4px 8px;text-transform:uppercase}.attr-tag.default{background:#eff6ff;color:#3b82f6}.attr-tag.final{background:#f0fdf4;color:#16a34a}.attr-tag.inactive{background:#f1f5f9;color:#64748b}.status-desc{color:#64748b;font-size:13px}.status-actions{display:flex;gap:8px;justify-content:flex-end}.color-picker-wrapper{align-items:center;display:flex;gap:12px}.color-picker-wrapper input[type=color]{border:none;height:40px;padding:0;width:60px}.action-buttons{align-items:center;gap:6px}.btn-action{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:9px;color:#64748b;cursor:pointer;display:inline-flex;height:34px;justify-content:center;transition:all .15s ease;width:34px}.action-icon{stroke-width:2;height:17px;width:17px}.btn-action:hover{background:#f1f5f9;border-color:#cbd5e1;box-shadow:0 2px 6px #0f172a14;color:#0f172a;transform:translateY(-1px)}.btn-action:active{box-shadow:none;transform:translateY(0)}.btn-action:disabled,.btn-action:disabled:hover{background:#f8fafc;border-color:#e2e8f0;box-shadow:none;color:#94a3b8;cursor:not-allowed;opacity:.45;transform:none}.btn-view{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.btn-view:hover{background:#dbeafe;border-color:#bfdbfe;box-shadow:0 2px 6px #2563eb2e;color:#1d4ed8}.btn-edit{background:#eff6ff;border-color:#dbeafe;color:#2563eb}.btn-edit:hover{background:#dbeafe;border-color:#bfdbfe;box-shadow:0 2px 6px #2563eb2e;color:#1d4ed8}.btn-delete{background:#fef2f2;border-color:#fee2e2;color:#dc2626}.btn-delete:hover{background:#fee2e2;border-color:#fecaca;box-shadow:0 2px 6px #dc26262e;color:#b91c1c}.btn-activate{background:#f0fdf4;border-color:#dcfce7;color:#16a34a}.btn-activate:hover{background:#dcfce7;border-color:#bbf7d0;box-shadow:0 2px 6px #16a34a2e;color:#15803d}.btn-deactivate{background:#fff1f2;border-color:#ffe4e6;color:#e11d48}.btn-deactivate:hover{background:#ffe4e6;border-color:#fecdd3;box-shadow:0 2px 6px #e11d482e;color:#be123c}.btn-convert{background:#f0fdf4;border-color:#dcfce7;color:#16a34a}.btn-convert:hover{background:#dcfce7;border-color:#bbf7d0;box-shadow:0 2px 6px #16a34a2e;color:#15803d}.btn-convert:disabled,.btn-convert:disabled:hover{box-shadow:none;cursor:not-allowed;opacity:.45;text-decoration:line-through}.search-icon{left:10px;position:absolute;top:50%;transform:translateY(-50%)}.mobile-only{display:none}.desktop-only{display:block}@media (max-width:1024px){.desktop-only{display:none}.mobile-only{display:block}}.table-container{overflow-x:auto}.data-table{min-width:760px}.selection-cell{text-align:center!important;width:44px}.card-select-checkbox,.selection-cell input{accent-color:#2563eb;accent-color:var(--primary-600,#2563eb);cursor:pointer;height:18px;width:18px}.card-select-checkbox{flex:0 0 auto}.bulk-selection-bar{align-items:center;background:#eff6ff;background:var(--primary-50,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--primary-200,#bfdbfe);border-radius:8px;display:flex;gap:12px;justify-content:space-between;margin-bottom:12px;padding:10px 14px}.bulk-selection-actions{display:flex;flex-wrap:wrap;gap:8px}.cards-grid{display:flex;flex-direction:column;gap:12px}.data-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:0 1px 3px #0000000a;box-sizing:border-box;cursor:pointer;max-width:100%;overflow:hidden;transition:all .2s ease;width:100%}.data-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.data-card:active{transform:scale(.98)}.data-card.card-inactive{opacity:.6}@media (max-width:480px){.data-card{border-radius:10px}.data-card-top{gap:8px;padding:12px 12px 0}.data-card-top .badge-pill{font-size:10px;margin-left:auto;padding:3px 8px}.data-card-avatar{font-size:12px;height:32px;width:32px}.data-card-info{flex:1 1 50%;min-width:0}.data-card-title{font-size:13px}.data-card-subtitle{font-size:11px}.data-card-body{gap:4px;padding:8px 12px 4px}.data-card-row{gap:4px}.data-card-row .row-label{font-size:12px;min-width:36px}.data-card-row .row-icon{font-size:11px;width:14px}.data-card-row .row-value{font-size:12px}.data-card-footer{padding:6px 12px 8px}}.data-card-top{align-items:center;box-sizing:border-box;display:flex;gap:12px;min-width:0;padding:14px 14px 0;width:100%}.data-card-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;width:40px}.data-card-avatar.avatar-green{background:linear-gradient(135deg,#059669,#047857)}.data-card-avatar.avatar-amber{background:linear-gradient(135deg,#d97706,#b45309)}.data-card-avatar.avatar-purple{background:linear-gradient(135deg,#7c3aed,#6d28d9)}.data-card-avatar.avatar-rose{background:linear-gradient(135deg,#e11d48,#be123c)}.data-card-avatar.avatar-cyan{background:linear-gradient(135deg,#0891b2,#0e7490)}.data-card-info{flex:1 1;min-width:0}.data-card-title{color:#0f172a;display:block;font-size:15px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-card-subtitle{color:#94a3b8;display:block;font-size:12px;margin-top:1px}.badge-pill{align-items:center;border-radius:20px;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:4px;letter-spacing:.02em;padding:4px 10px;text-transform:capitalize}.badge-pill:before{border-radius:50%;content:"";flex-shrink:0;height:6px;width:6px}.badge-pill.status-active{background:#ecfdf5;color:#059669}.badge-pill.status-active:before{background:#059669}.badge-pill.status-inactive{background:#fef2f2;color:#dc2626}.badge-pill.status-inactive:before{background:#dc2626}.badge-pill.status-pending{background:#fffbeb;color:#d97706}.badge-pill.status-pending:before{background:#d97706}.badge-pill.status-approved{background:#ecfdf5;color:#059669}.badge-pill.status-approved:before{background:#059669}.badge-pill.status-rejected{background:#fef2f2;color:#dc2626}.badge-pill.status-rejected:before{background:#dc2626}.badge-pill.status-cancelled{background:#f1f5f9;color:#64748b}.badge-pill.status-cancelled:before{background:#64748b}.badge-pill.status-draft{background:#f1f5f9;color:#64748b}.badge-pill.status-draft:before{background:#64748b}.badge-pill.status-submitted{background:#eff6ff;color:#2563eb}.badge-pill.status-submitted:before{background:#2563eb}.badge-pill.status-posted{background:#ecfdf5;color:#059669}.badge-pill.status-posted:before{background:#059669}.badge-pill.status-probation{background:#fffbeb;color:#d97706}.badge-pill.status-probation:before{background:#d97706}.badge-pill.status-on_leave{background:#eff6ff;color:#2563eb}.badge-pill.status-on_leave:before{background:#2563eb}.badge-pill.status-terminated{background:#fef2f2;color:#dc2626}.badge-pill.status-terminated:before{background:#dc2626}.data-card-body{box-sizing:border-box;flex-direction:column;gap:6px;padding:10px 14px 6px}.data-card-body,.data-card-row{display:flex;min-width:0;width:100%}.data-card-row{align-items:center;font-size:13px;gap:8px}.data-card-row .row-icon{color:#94a3b8;flex-shrink:0;font-size:12px;text-align:center;width:16px}.data-card-row .row-label{color:#94a3b8;flex-shrink:0;font-weight:500;min-width:52px}.data-card-row .row-value{color:#334155;font-weight:600;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.data-card-row .row-value{overflow-wrap:break-word;white-space:normal;word-break:break-word}}@media (max-width:380px){.data-card-row{flex-wrap:wrap}.data-card-row .row-label{min-width:0}}.data-card-footer{align-items:center;border-top:1px solid #f8fafc;box-sizing:border-box;display:flex;gap:6px;justify-content:flex-end;margin-top:2px;min-width:0;padding:8px 14px 10px;width:100%}.data-card-footer .btn-sm{border-radius:8px;font-size:12px;padding:5px 12px}.data-card-footer .action-icon-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#94a3b8;cursor:pointer;display:flex;font-size:14px;height:30px;justify-content:center;transition:all .15s ease;width:30px}.data-card-footer .action-icon-btn:hover{background:#f1f5f9;color:#475569}.data-card-footer .action-icon-btn.edit:hover{background:#eff6ff;color:#2563eb}.data-card-footer .action-icon-btn.delete:hover{background:#fef2f2;color:#dc2626}.data-card-footer .action-icon-btn.toggle:hover{background:#ecfdf5;color:#059669}.users-cards-grid{display:flex;flex-direction:column;gap:12px}.user-card-avatar,.user-card-header{align-items:center}.user-card-avatar{background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14px;font-weight:700;height:40px;justify-content:center;overflow:hidden;width:40px}.user-card-avatar img{height:100%;object-fit:cover;width:100%}.user-card-title{flex:1 1}.user-card-name{color:#0f172a}.user-card-role{color:#94a3b8}.dept-drawer-overlay{animation:fadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.dept-drawer{animation:slideInRight .3s ease-out;background:#fff;box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-y:auto;width:50%}.dept-drawer-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.dept-drawer-header h3{color:#0f172a;font-size:18px;font-weight:700;margin:0}.dept-drawer-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#64748b;cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.dept-drawer-close:hover{background:#e2e8f0;color:#0f172a}.dept-drawer-actions-bar{background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;padding:12px 24px}.dept-drawer-body{flex:1 1;overflow-y:auto;padding:20px 24px}.dept-drawer-section{margin-bottom:28px}.dept-drawer-section h4{border-bottom:2px solid #2563eb;color:#0f172a;display:inline-block;font-size:15px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.dept-detail-grid{grid-gap:12px 20px;display:grid;gap:12px 20px;grid-template-columns:1fr 1fr}.dept-detail-row{display:flex;flex-direction:column;gap:4px}.dept-detail-row-full{grid-column:1/-1}.dept-detail-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.dept-detail-value{color:#334155;font-size:14px;font-weight:500;word-break:break-word}.dept-drawer-section .data-table{border-collapse:collapse;font-size:13px;width:100%}.dept-drawer-section .data-table th{border-bottom:2px solid #e2e8f0;color:#94a3b8;font-size:11px;font-weight:600;letter-spacing:.04em;padding:8px 10px;text-align:left;text-transform:uppercase;white-space:nowrap}.dept-drawer-section .data-table td{border-bottom:1px solid #f1f5f9;padding:8px 10px;vertical-align:middle}.dept-drawer-section .user-cell{align-items:center;display:flex;gap:8px}.dept-drawer-section .user-avatar{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:50%;color:#fff;display:flex;flex-shrink:0;font-size:11px;font-weight:700;height:28px;justify-content:center;width:28px}.dept-drawer-section .user-info{display:flex;flex-direction:column}.dept-drawer-section .user-name{color:#0f172a;font-size:13px;font-weight:600}@media (max-width:1024px){.dept-drawer{width:100%}.dept-detail-grid{grid-template-columns:1fr}}.dept-detail-grid .form-group{margin-bottom:0}.dept-detail-grid .form-group label{color:#94a3b8;display:block;font-size:12px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.dept-detail-grid .form-group .form-control{font-size:14px}.status-items-cards{display:flex;flex-direction:column;gap:12px}.status-item-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px;transition:all .2s}.status-item-card.inactive{background:#f8fafc;opacity:.7}.status-item-card-header{align-items:center;display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.status-item-card-actions{border-top:1px solid #f1f5f9;display:flex;flex-wrap:wrap;gap:8px;padding-top:12px}.inactive-row{background:#f8fafc;opacity:.6}.inactive-row:hover{opacity:.8}.badge-active{background:#dcfce7;color:#16a34a}.badge-active,.badge-inactive{border-radius:10px;font-size:11px;font-weight:600;padding:2px 8px}.badge-inactive{background:#f1f5f9;color:#64748b}.dept-drawer-section .section-header{align-items:center;display:flex;justify-content:space-between}.spinner-mini{animation:spin .6s linear infinite;height:14px;margin-right:6px;vertical-align:middle;width:14px}.mobile-cards-container{box-sizing:border-box;flex-direction:column;gap:12px;max-width:100%;width:100%}@media (max-width:1024px){.mobile-cards-container{display:flex}}.table-scroll-x{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.search-dropdown-overlay{align-items:flex-start;bottom:0;display:none;justify-content:center;left:0;padding-top:80px;position:fixed;right:0;top:0;z-index:9999}.search-dropdown-overlay.open{display:flex}.search-dropdown{animation:searchDropdownFadeIn .15s ease-out;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 8px 40px #0000001f,0 2px 8px #0000000f;display:flex;flex-direction:column;max-height:min(480px,60vh);overflow:hidden;width:min(640px,90vw)}@keyframes searchDropdownFadeIn{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.search-dd-input-wrapper{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;gap:10px;padding:14px 16px;position:relative}.search-dd-input-icon{color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0}.search-dd-input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:15px;outline:none}.search-dd-input::placeholder{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.search-dd-spinner{animation:searchSpin .8s linear infinite;color:#2563eb;color:var(--accent-color,#2563eb);flex-shrink:0}.search-dd-clear-input{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:24px;justify-content:center;width:24px}.search-dd-clear-input:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0)}.search-dd-body{flex:1 1;overflow-y:auto;overscroll-behavior:contain}.search-dd-body::-webkit-scrollbar{width:5px}.search-dd-body::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-color,#cbd5e1);border-radius:3px}.search-dd-state{align-items:center;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-direction:column;font-size:14px;gap:8px;justify-content:center;padding:36px 20px;text-align:center}.search-dd-hint{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:12px}.search-dd-results-count{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.search-dd-header,.search-dd-results-count{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);font-size:12px;padding:8px 16px}.search-dd-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);color:#64748b;color:var(--text-secondary,#64748b);display:flex;font-weight:600;gap:8px;letter-spacing:.5px;text-transform:uppercase}.search-dd-clear-btn{background:none;border:none;border-radius:4px;color:#2563eb;color:var(--accent-color,#2563eb);cursor:pointer;font-size:12px;margin-left:auto;padding:2px 6px}.search-dd-clear-btn:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0)}.search-dd-item{align-items:center;border-bottom:1px solid #f8fafc;border-bottom:1px solid var(--border-color,#f8fafc);cursor:pointer;display:flex;gap:10px;padding:10px 16px;transition:background .1s}.search-dd-item:last-child{border-bottom:none}.search-dd-item.selected{background:#eff6ff;background:var(--bg-accent,#eff6ff)}.search-dd-item:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.search-dd-icon{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:6px;display:flex;flex-shrink:0;height:28px;justify-content:center;width:28px}.search-dd-result-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.search-dd-title{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dd-title mark{background:#fde68a;border-radius:2px;color:inherit;padding:0 2px}.search-dd-subtitle{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-dd-module-badge,.search-dd-subtitle{color:#64748b;color:var(--text-secondary,#64748b)}.search-dd-module-badge{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:10px;flex-shrink:0;font-size:11px;font-weight:500;padding:2px 8px}.search-dd-suggestion .search-dd-title{font-weight:400}.search-dd-history .search-dd-title{color:#64748b;color:var(--text-secondary,#64748b);font-weight:400}.search-dd-view-all-btn{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:none;border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#2563eb;color:var(--accent-color,#2563eb);cursor:pointer;display:flex;font-size:14px;font-weight:500;gap:8px;justify-content:center;padding:12px 16px;transition:background .1s;width:100%}.search-dd-view-all-btn:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.search-dd-footer{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);color:#94a3b8;color:var(--text-tertiary,#94a3b8);display:flex;font-size:11px;gap:16px;padding:6px 16px}.search-dd-footer span{align-items:center;display:flex;gap:4px}.search-dd-footer kbd{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:3px;color:#64748b;color:var(--text-secondary,#64748b);font-family:inherit;font-size:10px;padding:1px 5px}[data-theme=dark] .search-dropdown{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#334155;border-color:var(--border-color,#334155);box-shadow:0 8px 40px #0006}[data-theme=dark] .search-dd-title mark{background:#854d0e;color:#fef9c3}[data-theme=dark] .search-dd-item.selected{background:#1e3a5f;background:var(--bg-accent,#1e3a5f)}[data-theme=dark] .search-dd-footer kbd{background:#334155;background:var(--bg-tertiary,#334155);border-color:#475569;border-color:var(--border-color,#475569)}.mobile-search-overlay{align-items:center;animation:mobileSearchFadeIn .15s ease-out;background:#00000059;bottom:0;display:flex;flex-direction:column;left:0;position:fixed;right:0;top:0;z-index:99999}@keyframes mobileSearchFadeIn{0%{opacity:0}to{opacity:1}}.mobile-search-container{animation:mobileSearchSlideIn .2s ease-out;display:flex;flex-direction:column;margin-top:max(12px,env(safe-area-inset-top,12px));max-height:calc(100vh - max(24px, calc(env(safe-area-inset-top, 0px) + 12px)) - 12px);max-width:560px;width:90%}@keyframes mobileSearchSlideIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}.mobile-search-topbar{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1.5px solid #93c5fd;border:1.5px solid var(--primary-300,#93c5fd);border-radius:14px;box-shadow:0 4px 24px #0000001f;display:flex;flex-shrink:0;gap:10px;padding:8px 14px}.mobile-search-icon{color:#64748b;color:var(--text-secondary,#64748b);flex-shrink:0}.mobile-search-input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:16px;min-height:24px;outline:none}.mobile-search-input::placeholder{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.mobile-search-input{font-size:16px!important}.mobile-search-clear,.mobile-search-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;justify-content:center;padding:4px;transition:background .15s}.mobile-search-clear:hover,.mobile-search-close,.mobile-search-close:hover{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9)}.mobile-search-close{border-radius:50%;height:32px;width:32px}.mobile-search-close:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0)}.mobile-search-overlay .search-dd-body{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:0 0 14px 14px;border-top:none;box-shadow:0 8px 32px #0000001a;flex:1 1 auto;overflow-y:auto;overscroll-behavior:contain}.mobile-search-overlay .search-dd-footer{border-radius:0 0 14px 14px}.mobile-search-overlay .search-dd-state{padding:28px 16px}[data-theme=dark] .mobile-search-topbar{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#2563eb;border-color:var(--primary-600,#2563eb)}[data-theme=dark] .mobile-search-overlay .search-dd-body{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#334155;border-color:var(--border-color,#334155)}[data-theme=dark] .mobile-search-overlay{background:#0009}.header-mobile-search-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-full);color:var(--gray-600);cursor:pointer;display:flex;height:44px;justify-content:center;margin:0 auto;transition:all var(--transition-fast);width:44px}.header-mobile-search-btn:hover{background:var(--gray-200);color:var(--gray-700)}@media (max-width:768px){.search-dropdown-overlay{align-items:stretch;-webkit-backdrop-filter:none;backdrop-filter:none;background:none;bottom:auto;height:auto;left:0;padding-top:0;position:absolute;right:0;top:100%}.search-dropdown{border:none;border-radius:0;box-shadow:0 8px 32px #00000026;margin:0;max-height:none;width:100%}.search-dd-input-wrapper{padding:10px 14px}.search-dd-input{font-size:14px}.search-dd-item{padding:12px 14px}.search-dd-title{font-size:13px}.search-dd-subtitle{font-size:11px}.search-dd-footer{display:none}}.notification-settings-page{color:#172033;margin:0 auto;max-width:1050px;padding:24px}.notification-settings-page>header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.notification-settings-page h1{font-size:24px;margin:0 0 4px}.notification-master p,.notification-settings-page header p{color:#64748b;margin:0}.notification-settings-panel{background:#fff;border:1px solid #dfe6ee;border-radius:8px;overflow:hidden}.notification-master,.notification-module-row{align-items:center;border-bottom:1px solid #e8edf3;display:flex;gap:13px;padding:18px 20px}.notification-master>div,.notification-module-row>div{display:flex;flex:1 1;flex-direction:column;gap:4px}.notification-module-row span{color:#64748b;font-size:12px}.notification-module-icon{background:#eff6ff;border-radius:6px;color:#2563eb;display:grid;height:38px;place-items:center;width:38px}.notification-switch{flex:none;height:24px;position:relative;width:42px}.notification-switch input{height:0;opacity:0;position:absolute;width:0}.notification-switch span{background:#cbd5e1;border-radius:20px;cursor:pointer;inset:0;position:absolute;transition:background .2s}.notification-switch span:after{background:#fff;border-radius:50%;content:"";height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.notification-switch input:checked+span{background:#2563eb}.notification-switch input:checked+span:after{transform:translateX(18px)}.notification-module-list.disabled{opacity:.55}.notification-empty{color:#64748b;padding:32px;text-align:center}.notification-popover{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 32px #0f172a1f;display:flex;flex-direction:column;max-height:480px;overflow:hidden;position:absolute;right:0;top:calc(100% + 4px);width:380px;z-index:10000}.notification-popover-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;flex-shrink:0;justify-content:space-between;padding:14px 16px}.notification-popover-header strong{color:#0f172a;font-size:15px;font-weight:700}.notification-popover-header div{display:flex;gap:2px}.notification-popover-header button{background:#0000;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:grid;height:32px;place-items:center;transition:background .15s,color .15s;width:32px}.notification-popover-header button:hover{background:#f1f5f9;color:#0f172a}.notification-list{flex:1 1;overflow-y:auto;padding:4px 0}.notification-item{align-items:stretch;background:#0000;border:0;border-bottom:1px solid #f8fafc;cursor:pointer;display:flex;flex-direction:column;gap:3px;padding:12px 16px;text-align:left;transition:background .15s;width:100%}.notification-item:hover{background:#f8fafc}.notification-item.unread{background:#f0f9ff;border-left:3px solid #3b82f6;padding-left:13px}.notification-item.unread:hover{background:#e0f2fe}.notification-item strong{color:#0f172a;font-size:13px;font-weight:600;line-height:1.3}.notification-item span{-webkit-line-clamp:2;-webkit-box-orient:vertical;color:#475569;display:-webkit-box;font-size:12px;line-height:1.4;overflow:hidden}.notification-item small{color:#94a3b8;font-size:11px;margin-top:2px}.notification-popover-footer{background:#0000;border:0;border-top:1px solid #f1f5f9;color:#2563eb;cursor:pointer;display:block;flex-shrink:0;font-size:13px;font-weight:500;padding:12px 16px;text-align:center;transition:background .15s;width:100%}.notification-popover-footer:hover{background:#f8fafc;text-decoration:underline}.notification-badge{align-items:center;background:#ef4444;border:2px solid #fff;border-radius:9px;color:#fff;display:flex;font-size:11px;font-weight:700;height:18px;justify-content:center;line-height:1;min-width:18px;padding:0 5px;pointer-events:none;position:absolute;right:-4px;top:-2px}@media (max-width:768px){.notification-popover{border-radius:12px;left:8px;max-height:calc(100vh - 80px);max-width:none;position:fixed;right:8px;top:60px;width:auto}}.dashboard{box-sizing:border-box;max-width:100%;overflow-x:hidden;width:100%}.dashboard-header{gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-6)}.dashboard-header,.dashboard-header h1{align-items:center;display:flex;flex-wrap:wrap}.dashboard-header h1{color:var(--gray-800);font-size:var(--font-size-2xl);font-weight:700;gap:var(--spacing-2)}.dashboard-header h1 span{font-size:var(--font-size-3xl)}.dashboard-subtitle{color:var(--gray-500);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.dashboard-actions{display:flex;gap:var(--spacing-3)}.refresh-btn{align-items:center;background:var(--gray-100);border:none;border-radius:var(--radius-lg);color:var(--gray-600);cursor:pointer;display:flex;font-size:var(--font-size-sm);gap:var(--spacing-2);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast)}.refresh-btn-mi{font-size:18px}.refresh-btn:hover{background:var(--gray-200);color:var(--gray-800)}.refresh-btn.spinning .refresh-btn-mi{animation:spin 1s linear infinite}.stats-grid{grid-gap:var(--spacing-4);box-sizing:border-box;gap:var(--spacing-4);grid-template-columns:repeat(4,1fr);margin-bottom:var(--spacing-6);width:100%}@media (max-width:1400px){.stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1100px){.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.stats-grid{grid-template-columns:1fr}}.stat-card-enhanced{align-items:flex-start;background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0f;display:flex;justify-content:space-between;min-width:0;overflow:hidden;padding:var(--spacing-4);position:relative;transition:border-color .15s ease,box-shadow .15s ease}.stat-card-enhanced:before{background:linear-gradient(90deg,var(--primary-500),var(--primary-600));background:linear-gradient(90deg,var(--stat-color,var(--primary-500)),var(--stat-color-end,var(--primary-600)));content:"";height:3px;left:0;position:absolute;right:0;top:0}.stat-card-enhanced:hover{border-color:var(--gray-200);box-shadow:0 4px 14px #0f172a14}.stat-content{flex:1 1;min-width:0;overflow:hidden}.stat-label{color:var(--gray-500);font-size:var(--font-size-xs);font-weight:500;letter-spacing:.05em;margin-bottom:var(--spacing-1);text-transform:uppercase}.stat-value{align-items:baseline;color:var(--gray-800);display:flex;flex-wrap:wrap;font-size:var(--font-size-2xl);font-weight:700;gap:var(--spacing-1);line-height:1.2}.stat-value .currency{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:500}.stat-trend{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-xs);font-weight:600;gap:4px;margin-top:var(--spacing-2);padding:2px 8px}.stat-trend.up{background:var(--success-100);color:#047857}.stat-trend.down{background:var(--error-100);color:#dc2626}.stat-icon-wrapper{align-items:center;border-radius:var(--radius-lg);display:flex;flex-shrink:0;font-size:24px;height:48px;justify-content:center;width:48px}.stat-icon-wrapper.blue{--stat-color:#3b82f6;--stat-color-end:#1d4ed8;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.stat-icon-wrapper.green{--stat-color:#10b981;--stat-color-end:#047857;background:linear-gradient(135deg,#10b981,#047857)}.stat-icon-wrapper.orange{--stat-color:#f59e0b;--stat-color-end:#d97706;background:linear-gradient(135deg,#f59e0b,#d97706)}.stat-icon-wrapper.purple{--stat-color:#8b5cf6;--stat-color-end:#6d28d9;background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.stat-icon-wrapper.red{--stat-color:#ef4444;--stat-color-end:#dc2626;background:linear-gradient(135deg,#ef4444,#dc2626)}.stat-icon-wrapper.cyan{--stat-color:#06b6d4;--stat-color-end:#0891b2;background:linear-gradient(135deg,#06b6d4,#0891b2)}.dashboard-grid{grid-gap:var(--spacing-5);box-sizing:border-box;display:grid;gap:var(--spacing-5);grid-template-columns:1.5fr 1fr;margin-bottom:var(--spacing-5);width:100%}.dashboard-grid.three-col{grid-template-columns:repeat(3,1fr)}@media (max-width:1200px){.dashboard-grid{grid-template-columns:1fr}.dashboard-grid.three-col{grid-template-columns:1fr 1fr}}@media (max-width:768px){.dashboard-grid.three-col{grid-template-columns:1fr}}.chart-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0f;min-width:0;overflow:hidden;padding:var(--spacing-5)}.chart-card-header{flex-wrap:wrap;justify-content:space-between;margin-bottom:var(--spacing-4)}.chart-card-header,.chart-card-title{align-items:center;display:flex;gap:var(--spacing-2)}.chart-card-title{color:var(--gray-800);font-size:var(--font-size-base);font-weight:600}.chart-card-title .icon{font-size:18px;opacity:.7}.chart-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-2)}.chart-control-btn{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-md);color:var(--gray-600);cursor:pointer;font-size:var(--font-size-xs);padding:6px 12px;transition:all var(--transition-fast)}.chart-control-btn.active,.chart-control-btn:hover{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.chart-container{height:260px;position:relative;width:100%}.chart-container canvas{max-height:100%;max-width:100%}.activity-feed{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0f;min-width:0;overflow:hidden;padding:var(--spacing-5)}.activity-list{max-height:320px;overflow-y:auto}.activity-item{align-items:flex-start;border-bottom:1px solid var(--gray-100);gap:var(--spacing-3);padding:var(--spacing-3) 0;transition:background .2s ease}.activity-item:last-child{border-bottom:none}.activity-item:hover{background:var(--gray-50);border-radius:var(--radius-md);margin:0 calc(var(--spacing-3)*-1);padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.activity-avatar{align-items:center;border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;height:32px;justify-content:center;width:32px}.activity-avatar.lead{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.activity-avatar.sale{background:linear-gradient(135deg,#10b981,#047857)}.activity-avatar.invoice{background:linear-gradient(135deg,#8b5cf6,#6d28d9)}.activity-avatar.service{background:linear-gradient(135deg,#f59e0b,#d97706)}.activity-content{min-width:0;overflow:hidden}.activity-description{color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.4;margin-bottom:2px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.activity-meta{align-items:center;color:var(--gray-400);display:flex;font-size:var(--font-size-xs);gap:var(--spacing-2)}.activity-user{color:var(--gray-500);font-weight:500}.performers-list{display:flex;flex-direction:column;gap:var(--spacing-2)}.performer-item{align-items:center;background:var(--gray-50);border-radius:var(--radius-lg);display:flex;gap:var(--spacing-3);padding:var(--spacing-3);transition:all .2s ease}.performer-item:hover{background:var(--gray-100)}.performer-rank{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:700;height:24px;justify-content:center;width:24px}.performer-rank.gold{background:linear-gradient(135deg,#fbbf24,#d97706);color:#fff}.performer-rank.silver{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff}.performer-rank.bronze{background:linear-gradient(135deg,#d97706,#92400e);color:#fff}.performer-rank.default{background:var(--gray-200);color:var(--gray-600)}.performer-avatar{align-items:center;background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:var(--radius-full);color:#fff;display:flex;flex-shrink:0;font-size:var(--font-size-xs);font-weight:600;height:36px;justify-content:center;width:36px}.performer-info{flex:1 1;min-width:0}.performer-name{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.performer-stats{color:var(--gray-500);font-size:var(--font-size-xs)}.performer-value{color:var(--gray-800);font-size:var(--font-size-sm);font-weight:700;white-space:nowrap}.alerts-list{flex-direction:column;max-height:280px;overflow-y:auto}.alert-item,.alerts-list{display:flex;gap:var(--spacing-2)}.alert-item{align-items:flex-start;border-left:3px solid;border-radius:var(--radius-lg);padding:var(--spacing-3);transition:transform .2s ease}.alert-item:hover{opacity:.95}.alert-item.danger{background:#fee2e2;border-color:#ef4444}.alert-item.warning{background:#fef3c7;border-color:#f59e0b}.alert-item.info{background:#dbeafe;border-color:#3b82f6}.alert-icon{flex-shrink:0;font-size:16px}.alert-item.danger .alert-icon{color:#dc2626}.alert-item.warning .alert-icon{color:#d97706}.alert-item.info .alert-icon{color:#2563eb}.alert-message{color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.4}.kpi-grid{grid-gap:var(--spacing-4);box-sizing:border-box;display:grid;gap:var(--spacing-4);grid-template-columns:repeat(3,1fr);margin-bottom:var(--spacing-5);width:100%}@media (max-width:900px){.kpi-grid{grid-template-columns:1fr 1fr}}@media (max-width:600px){.kpi-grid{grid-template-columns:1fr}}.kpi-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:0 1px 3px #0f172a0f;overflow:hidden;padding:var(--spacing-5);position:relative;text-align:center;transition:box-shadow .15s ease}.kpi-card:hover{box-shadow:0 4px 14px #0f172a1a}.kpi-card:before{background:linear-gradient(135deg,#1e8de608,#1e8de614);bottom:0;content:"";left:0;pointer-events:none;position:absolute;right:0;top:0}.kpi-value{align-items:center;color:var(--gray-800);display:flex;flex-wrap:wrap;font-size:var(--font-size-3xl);font-weight:800;gap:var(--spacing-2);justify-content:center}.kpi-change{align-items:center;border-radius:var(--radius-full);display:inline-flex;font-size:var(--font-size-sm);font-weight:600;gap:4px;margin-left:var(--spacing-2);padding:4px 10px}.kpi-change.up{background:var(--success-100);color:#047857}.kpi-change.down{background:var(--error-100);color:#dc2626}.kpi-label{color:var(--gray-500);font-size:var(--font-size-sm);margin-top:var(--spacing-2)}.quick-actions{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin-top:var(--spacing-4)}.quick-action-btn{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);color:inherit;cursor:pointer;display:flex;flex-direction:column;gap:var(--spacing-2);justify-content:center;padding:var(--spacing-4);text-decoration:none;transition:all .2s ease}.quick-action-btn:hover{background:#fff;border-color:var(--primary-300);box-shadow:0 4px 12px #1e8de626;transform:translateY(-2px)}.quick-action-btn .icon{color:var(--primary-500);font-size:22px}.quick-action-btn span{color:var(--gray-700);font-size:var(--font-size-xs);font-weight:500;text-align:center}.skeleton{animation:shimmer 1.5s infinite;background:linear-gradient(90deg,var(--gray-100) 25%,var(--gray-200) 50%,var(--gray-100) 75%);background-size:200% 100%;border-radius:var(--radius-md)}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton-stat{border-radius:var(--radius-xl);height:90px}.skeleton-chart{border-radius:var(--radius-xl);height:280px}.skeleton-row{height:50px;margin-bottom:var(--spacing-3)}.no-data{align-items:center;color:var(--gray-400);display:flex;flex-direction:column;justify-content:center;padding:var(--spacing-8);text-align:center}.no-data-icon{font-size:40px;margin-bottom:var(--spacing-3);opacity:.5}.no-data-text{font-size:var(--font-size-sm)}.welcome-message{align-items:center;background:linear-gradient(135deg,#0f172a,#1e3a5f 55%,#0c4a6e);border:1px solid #ffffff14;border-radius:var(--radius-xl);color:#fff;display:flex;flex-wrap:wrap;gap:var(--spacing-4);justify-content:space-between;margin-bottom:var(--spacing-5);padding:var(--spacing-5)}.welcome-content h2{font-size:var(--font-size-lg);font-weight:600;margin-bottom:var(--spacing-1)}.welcome-content p{font-size:var(--font-size-sm);opacity:.9}.welcome-date{font-size:var(--font-size-sm);opacity:.8;text-align:right}.welcome-date strong{display:block;font-size:var(--font-size-base)}.activity-list::-webkit-scrollbar,.alerts-list::-webkit-scrollbar{width:4px}.activity-list::-webkit-scrollbar-track,.alerts-list::-webkit-scrollbar-track{background:var(--gray-100);border-radius:var(--radius-full)}.activity-list::-webkit-scrollbar-thumb,.alerts-list::-webkit-scrollbar-thumb{background:var(--gray-300);border-radius:var(--radius-full)}.activity-list::-webkit-scrollbar-thumb:hover,.alerts-list::-webkit-scrollbar-thumb:hover{background:var(--gray-400)}.stats-grid-extended,.stats-grid-hr{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.stats-grid-hr{margin-bottom:var(--spacing-3)}.section-heading{color:var(--gray-500);font-size:var(--font-size-sm);font-weight:600;letter-spacing:.06em;margin:var(--spacing-6) 0 var(--spacing-3);text-transform:uppercase}.hr-stats-strip{margin-bottom:var(--spacing-6)}.hr-quick-links{display:flex;flex-wrap:wrap;gap:var(--spacing-4);padding:var(--spacing-2) 0 var(--spacing-1)}.text-link{color:var(--primary-600);font-size:var(--font-size-sm);font-weight:500;text-decoration:none}.text-link:hover{text-decoration:underline}@media (max-width:768px){.recent-table thead{display:none}.recent-table tr{border:1px solid var(--gray-200);border-radius:var(--radius-md);display:block;margin-bottom:var(--spacing-2);padding:var(--spacing-2)}.recent-table td{border:none;display:flex;justify-content:space-between;padding:4px 0}.recent-table td:before{color:var(--gray-500);content:attr(data-label);flex-shrink:0;font-weight:600;margin-right:var(--spacing-2)}}.dashboard-title-mi{font-size:28px;margin-right:var(--spacing-2);opacity:.95;vertical-align:middle}.chart-title-mi{color:var(--gray-500);font-size:20px}.stat-mi{color:#fff;font-size:22px}.quick-mi{color:var(--primary-600);font-size:22px}.alert-mi{flex-shrink:0;font-size:18px}.card-link{color:var(--primary-600);font-size:var(--font-size-xs);font-weight:600;text-decoration:none}.card-link:hover{text-decoration:underline}.dashboard-grid-recents{grid-template-columns:1fr 1fr}@media (max-width:900px){.dashboard-grid-recents{grid-template-columns:1fr}}.recent-table-wrap{max-height:280px;overflow:auto}.recent-table{border-collapse:collapse;font-size:var(--font-size-sm);width:100%}.recent-table th{border-bottom:1px solid var(--gray-100);color:var(--gray-500);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;padding:var(--spacing-2);text-align:left;text-transform:uppercase}.recent-table td{border-bottom:1px solid var(--gray-50);padding:var(--spacing-3) var(--spacing-2);vertical-align:top}.recent-table tr:last-child td{border-bottom:none}.recent-name{color:var(--gray-800);display:block;font-weight:600}.recent-sub{color:var(--gray-500);display:block;margin-top:2px}.recent-pill,.recent-sub{font-size:var(--font-size-xs)}.recent-pill{background:var(--gray-100);border-radius:var(--radius-full);color:var(--gray-700);display:inline-block;padding:2px 8px}.recent-amount,.recent-date{color:var(--gray-600);white-space:nowrap}.recent-amount{color:var(--gray-800);font-weight:600}.no-data-mi{color:var(--gray-300);font-size:36px;margin-bottom:var(--spacing-2)}.no-data-compact{padding:var(--spacing-6) var(--spacing-3)}.chart-controls-split{align-items:flex-end;flex-direction:column;gap:var(--spacing-2)}.performer-period-group,.performer-tab-group{display:flex;flex-wrap:wrap;gap:var(--spacing-2);justify-content:flex-end}.dashboard>.chart-card:last-child{display:none}.dashboard-empty-state{align-items:center;animation:dashboardFadeIn .45s ease both;color:#64748b;display:flex;flex-direction:column;gap:7px;justify-content:center;min-height:170px;padding:24px;text-align:center}.dashboard-empty-state strong{color:#334155;font-size:14px}.dashboard-empty-state span:not(.material-icons){font-size:12px;line-height:1.45;max-width:250px}.dashboard-empty-icon{animation:dashboardFloat 2.8s ease-in-out infinite;color:#94a3b8;font-size:34px}.chart-card,.stat-card-enhanced{transition:transform .2s ease,box-shadow .2s ease}.chart-card:hover{box-shadow:0 12px 28px #0f172a14;transform:translateY(-2px)}@keyframes dashboardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dashboardFloat{0%,to{opacity:.72;transform:translateY(0)}50%{opacity:1;transform:translateY(-5px)}}.filter-field>.searchable-select,.filter-group>.searchable-select,.form-group>.searchable-select{margin:0;padding:0}.searchable-select.form-control,.searchable-select.form-select{background:#0000;border:none;box-shadow:none;cursor:default;height:auto;padding:0}.searchable-select{box-sizing:border-box;width:100%}.searchable-select.ss-disabled{opacity:.6;pointer-events:none}.ss-trigger{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;box-sizing:border-box;color:#1f2937;cursor:pointer;display:flex;font-size:.875rem;gap:8px;justify-content:space-between;min-height:42px;outline:none;padding:10px 14px;transition:border-color .15s ease,box-shadow .15s ease;width:100%}.ss-trigger:hover{border-color:#93c5fd}.ss-trigger:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.ss-disabled .ss-trigger{background:#f9fafb;cursor:not-allowed}.ss-open.ss-below .ss-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;border-color:#3b82f6 #3b82f6 #0000;box-shadow:0 0 0 3px #3b82f61a}.ss-open.ss-above .ss-trigger{border-color:#0000 #3b82f6 #3b82f6;border-top-left-radius:0;border-top-right-radius:0;box-shadow:0 0 0 3px #3b82f61a}.ss-value{color:#1f2937;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-placeholder,.ss-value{flex:1 1 auto;line-height:1.4;min-width:0}.ss-placeholder{color:#9ca3af;font-weight:400}.ss-actions{flex-shrink:0;gap:6px}.ss-actions,.ss-clear{align-items:center;display:flex}.ss-clear{background:#e5e7eb;border-radius:50%;color:#6b7280;cursor:pointer;font-size:14px;font-weight:700;height:20px;justify-content:center;line-height:1;transition:background .15s ease,color .15s ease;width:20px}.ss-clear:hover{background:#d1d5db;color:#374151}.ss-arrow{align-items:center;color:#9ca3af;display:flex;transition:transform .2s ease}.ss-open .ss-arrow{transform:rotate(180deg)}.ss-portal-dropdown{animation:ssDropdownOpenBelow .15s ease-out;background:#fff;border:1px solid #e2e8f0;box-shadow:0 4px 16px #00000012,0 1px 3px #0000000a;display:flex;flex-direction:column;overflow:hidden;z-index:20000}.ss-portal-dropdown:not(.ss-above){border-radius:0 0 8px 8px;border-top:none}.ss-portal-dropdown.ss-above{animation-name:ssDropdownOpenAbove;border-bottom:none;border-radius:8px 8px 0 0;flex-direction:column-reverse}.ss-portal-dropdown .ss-search-wrapper{align-items:center;background:#f8fafc;border-bottom:1px solid #e5e7eb;display:flex;flex-shrink:0;gap:8px;padding:10px 12px}.ss-portal-dropdown .ss-search-icon{align-items:center;color:#94a3b8;display:flex;flex-shrink:0;height:16px;justify-content:center;width:16px}.ss-portal-dropdown .ss-search-icon svg{height:100%;width:100%}.ss-portal-dropdown .ss-search-input{background:#0000;border:none;color:#1e293b;flex:1 1;font-size:.875rem;line-height:1.4;outline:none;padding:2px 0;width:100%}.ss-portal-dropdown .ss-search-input::placeholder{color:#94a3b8}.ss-portal-dropdown .ss-options-list{overflow-y:auto;padding:6px}.ss-portal-dropdown .ss-options-list::-webkit-scrollbar{width:6px}.ss-portal-dropdown .ss-options-list::-webkit-scrollbar-track{background:#0000}.ss-portal-dropdown .ss-options-list::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.ss-portal-dropdown .ss-options-list::-webkit-scrollbar-thumb:hover{background:#b0b8c4}.ss-portal-dropdown .ss-option{align-items:center;border-radius:6px;color:#374151;cursor:pointer;display:flex;font-size:.875rem;justify-content:space-between;margin-bottom:2px;min-height:36px;padding:8px 12px;transition:background .1s ease,color .1s ease;-webkit-user-select:none;user-select:none}.ss-portal-dropdown .ss-option:last-child{margin-bottom:0}.ss-portal-dropdown .ss-option.ss-highlighted,.ss-portal-dropdown .ss-option:hover{background:#f0f7ff;color:#1d4ed8}.ss-portal-dropdown .ss-option.ss-selected{background:#e0edff;color:#1d4ed8;font-weight:600}.ss-portal-dropdown .ss-option.ss-disabled-option{cursor:not-allowed;opacity:.45}.ss-portal-dropdown .ss-option-label{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ss-portal-dropdown .ss-check{align-items:center;color:#3b82f6;display:flex;flex-shrink:0;margin-left:8px}.ss-portal-dropdown .ss-no-results{color:#94a3b8;font-size:.85rem;font-style:italic;padding:20px 16px;text-align:center}@keyframes ssDropdownOpenBelow{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes ssDropdownOpenAbove{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bulk-upload-overlay{align-items:center;animation:bulkUploadFadeIn .2s ease-out;background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:1.5rem;position:fixed;z-index:10050}@keyframes bulkUploadFadeIn{0%{opacity:0}to{opacity:1}}.bulk-upload-dialog{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:92vh;max-width:560px;overflow:hidden;width:100%}.bulk-upload-dialog-header{align-items:flex-start;border-bottom:1px solid #e2e8f0;display:flex;gap:1rem;justify-content:space-between;padding:1.25rem 1.5rem}.bulk-upload-dialog-header h2{color:#0f172a;font-size:1.125rem;font-weight:600;margin:0}.bulk-upload-dialog-header p{color:#64748b;font-size:.875rem;line-height:1.45;margin:.35rem 0 0}.bulk-upload-close{align-items:center;background:#f1f5f9;border:none;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;font-size:1.25rem;height:2rem;justify-content:center;line-height:1;width:2rem}.bulk-upload-close:hover{background:#e2e8f0;color:#0f172a}.bulk-upload-body{overflow-y:auto;padding:1.25rem 1.5rem 1.5rem}.bulk-upload-hint{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;font-size:.8125rem;margin:0 0 1rem;padding:.75rem 1rem}.bulk-upload-dropzone{background:#fafafa;border:2px dashed #cbd5e1;border-radius:12px;cursor:pointer;padding:2rem 1.25rem;text-align:center;transition:border-color .15s,background .15s}.bulk-upload-dropzone.bulk-upload-dropzone-active,.bulk-upload-dropzone:hover{background:#eff6ff;border-color:#2563eb}.bulk-upload-dropzone p{color:#64748b;font-size:.875rem;margin:.5rem 0 0}.bulk-upload-dropzone strong{color:#1e40af;font-weight:600}.bulk-upload-file-meta{color:#334155;font-size:.875rem;margin-top:1rem;word-break:break-all}.bulk-upload-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.25rem}.bulk-upload-actions .btn{font-size:.8125rem}.bulk-upload-primary-row{align-items:center;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.25rem}.bulk-upload-error-banner{background:#fef2f2;border:1px solid #fecaca;border-radius:8px;color:#991b1b}.bulk-upload-error-banner,.bulk-upload-result{font-size:.875rem;margin-top:1rem;padding:.75rem 1rem}.bulk-upload-result{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;color:#166534}.bulk-upload-result.partial{background:#fffbeb;border-color:#fde68a;color:#92400e}.bulk-upload-row-errors{color:#7f1d1d;font-size:.8125rem;margin-top:.75rem;max-height:180px;overflow-y:auto;padding-left:1.1rem}.bulk-upload-row-errors li{margin-bottom:.35rem}.bulk-upload-spinner{animation:bulkUploadSpin .7s linear infinite;border:2px solid #e2e8f0;border-radius:50%;border-top-color:#2563eb;display:inline-block;height:1rem;margin-right:.35rem;vertical-align:middle;width:1rem}@keyframes bulkUploadSpin{to{transform:rotate(1turn)}}.lead-stats-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:1.5rem}.lead-stat-card{align-items:center;background:#fff;border-left:3px solid var(--primary-color);border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:.875rem;padding:1rem 1.25rem}.lead-stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:40px;justify-content:center;width:40px}.lead-stat-icon svg{height:20px;width:20px}.lead-stat-info{display:flex;flex-direction:column}.lead-stat-value{color:var(--text-primary);font-size:1.25rem;font-weight:700;line-height:1.2}.lead-stat-label{color:var(--text-secondary);font-size:.75rem;white-space:nowrap}.search-bar{align-items:center;background:#fff;border:1px solid var(--border-color);border-radius:10px;display:flex;gap:.75rem;margin-bottom:1.5rem;padding:.5rem 1rem}.search-bar svg{color:var(--text-secondary);flex-shrink:0;height:20px;width:20px}.search-input{background:#0000;border:none;color:var(--text-primary);flex:1 1;font-size:.9375rem;outline:none}.lead-content{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.lead-table-wrapper{overflow-x:auto}.lead-table{border-collapse:collapse;width:100%}.lead-table th{background:var(--bg-secondary);color:var(--text-secondary);font-size:.8125rem;font-weight:600;padding:.75rem 1rem;text-align:left;text-transform:uppercase;white-space:nowrap}.lead-table td{border-bottom:1px solid var(--border-light);cursor:pointer;padding:.75rem 1rem}.lead-table tr:hover{background:var(--bg-hover)}.lead-table .empty-cell{color:var(--text-secondary);padding:3rem;text-align:center}.lead-no-badge{background:var(--bg-secondary);border-radius:6px;font-family:monospace;font-weight:600;padding:.25rem .5rem}.contact-info,.lead-no-badge{color:var(--text-secondary);font-size:.8125rem}.priority-badge{border-radius:9999px;display:inline-block;font-size:.75rem;font-weight:600;padding:.2rem .6rem}.lead-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr;padding:1rem}@media (min-width:500px){.lead-cards-grid{grid-template-columns:1fr 1fr}}.lead-card{background:#fff;border:1px solid var(--border-light);border-radius:12px;cursor:pointer;padding:1rem;transition:all .2s}.lead-card:hover{box-shadow:0 4px 12px #0000001a}.lead-card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem}.lead-card h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.lead-card-details{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8125rem;gap:.25rem}.pagination{align-items:center;border-top:1px solid var(--border-light);display:flex;gap:1rem;justify-content:center;padding:1rem}.page-info{color:var(--text-secondary);font-size:.875rem}.loading-state{padding:3rem}.empty-state,.loading-state{color:var(--text-secondary);text-align:center}.empty-state{padding:3rem 1.5rem}.empty-icon{font-size:2.5rem;margin-bottom:.75rem;opacity:.6}.empty-state h3{color:var(--text-primary);font-size:1.05rem;font-weight:700;margin-bottom:.35rem}.empty-state p{color:var(--text-secondary);font-size:.875rem;margin:0}.status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px;white-space:nowrap}.status-badge.status-active{background:#ecfdf5;color:#059669}.status-badge.status-inactive{background:#fef2f2;color:#dc2626}.status-badge.clickable{cursor:pointer;transition:all .15s ease}.status-badge.clickable:hover{box-shadow:0 2px 6px #0000001f;transform:translateY(-1px)}.mobile-cards-container{display:none;padding:.25rem 0}@media (max-width:1024px){.mobile-cards-container{display:block}}.users-cards-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:500px){.users-cards-grid{grid-template-columns:1fr 1fr}}.user-card{border:1px solid var(--border-light);cursor:pointer}.user-card.card-inactive{opacity:.65}.user-card.card-converted{background:#f0fdf4;border-color:#bbf7d0}.user-card-header{align-items:flex-start;display:flex;gap:10px;justify-content:space-between;margin-bottom:10px}.user-card-title{display:flex;flex-direction:column;min-width:0}.user-card-name{color:var(--text-primary);font-size:15px;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-card-role{color:var(--text-secondary);font-size:12px;margin-top:2px}.user-card-body{gap:6px}.user-card-field .field-label{color:var(--text-secondary)}.user-card-field .field-value{color:#334155;font-weight:600;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}.user-card-actions{align-items:center;border-top:1px solid #f8fafc;gap:6px;margin-top:10px;padding-top:10px}.drawer-overlay,.user-card-actions{display:flex;justify-content:flex-end}.drawer-overlay{animation:fadeIn .2s;background:#0006;inset:0;position:fixed;z-index:1000}.drawer-panel{animation:slideInRight .3s;background:#fff;display:flex;flex-direction:column;height:100vh;max-width:600px;min-width:400px;overflow:hidden;width:50%}@media (max-width:1023px){.drawer-panel{min-width:0;width:100%}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}.drawer-header{align-items:flex-start;border-bottom:1px solid var(--border-light);display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.drawer-header h3{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.drawer-header .lead-no{color:var(--text-secondary);font-family:monospace;font-size:.8125rem}.drawer-body{flex:1 1;overflow-y:auto;padding:1.5rem}.drawer-loading{color:var(--text-secondary);padding:3rem;text-align:center}.lead-badges{flex-wrap:wrap;gap:.5rem}.drawer-section-tabs,.lead-badges{display:flex;margin-bottom:1.25rem}.drawer-section-tabs{border-bottom:2px solid var(--border-light);gap:.25rem}.drawer-section-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.875rem;font-weight:600;margin-bottom:-2px;padding:.5rem 1rem;transition:all .2s}.drawer-section-tab.active{border-bottom-color:var(--primary-color);color:var(--primary-color)}.drawer-section-tab:hover{color:var(--primary-color)}.detail-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:.125rem}.detail-item label{color:var(--text-secondary);font-size:.75rem;font-weight:600;text-transform:uppercase}.detail-item span{color:var(--text-primary);font-size:.9375rem}.detail-section{border-top:1px solid var(--border-light);margin-top:1rem;padding-top:1rem}.detail-section label{color:var(--text-secondary);display:block;font-size:.75rem;font-weight:600;margin-bottom:.375rem;text-transform:uppercase}.detail-section p{color:var(--text-primary);font-size:.9375rem;margin:0}.detail-section.lost p{color:#dc2626;color:var(--error-500,#dc2626);font-weight:500}.drawer-activity{display:flex;flex-direction:column;gap:.75rem}.activity-item{background:var(--bg-secondary);gap:.75rem;padding:.75rem}.activity-icon,.activity-item{border-radius:8px;display:flex}.activity-icon{align-items:center;background:#fff;flex-shrink:0;height:32px;justify-content:center;width:32px}.activity-icon svg{color:var(--primary-color);height:16px;width:16px}.activity-content{flex:1 1}.activity-desc{color:var(--text-primary);font-size:.875rem;margin:0 0 .25rem}.activity-time{color:var(--text-secondary);font-size:.75rem}.drawer-notes{gap:.75rem}.drawer-notes,.note-input-group{display:flex;flex-direction:column}.note-input-group{gap:.5rem}.note-item{background:var(--bg-secondary);border-radius:8px;padding:.75rem}.note-content{align-items:flex-start;display:flex;gap:.5rem}.note-content svg{color:var(--text-secondary);flex-shrink:0;height:16px;margin-top:.125rem;width:16px}.note-content p{color:var(--text-primary);font-size:.875rem;margin:0}.note-time{color:var(--text-secondary);display:block;font-size:.75rem;margin-top:.375rem}.drawer-actions{background:var(--bg-secondary);border-top:1px solid var(--border-light);display:flex;flex-direction:column;gap:.75rem;padding:1rem 1.5rem}.action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.action-dropdown{position:relative}.dropdown-menu{background:#fff;border:1px solid var(--border-light);border-radius:8px;bottom:100%;box-shadow:0 4px 12px #00000026;left:0;margin-bottom:4px;max-height:200px;min-width:180px;overflow-y:auto;position:absolute;z-index:10}.dropdown-item{color:var(--text-primary);padding:.5rem .75rem;transition:background .15s}.dropdown-item:hover{background:var(--bg-hover)}.lost-reason-input{display:flex;flex-direction:column;gap:.5rem}.lost-reason-actions{display:flex;gap:.5rem;justify-content:flex-end}.btn-warning{background:#f59e0b;background:var(--warning-500,#f59e0b);color:#fff}.btn-warning:hover{background:#d97706;background:var(--warning-600,#d97706)}.btn-sm{font-size:.8125rem;padding:.375rem .75rem}.lead-form-modal{max-width:600px}.form-tabs{border-bottom:2px solid var(--border-light);display:flex;gap:.25rem;overflow-x:auto;padding:.75rem 1.5rem 0}.form-tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-weight:600;padding:.5rem 1rem;transition:all .2s;white-space:nowrap}.form-tab.active{border-bottom-color:var(--primary-color)}.form-tab.active,.form-tab:hover{color:var(--primary-color)}.searchable-select{position:relative}.select-dropdown{background:#fff;border:1px solid var(--border-color);border-radius:0 0 8px 8px;border-top:none;box-shadow:0 4px 12px #0000001a;left:0;max-height:200px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:10}.select-option{cursor:pointer;font-size:.875rem;padding:.5rem .75rem;transition:background .15s}.select-option.active,.select-option:hover{background:var(--bg-hover);color:var(--primary-color)}.select-option.disabled{color:var(--text-secondary);cursor:default}.inline-create-btn{align-items:center;background:var(--bg-secondary);border:none;border-radius:6px;color:var(--primary-color);cursor:pointer;display:flex;flex-shrink:0;height:28px;justify-content:center;transition:all .2s;width:28px}.customer-management-page .table-container,.lead-management-page .table-container{-webkit-overflow-scrolling:touch;max-width:100%;min-width:0;overflow-x:auto!important;overflow-y:hidden;width:100%}.customer-table-scroll,.lead-table-scroll{-webkit-overflow-scrolling:touch;display:block;max-width:100%;overflow-x:auto!important;overflow-y:hidden;width:100%}.customer-table-scroll .data-table,.lead-table-scroll .data-table{min-width:100%;width:-webkit-max-content;width:max-content}.page-container>.server-pagination{box-sizing:border-box;max-width:100%;overflow:visible;width:100%}.inline-create-btn:hover{background:var(--primary-color);color:#fff}.inline-create-btn svg{height:14px;width:14px}.inactive-option{opacity:.7}.inactive-badge{background:#fee2e2;border-radius:4px;color:#dc2626;font-size:.625rem;font-weight:600;margin-left:.5rem;padding:1px 5px;text-transform:uppercase}.input-error{border-color:#ef4444!important}.field-error{color:#ef4444;display:block;font-size:.75rem;margin-top:.25rem}.empty-assignees{background:#fef3c7;border:1px solid #fde68a;border-radius:8px;padding:1rem;text-align:center}.empty-assignees p{color:#92400e;font-size:.875rem;font-weight:600;margin:0 0 .25rem}.empty-assignees small{color:#b45309;font-size:.75rem}.drawer-section-group{border-bottom:1px solid var(--border-light);margin-bottom:1.25rem;padding-bottom:1rem}.drawer-section-group:last-child{border-bottom:none;margin-bottom:0}.drawer-section-group.lost{background:#fef2f2;border-bottom:none;border-radius:8px;padding:.75rem 1rem}.drawer-section-title{align-items:center;color:var(--text-secondary);display:flex;font-size:.75rem;font-weight:700;gap:.5rem;margin:0 0 .75rem;text-transform:uppercase}.drawer-section-title svg{height:16px;width:16px}.drawer-detail-row{align-items:flex-start;display:flex;gap:.75rem;padding:.375rem 0}.drawer-detail-icon{color:var(--text-secondary);flex-shrink:0;height:16px;margin-top:.125rem;width:16px}.drawer-detail-content{display:flex;flex:1 1;flex-direction:column;gap:.0625rem}.drawer-detail-label{color:var(--text-secondary);font-size:.6875rem;font-weight:600;text-transform:uppercase}.drawer-detail-value{color:var(--text-primary);font-size:.9375rem}.drawer-header-actions{align-items:center;display:flex;gap:.5rem}.drawer-edit-form{display:flex;flex-direction:column;gap:.75rem}.drawer-edit-actions{border-top:1px solid var(--border-light);display:flex;gap:.5rem;justify-content:flex-end;padding-top:.75rem}.drawer-description-text{color:var(--text-primary);font-size:.9375rem;line-height:1.5;margin:0}.note-input-inline{align-items:center;display:flex;flex:1 1;gap:.375rem}.note-input-inline input{flex:1 1;min-width:120px}.btn-success:hover{background:#059669}.filter-bar{align-items:flex-end;background:#fff;border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px;padding:16px}.filter-group{display:flex;flex-direction:column;gap:4px;min-width:160px}.filter-group label{color:#64748b;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.filter-group .form-control{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1f2937;font-size:13px;padding:8px 12px;transition:border-color .15s ease}.filter-group .form-control:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61f;outline:none}.filter-search-wrapper{align-items:center;display:flex;min-width:200px;position:relative}.filter-search-icon{color:#9ca3af;left:12px;pointer-events:none;position:absolute}.filter-search-input{padding-left:36px!important}.filter-clear-btn{background:none;border:none;color:#9ca3af;cursor:pointer;font-size:20px;line-height:1;padding:0 4px;position:absolute;right:8px}.filter-clear-btn:hover{color:#64748b}.filter-date-range{align-items:center;display:flex;gap:6px}.filter-date-group{min-width:140px}.filter-date-sep{color:#9ca3af;font-size:14px;margin-top:0}.filter-actions{align-items:flex-end;display:flex;flex-direction:row;gap:8px;white-space:nowrap}.filter-reset-btn{align-items:center;display:flex;gap:6px;white-space:nowrap}.filter-badge{align-items:center;background:#3b82f6;border-radius:10px;color:#fff;display:inline-flex;font-size:11px;font-weight:700;height:20px;justify-content:center;min-width:20px;padding:0 6px}@media (max-width:768px){.filter-bar{flex-direction:column}.filter-date-group,.filter-group,.filter-search-wrapper{min-width:100%;width:100%}.filter-date-range{flex-wrap:wrap;width:100%}.filter-date-sep{display:none}}.data-table-wrapper .desktop-only{display:block}.data-table-wrapper .mobile-only{display:none}.data-table-wrapper{overflow:visible!important;width:100%}.data-table-wrapper>.table-container.desktop-only{-webkit-overflow-scrolling:touch;display:block;max-width:100%;overflow-x:auto!important;overflow-y:hidden;width:100%}.data-table-wrapper>.table-container.desktop-only>.data-table{min-width:100%;width:-webkit-max-content;width:max-content}@media (max-width:1024px){.data-table-wrapper .desktop-only{display:none!important}.data-table-wrapper .mobile-only{display:block!important}}.data-table-wrapper .mobile-cards-container{display:none;flex-direction:column;gap:12px}@media (max-width:1024px){.data-table-wrapper .mobile-cards-container.mobile-only{display:flex!important}}.user-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:0 1px 3px #0000000a;padding:14px;transition:all .2s ease}.user-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.user-card:active{transform:scale(.98)}.user-card-body{display:flex;flex-direction:column}.user-card-field{align-items:center;border-bottom:1px solid #f8fafc;display:flex;font-size:13px;gap:8px;justify-content:space-between;padding:6px 0}.user-card-field:last-child{border-bottom:none}.user-card-field .field-label{color:#94a3b8;flex-shrink:0;font-weight:500}.user-card-field span:last-child{color:#334155;font-weight:600;text-align:right}.data-table-wrapper .user-card-actions{align-items:center;border-top:1px solid #eef2f7;display:flex;gap:6px;justify-content:flex-end;margin-top:10px;padding-top:10px}.server-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:20px}.server-pagination-summary{color:#64748b;font-size:.875rem;font-weight:600}.server-pagination-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}.vehicle-inventory-page{margin:0 auto;max-width:1600px;padding:1.5rem}.vehicle-inventory-page .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.vehicle-inventory-page .header-content h1{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin:0}.vehicle-inventory-page .subtitle{color:#6b7280;font-size:.9rem;margin-top:.25rem}.vehicle-inventory-page .btn-create{align-items:center;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.vehicle-inventory-page .btn-create .icon{font-size:1.25rem}.vehicle-inventory-page .stats-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;width:100%}.vehicle-inventory-page .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex:1 1 200px;gap:1rem;min-width:180px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.vehicle-inventory-page .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.vehicle-inventory-page .stat-icon{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.vehicle-inventory-page .stat-total .stat-icon{background:#dbeafe}.vehicle-inventory-page .stat-yard .stat-icon{background:#d1fae5}.vehicle-inventory-page .stat-transit .stat-icon{background:#fef3c7}.vehicle-inventory-page .stat-allocated .stat-icon{background:#fce7f3}.vehicle-inventory-page .stat-sold .stat-icon{background:#e0e7ff}.vehicle-inventory-page .stat-content{display:flex;flex-direction:column}.vehicle-inventory-page .stat-value{color:#1a1a2e;font-size:1.5rem;font-weight:700}.vehicle-inventory-page .stat-label{color:#6b7280;font-size:.8rem}.vehicle-inventory-page .filters-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.vehicle-inventory-page .filters-grid{align-items:end;display:grid;grid-template-columns:minmax(250px,1fr) repeat(2,minmax(180px,220px)) auto}.vehicle-inventory-page .filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}.vehicle-inventory-page .filter-field label{color:#64748b;font-size:.75rem;font-weight:600}.vehicle-inventory-page .filter-field-actions{align-items:center;flex-direction:row;justify-content:flex-end;min-height:42px}.vehicle-inventory-page .search-box{flex:1 1;min-width:250px;position:relative}.vehicle-inventory-page .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s;width:100%}.vehicle-inventory-page .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.vehicle-inventory-page .search-icon{color:#9ca3af;left:.75rem;position:absolute;top:50%;transform:translateY(-50%)}.vehicle-inventory-page .filter-select{font-size:.9rem;min-width:0}@media (max-width:1024px){.vehicle-inventory-page .filters-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.vehicle-inventory-page .filters-grid{grid-template-columns:1fr}}.vehicle-inventory-page .results-count{color:#6b7280;font-size:.9rem;margin-left:auto}.vehicle-inventory-page .table-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:1.5rem;overflow-x:auto}.vehicle-inventory-page .data-table{border-collapse:collapse;min-width:900px;width:100%}.vehicle-inventory-page .data-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.vehicle-inventory-page .data-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem}.vehicle-inventory-page .data-table tbody tr:hover{background:#f9fafb}.vehicle-inventory-page .vin-code{background:#f1f5f9;border-radius:4px;font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.vehicle-inventory-page .vehicle-info{display:flex;flex-direction:column}.vehicle-inventory-page .vehicle-name{color:#1a1a2e;font-weight:600}.vehicle-inventory-page .vehicle-variant{color:#6b7280;font-size:.8rem}.vehicle-inventory-page .color-badge{border-radius:20px;color:#fff;display:inline-block;font-size:.8rem;padding:.25rem .75rem;text-shadow:0 1px 2px #0000004d}.vehicle-inventory-page .condition-type{text-transform:capitalize}.vehicle-inventory-page .price-cell{color:#059669;font-weight:600}.vehicle-inventory-page .badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.vehicle-inventory-page .badge-info{background:#dbeafe;color:#1d4ed8}.vehicle-inventory-page .badge-success{background:#d1fae5;color:#047857}.vehicle-inventory-page .badge-warning{background:#fef3c7;color:#b45309}.vehicle-inventory-page .badge-purple{background:#e9d5ff;color:#7c3aed}.vehicle-inventory-page .badge-dark{background:#374151;color:#fff}.vehicle-inventory-page .badge-secondary{background:#e5e7eb;color:#4b5563}.vehicle-inventory-page .empty-state,.vehicle-inventory-page .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.vehicle-inventory-page .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.vehicle-inventory-page .empty-icon{font-size:4rem;margin-bottom:1rem}.vehicle-inventory-page .pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.vehicle-inventory-page .btn-page{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.vehicle-inventory-page .btn-page:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.vehicle-inventory-page .btn-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.vehicle-inventory-page .btn-page:disabled{cursor:not-allowed;opacity:.5}.vehicle-inventory-page .page-numbers{display:flex;gap:.25rem}.vehicle-inventory-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.vehicle-inventory-page .modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.vehicle-inventory-page .modal-lg{max-width:800px}.vehicle-inventory-page .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.vehicle-inventory-page .modal-header h2{color:#1a1a2e;font-size:1.25rem;font-weight:600;margin:0}.vehicle-inventory-page .modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1}.vehicle-inventory-page .modal-close:hover{color:#ef4444}.vehicle-inventory-page .modal-body{padding:1.5rem}.vehicle-inventory-page .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.vehicle-inventory-page .form-section{margin-bottom:1.5rem}.vehicle-inventory-page .form-section h3{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.vehicle-inventory-page .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:1rem}.vehicle-inventory-page .form-group{display:flex;flex-direction:column}.vehicle-inventory-page .form-group.full-width{grid-column:1/-1}.vehicle-inventory-page .form-group label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.vehicle-inventory-page .form-group input,.vehicle-inventory-page .form-group select,.vehicle-inventory-page .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .2s}.vehicle-inventory-page .form-group input:focus,.vehicle-inventory-page .form-group select:focus,.vehicle-inventory-page .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.vehicle-inventory-page .form-group input:disabled,.vehicle-inventory-page .form-group select:disabled{background:#f3f4f6;cursor:not-allowed}.vehicle-inventory-page .btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.vehicle-inventory-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.vehicle-inventory-page .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.vehicle-inventory-page .btn-secondary{background:#f3f4f6;color:#374151}.vehicle-inventory-page .btn-secondary:hover{background:#e5e7eb}.vehicle-inventory-page .input-with-button{align-items:flex-start;display:flex;gap:.5rem}.vehicle-inventory-page .input-with-button>:first-child{flex:1 1}.vehicle-inventory-page .btn-sm{align-items:center;display:flex;font-size:1rem;justify-content:center;line-height:1;min-width:36px;padding:.5rem .75rem}.vehicle-inventory-page .btn-outline{background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151}.vehicle-inventory-page .btn-outline:hover:not(:disabled){background:#eff6ff;border-color:#3b82f6;color:#3b82f6}.vehicle-inventory-page .btn-outline:disabled{cursor:not-allowed;opacity:.4}.vehicle-inventory-page .spinner-mini{animation:spin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:.4rem;vertical-align:middle;width:14px}.vehicle-inventory-page .label-add-link{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;line-height:1.5;margin-left:8px;padding:3px 10px;text-decoration:none;transition:all .15s ease;vertical-align:middle;white-space:nowrap}.vehicle-inventory-page .label-add-link:hover{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}.parts-inventory-page{margin:0 auto;max-width:1600px;padding:1.5rem}.parts-inventory-page .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1.5rem}.parts-inventory-page .header-content h1{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin:0}.parts-inventory-page .subtitle{color:#6b7280;font-size:.9rem;margin-top:.25rem}.parts-inventory-page .btn-create{align-items:center;display:flex;font-weight:600;gap:.5rem;padding:.75rem 1.5rem}.parts-inventory-page .btn-create .icon{font-size:1.25rem}.parts-inventory-page .stats-grid{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;width:100%}.parts-inventory-page .stat-card{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 3px #00000014;display:flex;flex:1 1 200px;gap:1rem;min-width:180px;padding:1.25rem;transition:transform .2s,box-shadow .2s}.parts-inventory-page .stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.parts-inventory-page .stat-icon{align-items:center;background:#f3f4f6;border-radius:10px;display:flex;flex-shrink:0;height:50px;justify-content:center;width:50px}.parts-inventory-page .stat-total .stat-icon{background:#dbeafe}.parts-inventory-page .stat-manufacturer .stat-icon{background:#d1fae5}.parts-inventory-page .stat-third-party .stat-icon{background:#e9d5ff}.parts-inventory-page .stat-low-stock .stat-icon{background:#fef3c7}.parts-inventory-page .stat-value .stat-icon{background:#d1fae5}.parts-inventory-page .stat-content{display:flex;flex-direction:column}.parts-inventory-page .stat-value{color:#1a1a2e;font-size:1.25rem;font-weight:700}.parts-inventory-page .stat-label{color:#6b7280;font-size:.8rem}.parts-inventory-page .tabs-container{background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;gap:.5rem;margin-bottom:1.5rem;padding:.5rem}.parts-inventory-page .tab-btn{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;font-size:.9rem;font-weight:500;padding:.75rem 1.5rem;transition:all .2s}.parts-inventory-page .tab-btn:hover{background:#f3f4f6;color:#374151}.parts-inventory-page .tab-btn.active{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.parts-inventory-page .filters-bar{align-items:center;background:#fff;border-radius:10px;box-shadow:0 1px 3px #0000000d;display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:1.5rem;padding:1rem}.parts-inventory-page .filters-grid{align-items:end;display:grid;grid-template-columns:minmax(250px,1fr) repeat(2,minmax(180px,220px)) auto}.parts-inventory-page .filter-field{display:flex;flex-direction:column;gap:6px;min-width:0}.parts-inventory-page .filter-field label{color:#64748b;font-size:.75rem;font-weight:600}.parts-inventory-page .filter-field-actions{align-items:center;flex-direction:row;justify-content:flex-end;min-height:42px}.parts-inventory-page .search-box{flex:1 1;min-width:250px;position:relative}.parts-inventory-page .search-input{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem 1rem .75rem 2.5rem;transition:border-color .2s;width:100%}.parts-inventory-page .search-input:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.parts-inventory-page .search-icon{align-items:center;display:flex;left:.75rem;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.parts-inventory-page .filter-select{font-size:.9rem;min-width:0}.parts-inventory-page .results-count{color:#6b7280;font-size:.9rem;margin-left:auto}.parts-inventory-page .table-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;margin-bottom:1.5rem;overflow-x:auto}.parts-inventory-page .data-table{border-collapse:collapse;min-width:900px;width:100%}.parts-inventory-page .data-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.parts-inventory-page .data-table td{border-bottom:1px solid #f3f4f6;font-size:.875rem;padding:1rem}.parts-inventory-page .data-table tbody tr:hover{background:#f9fafb}.parts-inventory-page .data-table tbody tr.row-warning{background:#fef2f2}.parts-inventory-page .part-number{background:#f1f5f9;border-radius:4px;font-family:monospace;font-size:.85rem;padding:.25rem .5rem}.parts-inventory-page .part-info{display:flex;flex-direction:column}.parts-inventory-page .part-name{color:#1a1a2e;font-weight:600}.parts-inventory-page .part-brand{color:#6b7280;font-size:.8rem}.parts-inventory-page .stock-qty{font-size:1.1rem;font-weight:600}.parts-inventory-page .stock-unit{color:#6b7280;font-size:.75rem}.parts-inventory-page .price-cell{color:#059669;font-weight:600}.parts-inventory-page .action-group{align-items:center;display:flex;gap:.5rem}.parts-inventory-page .btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.parts-inventory-page .btn-adjust{background:#e0e7ff}.parts-inventory-page .btn-adjust:hover{background:#c7d2fe;transform:scale(1.1)}.parts-inventory-page .badge{border-radius:20px;display:inline-block;font-size:.75rem;font-weight:600;padding:.25rem .75rem;text-transform:capitalize}.parts-inventory-page .badge-primary{background:#dbeafe;color:#1d4ed8}.parts-inventory-page .badge-purple{background:#e9d5ff;color:#7c3aed}.parts-inventory-page .badge-success{background:#d1fae5;color:#047857}.parts-inventory-page .badge-warning{background:#fef3c7;color:#b45309}.parts-inventory-page .badge-danger{background:#fee2e2;color:#dc2626}.parts-inventory-page .badge-info{background:#dbeafe;color:#1d4ed8}.parts-inventory-page .badge-secondary{background:#e5e7eb;color:#4b5563}.parts-inventory-page .empty-state,.parts-inventory-page .loading-state{align-items:center;color:#6b7280;display:flex;flex-direction:column;justify-content:center;padding:4rem 2rem}.parts-inventory-page .spinner{animation:spin .8s linear infinite;border:3px solid #e5e7eb;border-radius:50%;border-top-color:#3b82f6;height:40px;width:40px}.parts-inventory-page .empty-icon{font-size:4rem;margin-bottom:1rem}.parts-inventory-page .pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.parts-inventory-page .btn-page{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.parts-inventory-page .btn-page:hover:not(:disabled){border-color:#3b82f6;color:#3b82f6}.parts-inventory-page .btn-page.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.parts-inventory-page .btn-page:disabled{cursor:not-allowed;opacity:.5}.parts-inventory-page .page-numbers{display:flex;gap:.25rem}.parts-inventory-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;padding:1rem;position:fixed;right:0;top:0;z-index:1000}.parts-inventory-page .modal-content{background:#fff;border-radius:16px;box-shadow:0 25px 50px #00000040;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.parts-inventory-page .modal-lg{max-width:800px}.parts-inventory-page .modal-sm{max-width:450px}.parts-inventory-page .modal-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.25rem 1.5rem}.parts-inventory-page .modal-header h2{color:#1a1a2e;font-size:1.25rem;font-weight:600;margin:0}.parts-inventory-page .modal-close{background:none;border:none;color:#6b7280;cursor:pointer;font-size:1.5rem;line-height:1}.parts-inventory-page .modal-close:hover{color:#ef4444}.parts-inventory-page .modal-body{padding:1.5rem}.parts-inventory-page .modal-footer{border-top:1px solid #e5e7eb;display:flex;gap:.75rem;justify-content:flex-end;padding:1rem 1.5rem}.parts-inventory-page .stock-info{background:#f8fafc;border-radius:8px;margin-bottom:1rem;padding:1rem}.parts-inventory-page .stock-info p{margin:.25rem 0}.parts-inventory-page .stock-value{color:#3b82f6;font-weight:700}.parts-inventory-page .form-section{margin-bottom:1.5rem}.parts-inventory-page .form-section h3{border-bottom:1px solid #e5e7eb;color:#374151;font-size:1rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.parts-inventory-page .form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:1rem}.parts-inventory-page .form-group{display:flex;flex-direction:column}.parts-inventory-page .form-group.full-width{grid-column:1/-1}.parts-inventory-page .form-group label{color:#374151;font-size:.85rem;font-weight:500;margin-bottom:.5rem}.parts-inventory-page .form-group input,.parts-inventory-page .form-group select,.parts-inventory-page .form-group textarea{border:1px solid #d1d5db;border-radius:8px;font-size:.9rem;padding:.75rem;transition:border-color .2s}.parts-inventory-page .form-group input:focus,.parts-inventory-page .form-group select:focus,.parts-inventory-page .form-group textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a;outline:none}.parts-inventory-page .btn{border:none;border-radius:8px;cursor:pointer;font-size:.9rem;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.parts-inventory-page .btn-primary{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff}.parts-inventory-page .btn-primary:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);box-shadow:0 4px 12px #3b82f666;transform:translateY(-1px)}.parts-inventory-page .btn-secondary{background:#f3f4f6;color:#374151}.parts-inventory-page .btn-secondary:hover{background:#e5e7eb}.parts-inventory-page .btn-sm{border-radius:6px;font-size:.8rem;padding:4px 10px}.parts-inventory-page .btn-outline{background:#0000;border:1px solid #3b82f6;border:1px solid var(--primary-color,#3b82f6);color:#3b82f6;color:var(--primary-color,#3b82f6);cursor:pointer;font-weight:500;transition:all .2s;white-space:nowrap}.parts-inventory-page .btn-outline:hover{background:#3b82f6;background:var(--primary-color,#3b82f6);color:#fff}.parts-inventory-page .spinner-mini{animation:partsSpin .6s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:14px;margin-right:6px;vertical-align:middle;width:14px}@keyframes partsSpin{to{transform:rotate(1turn)}}@media (max-width:1024px){.parts-inventory-page .tabs-container{flex-wrap:wrap}.parts-inventory-page .tab-btn{flex:1 1;font-size:.85rem;padding:.6rem .5rem;text-align:center}.parts-inventory-page .filters-bar{flex-direction:column}.parts-inventory-page .filters-grid{display:grid;grid-template-columns:1fr 1fr}.parts-inventory-page .filter-select,.parts-inventory-page .search-box{min-width:100%}.parts-inventory-page .results-count{margin-left:0}.parts-inventory-page .page-header{flex-direction:column;gap:1rem}.parts-inventory-page .btn-create{justify-content:center;width:100%}.parts-inventory-page .modal-lg{margin:0 .5rem;max-width:100%}.parts-inventory-page .form-row{grid-template-columns:1fr}}@media (max-width:640px){.parts-inventory-page .filters-grid{grid-template-columns:1fr}}.sales-filter-bar{align-items:flex-end;display:flex!important;flex-wrap:wrap;gap:1rem}.sales-filter-bar .sales-filter-options,.sales-filter-bar .sales-filter-toolbar{display:contents!important}.sales-filter-bar .search-input-wrapper{flex:2 1 280px!important;max-width:none!important;min-width:240px!important}.sales-filter-bar .sales-filter-options .form-group{flex:1 1 180px;margin:0!important;min-width:213.8px}.sales-filter-bar .sales-filter-options .form-group>.form-input,.sales-filter-bar .sales-filter-options .form-group>.form-select,.sales-filter-bar .sales-filter-options .form-group>.searchable-select,.sales-filter-bar .sales-filter-options .form-group>div{width:100%}.filter-bar.card>.advanced-filters-panel.sales-filter-options>.form-group>.searchable-select.form-select,.sales-filter-bar .sales-filter-options .form-input,.sales-filter-bar .sales-filter-options .form-select,.sales-filter-bar .sales-filter-options .searchable-select,.sales-filter-bar .sales-filter-options .searchable-select .ss-trigger{box-sizing:border-box;min-width:178.8px;width:100%}.sales-filter-bar .sales-filter-options .form-group>label{color:#475569;color:var(--gray-600,#475569);display:block;font-size:.78rem;font-weight:600;margin-bottom:6px}.sales-filter-bar .sales-filter-toolbar>.btn{align-self:flex-end;flex:0 0 auto;white-space:nowrap}.sales-filter-bar .sales-filter-chips{flex:1 0 100%}@media (max-width:700px){.sales-filter-bar{gap:.75rem}.sales-filter-bar .sales-filter-options .form-group,.sales-filter-bar .search-input-wrapper{flex:1 1 100%!important;min-width:100%!important}.sales-filter-bar .sales-filter-options .form-input,.sales-filter-bar .sales-filter-options .form-select,.sales-filter-bar .sales-filter-options .searchable-select,.sales-filter-bar .sales-filter-options .searchable-select .ss-trigger{min-width:100%}.sales-filter-bar .sales-filter-toolbar>.btn{flex:1 1 auto}}.corp-doc{color:#0f172a;font-size:14px;line-height:1.55;margin:0 auto;max-width:800px;padding:0 0 .5rem}.corp-doc .corporate-print-letterhead{margin-bottom:1.25rem}.corp-doc .sales-print-meta{grid-gap:.65rem 1rem;background:linear-gradient(180deg,#f8fafc,#f1f5f9);border:1px solid #e2e8f0;border-radius:4px;display:grid;gap:.65rem 1rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin-bottom:1.25rem;padding:.85rem 1rem}.corp-doc .sales-print-meta__label{font-size:.65rem;letter-spacing:.08em}.corp-doc .sales-print-meta__value{color:#0f172a;font-size:.875rem;font-weight:600}.corp-doc__titlebar{border-bottom:3px solid #1e3a5f;margin-bottom:1rem;padding-bottom:.75rem}.corp-doc__doctitle{color:#1e3a5f;font-size:1.35rem;font-weight:700;letter-spacing:.12em;margin:0;text-transform:uppercase}.corp-doc__ref{color:#475569;font-size:.95rem;font-weight:600;margin-top:.35rem}.corp-doc-section{margin-top:1.35rem}.corp-doc-section__title{border-bottom:1px solid #cbd5e1;color:#1e3a5f;font-size:.68rem;font-weight:700;letter-spacing:.11em;margin:0 0 .65rem;padding-bottom:.35rem;text-transform:uppercase}.corp-doc-table{border-collapse:collapse;font-size:.875rem;width:100%}.corp-doc-table td{border:1px solid #e2e8f0;padding:.55rem .75rem;vertical-align:top}.corp-doc-table td:first-child{background:#f8fafc;color:#64748b;font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;width:32%}.corp-doc-table td:last-child{background:#fff;color:#0f172a;font-weight:500}.corp-doc-table--financial td:first-child{background:#f8fafc;color:#475569;font-size:.8125rem;font-weight:600;text-transform:none;width:58%}.corp-doc-table--financial td:last-child{font-feature-settings:"tnum";font-variant-numeric:tabular-nums;font-weight:600;text-align:right}.corp-doc-table--financial tr.corp-doc-table__total td{background:#eff6ff;border-color:#93c5fd;color:#1e3a5f;font-size:.95rem;font-weight:700}.corp-doc-table--financial tr.corp-doc-table__balance td:last-child{color:#b91c1c}.corp-doc-notes{background:#fafafa;border:1px solid #e5e7eb;border-left:4px solid #1e3a5f;margin-top:1.25rem;padding:.85rem 1rem}.corp-doc-notes__label{color:#64748b;font-size:.65rem;font-weight:700;letter-spacing:.1em;margin-bottom:.35rem;text-transform:uppercase}.corp-doc-notes__body{color:#334155;font-size:.8125rem;margin:0;white-space:pre-wrap}.corp-doc-muted{color:#94a3b8;font-weight:400}@media print{.corp-doc{max-width:100%;padding:0}.corp-doc-table td{padding:5pt 7pt}}.html-sales-doc-root{padding:4px 8px 16px}.corporate-print-letterhead__doc-type{background:linear-gradient(135deg,#165a91,#0d1f33);background:linear-gradient(135deg,var(--primary-700,#165a91),var(--primary-900,#0d1f33));border-radius:var(--radius-sm);color:#fff;display:inline-block;font-size:var(--font-size-xs);font-weight:700;letter-spacing:.12em;margin-bottom:var(--spacing-3);padding:.35rem .75rem;text-transform:uppercase}.corporate-print-letterhead{border-bottom:2px solid #1e3a5f;border-bottom:2px solid var(--primary-800,#1e3a5f);margin-bottom:var(--spacing-5);padding-bottom:var(--spacing-4)}.corporate-print-letterhead__name{color:var(--gray-900);font-size:var(--font-size-xl);font-weight:700;letter-spacing:-.02em}.corporate-print-letterhead__legal{color:var(--gray-600);font-size:var(--font-size-sm);margin-top:var(--spacing-1)}.corporate-print-letterhead__code{color:var(--gray-500);font-size:var(--font-size-xs);letter-spacing:.06em;margin-top:var(--spacing-1);text-transform:uppercase}.corporate-print-letterhead__address,.corporate-print-letterhead__contact,.corporate-print-letterhead__muted{color:var(--gray-700);font-size:var(--font-size-sm);line-height:1.45;margin-top:var(--spacing-2)}.corporate-print-letterhead__ids{color:var(--gray-600);font-size:var(--font-size-xs);margin-top:var(--spacing-2)}.sales-print-meta{grid-gap:var(--spacing-3);border-bottom:1px solid var(--gray-200);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));margin-bottom:var(--spacing-4);padding:var(--spacing-3) 0 var(--spacing-4)}.sales-print-meta__row{display:flex;flex-direction:column;gap:2px}.sales-print-meta__label{color:var(--gray-500);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;text-transform:uppercase}.sales-print-meta__value{color:var(--gray-900);font-size:var(--font-size-sm);font-weight:500}@media print{body.ams-print-sales-doc{-webkit-print-color-adjust:exact;print-color-adjust:exact}@page{size:A4 portrait;margin:12mm 14mm}body.ams-print-sales-doc,html{background:#fff!important;height:auto!important;min-height:0!important;overflow:visible!important}body.ams-print-sales-doc .header,body.ams-print-sales-doc .sidebar,body.ams-print-sales-doc .sidebar-overlay{display:none!important}body.ams-print-sales-doc .main-content{margin:0!important;max-width:100%!important;min-height:0!important;overflow:visible!important;padding:0!important;width:100%!important}body.ams-print-sales-doc .sales-page-root .card>:not(.sales-print-modal),body.ams-print-sales-doc .sales-page-root>.page-header,body.ams-print-sales-doc .sales-page-root>.sales-subnav{display:none!important}body.ams-print-sales-doc .sales-page-root .card{background:#0000!important;border:none!important;box-shadow:none!important;margin:0!important;min-height:0!important;padding:0!important}body.ams-print-sales-doc .app-layout{min-height:0!important}body.ams-print-sales-doc .sales-print-modal{animation:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:#fff!important;display:block!important;height:auto!important;inset:0!important;margin:0!important;max-width:100%!important;min-height:100vh!important;overflow:visible!important;padding:10mm 12mm!important;position:fixed!important;-webkit-print-color-adjust:exact;print-color-adjust:exact;width:100%!important;z-index:2147483646!important}body.ams-print-sales-doc .sales-print-modal .modal-content{animation:none!important;border:none!important;border-radius:0!important;box-shadow:none!important;margin:0!important;max-height:none!important;max-width:100%!important;min-height:0!important;width:100%!important}body.ams-print-sales-doc .sales-print-modal .modal-header{background:#fff!important;border-bottom:1.5pt solid #1e3a5f!important;margin-bottom:8pt;padding:0 0 6pt!important}body.ams-print-sales-doc .sales-print-modal .modal-header h3{color:#111!important;font-size:13pt!important;font-weight:700!important}body.ams-print-sales-doc .sales-print-modal .close-btn{display:none!important}body.ams-print-sales-doc .sales-print-modal .modal-body{max-height:none!important;overflow:visible!important;padding:0!important}body.ams-print-sales-doc .sales-print-modal .modal-actions{display:none!important}body.ams-print-sales-doc .corporate-print-letterhead__doc-type{-webkit-print-color-adjust:exact;print-color-adjust:exact}body.ams-print-sales-doc .corporate-print-letterhead{border-bottom:1.5pt solid #1e3a5f!important;margin-bottom:10pt!important;padding-bottom:8pt!important}body.ams-print-sales-doc .corporate-print-letterhead__name{font-size:16pt!important}body.ams-print-sales-doc .sales-print-meta{grid-gap:8pt!important;border-bottom:.5pt solid #ccc!important;display:grid!important;gap:8pt!important;grid-template-columns:repeat(3,1fr)!important;margin-bottom:10pt!important;padding:8pt 0!important;page-break-inside:avoid}body.ams-print-sales-doc .sales-print-modal .form-group{margin-bottom:8pt!important;page-break-inside:avoid}body.ams-print-sales-doc .sales-print-modal .form-row{grid-gap:4pt 16pt!important;display:grid!important;gap:4pt 16pt!important;grid-template-columns:1fr 1fr!important;page-break-inside:avoid}body.ams-print-sales-doc .sales-print-modal label{color:#4b5563!important;display:block!important;font-size:7.5pt!important;font-weight:700!important;letter-spacing:.06em!important;margin-bottom:2pt!important;text-transform:uppercase}body.ams-print-sales-doc .sales-print-modal input,body.ams-print-sales-doc .sales-print-modal select,body.ams-print-sales-doc .sales-print-modal textarea{-webkit-appearance:none;appearance:none;background:#0000!important;border:none!important;box-shadow:none!important;color:#111!important;font-size:10pt!important;line-height:1.35!important;margin:0!important;outline:none!important;padding:0!important;resize:none!important;width:100%!important}body.ams-print-sales-doc .sales-print-modal textarea{min-height:0!important;overflow:visible!important}body.ams-print-sales-doc .sales-print-modal select{background-image:none!important}body.ams-print-sales-doc .sales-print-modal .searchable-select .ss-trigger{border:none!important;box-shadow:none!important;cursor:default!important;min-height:0!important;padding:0!important}body.ams-print-sales-doc .sales-print-modal .searchable-select .ss-actions,body.ams-print-sales-doc .sales-print-modal .ss-dropdown{display:none!important}body.ams-print-sales-doc .sales-print-modal .searchable-select .ss-placeholder,body.ams-print-sales-doc .sales-print-modal .searchable-select .ss-value{color:#111!important;font-size:10pt!important;overflow:visible!important;text-overflow:clip!important;white-space:normal!important}body.ams-print-sales-doc .sales-print-modal .btn-group{display:block!important;gap:0!important}body.ams-print-sales-doc .sales-print-modal .btn-group .btn{border:none!important;display:none!important;margin:0!important;padding:0!important}body.ams-print-sales-doc .sales-print-modal .btn-group .btn-primary{background:#0000!important;color:#111!important;display:inline!important;font-size:10pt!important;font-weight:700!important}body.ams-print-sales-doc .sales-print-modal [style*="background: #f8f9fa"],body.ams-print-sales-doc .sales-print-modal [style*="background:#f8f9fa"]{background:#f3f4f6!important;border:.5pt solid #d1d5db!important;border-radius:0!important;padding:8pt!important;page-break-inside:avoid}body.ams-print-sales-doc .sales-print-modal table{border-collapse:collapse!important}body.ams-print-sales-doc .sales-print-modal td,body.ams-print-sales-doc .sales-print-modal th{border:.5pt solid #e5e7eb!important}}.sales-page .desktop-table{display:block}.sales-page .mobile-cards-view{display:none}@media (max-width:1024px){.sales-page .desktop-table{display:none}.sales-page .mobile-cards-view{display:block}}@media (min-width:1025px){.sales-page .desktop-table{display:block}.sales-page .mobile-cards-view{display:none}}.sales-page .mobile-cards-container{display:flex;flex-direction:column;gap:12px}.sales-header-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.sales-header-actions .btn{align-items:center;display:inline-flex;gap:6px}.sales-bulk-toolbar{align-items:center;background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;display:flex;flex-wrap:wrap;gap:7px;margin:10px 0;padding:8px 10px}.sales-bulk-toolbar strong{color:#334155;font-size:12px;margin-right:3px}.sales-bulk-toolbar button{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:5px;color:#334155;cursor:pointer;display:inline-flex;font-size:12px;gap:5px;padding:7px 9px}.sales-bulk-toolbar button:hover{background:#eef2f7}.sales-bulk-toolbar button.danger{background:#fff;border-color:#fecaca;color:#b91c1c}.sales-bulk-toolbar button:disabled{cursor:not-allowed;opacity:.55}.sales-select-cell{text-align:center!important;width:38px!important}.sales-select-cell input{accent-color:#2563eb;height:16px;width:16px}.data-table tr.selected-row td{background:#eff6ff}@media(max-width:700px){.sales-bulk-toolbar{align-items:stretch}.sales-bulk-toolbar strong{width:100%}.sales-bulk-toolbar button{flex:1 1;justify-content:center}}.sales-page>.server-pagination{align-items:center;border-top:1px solid #f1f5f9;border-top:1px solid var(--gray-100,#f1f5f9);display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-top:0;padding:16px}.sales-page .server-pagination-summary{color:#64748b;font-size:.875rem;font-weight:600}.sales-page .server-pagination-actions{align-items:center;display:flex;flex-wrap:wrap;gap:6px}@media (max-width:640px){.sales-page>.server-pagination{justify-content:center}.sales-page .server-pagination-summary{text-align:center;width:100%}.sales-page .server-pagination-actions{justify-content:center}}.sales-page .modal-header .close-btn{align-items:center;background:#0000;border:0;border-radius:6px;color:#64748b;color:var(--gray-500,#64748b);cursor:pointer;display:inline-flex;flex:0 0 36px;height:36px;justify-content:center;line-height:1;margin:0;min-width:36px;padding:0;transition:background-color .15s ease,color .15s ease;width:36px}.sales-page .modal-header .close-btn:hover{background:#e2e8f0;background:var(--gray-200,#e2e8f0);color:#0f172a;color:var(--gray-900,#0f172a)}.sales-page .modal-header .close-btn:focus-visible{outline:2px solid #3b82f6;outline:2px solid var(--primary-500,#3b82f6);outline-offset:2px}.sales-page .modal-header .close-btn svg{display:block;pointer-events:none}.data-table tr.sales-row-settled td{background:#f0fdf4}.data-table tr.sales-row-settled.selected-row td,.data-table tr.sales-row-settled:hover td{background:#dcfce7}.service-stats-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin:16px 0}.service-stats-grid .stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 2px 8px #0f172a0a;min-height:82px;padding:14px 16px}.service-stats-grid .stat-info h3{color:#64748b;font-size:12px;font-weight:600;margin:0 0 6px;text-transform:uppercase}.service-stats-grid .stat-info .value{color:#0f172a;font-size:22px;font-weight:700}.service-filter-bar{grid-gap:12px;align-items:end;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;display:grid;gap:12px;grid-template-columns:minmax(220px,2fr) repeat(4,minmax(130px,1fr)) auto;margin:16px 0;padding:14px}.service-filter-bar .form-group{margin:0}.service-filter-bar label{color:#475569;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.service-filter-reset{height:38px;white-space:nowrap}.service-pagination{align-items:center;color:#64748b;display:flex;font-size:13px;gap:12px;justify-content:space-between;margin-top:16px;padding:14px 4px 2px}.service-pagination-actions{align-items:center;display:flex;gap:8px}.service-pagination-actions .form-control{min-width:92px;width:auto}.service-pagination-actions .btn{min-width:34px;padding:6px 10px}.link-button{background:#0000;border:0;color:#2563eb;cursor:pointer;font-weight:600;padding:0}.text-muted{color:#94a3b8}@media (max-width:1100px){.service-filter-bar,.service-stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.service-filter-search{grid-column:span 3}}@media (max-width:700px){.service-filter-bar,.service-stats-grid{grid-template-columns:1fr 1fr}.service-filter-search{grid-column:span 2}.service-pagination{align-items:flex-start;flex-direction:column}.service-pagination-actions{justify-content:space-between;width:100%}}.ledger-page{color:#172033;margin:0 auto;max-width:1600px;padding:24px}.ledger-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:18px}.ledger-header h1{font-size:24px;margin:0 0 4px}.ledger-header p{color:#64748b;margin:0}.ledger-header-actions{display:flex;gap:8px}.ledger-header-actions .btn{align-items:center;display:inline-flex;gap:7px}.ledger-export-menu{position:relative}.ledger-export-menu>div{background:#fff;border:1px solid #dbe2ea;border-radius:6px;box-shadow:0 8px 24px #0f172a1f;display:none;min-width:100px;padding:4px;position:absolute;right:0;top:100%;z-index:10}.ledger-export-menu:focus-within>div,.ledger-export-menu:hover>div{display:flex;flex-direction:column}.ledger-export-menu>div button{background:#fff;border:0;border-radius:4px;padding:8px;text-align:left}.ledger-export-menu>div button:hover{background:#f1f5f9}.ledger-filters{grid-gap:8px;background:#fff;border:1px solid #dfe6ee;border-radius:7px;display:grid;gap:8px;grid-template-columns:minmax(230px,1fr) 180px 160px 145px 145px auto 38px;margin-bottom:14px;padding:12px}.ledger-filters input,.ledger-filters select{background:#fff;border:1px solid #cbd5e1;border-radius:5px;min-width:0;padding:9px}.ledger-search{position:relative}.ledger-search svg{color:#94a3b8;left:10px;position:absolute;top:10px}.ledger-search input{padding-left:35px;width:100%}.ledger-reset{background:#fff;border:1px solid #cbd5e1;border-radius:5px;display:grid;place-items:center}.ledger-summary{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(4,1fr);margin-bottom:14px}.ledger-summary article{align-items:center;background:#fff;border:1px solid #dfe6ee;border-radius:7px;display:flex;gap:12px;padding:15px}.ledger-summary article div{display:flex;flex-direction:column;min-width:0}.ledger-summary small{color:#64748b;margin-bottom:4px}.ledger-summary strong{font-size:17px;white-space:nowrap}.ledger-summary-icon{border-radius:6px;display:grid;height:38px;place-items:center;width:38px}.ledger-summary-icon.opening{background:#eef2ff;color:#4f46e5}.ledger-summary-icon.debit{background:#fef2f2;color:#dc2626}.ledger-summary-icon.credit{background:#f0fdf4;color:#16a34a}.ledger-summary-icon.balance{background:#eff6ff;color:#2563eb}.ledger-table-shell{background:#fff;border:1px solid #dfe6ee;border-radius:7px;overflow:hidden}.ledger-table-title{align-items:center;border-bottom:1px solid #e8edf3;display:flex;height:50px;justify-content:space-between;padding:0 15px}.ledger-table-title div{align-items:center;display:flex;gap:8px}.ledger-table-title span{color:#64748b;font-size:13px}.ledger-table-scroll{overflow-x:auto}.ledger-table{min-width:1040px}.ledger-table tbody tr{cursor:pointer}.ledger-table td.amount,.ledger-table th.amount{text-align:right}.ledger-table td:nth-child(2){align-items:flex-start;display:flex;flex-direction:column;gap:3px}.ledger-table td:nth-child(2) small{color:#64748b}.ledger-source{background:#f1f5f9;border-radius:3px;font-size:10px;font-weight:700;padding:2px 6px;text-transform:uppercase}.ledger-source.manual{background:#e0e7ff;color:#4338ca}.debit-text{color:#dc2626}.credit-text{color:#15803d}.ledger-state{align-items:center;color:#64748b;display:flex;flex-direction:column;gap:8px;justify-content:center;min-height:220px}.ledger-page>.server-pagination{margin:14px 0}.ledger-mobile-list{padding:10px}.ledger-mobile-list article{border:1px solid #e2e8f0;border-radius:6px;margin-bottom:9px;padding:12px}.ledger-mobile-list article>div,.ledger-mobile-list header{display:flex;gap:10px;justify-content:space-between}.ledger-mobile-list header span,.ledger-mobile-list p{color:#64748b;font-size:12px}.ledger-mobile-list article>div span{color:#64748b;display:flex;flex-direction:column;font-size:11px}.ledger-mobile-list b{color:#172033;font-size:12px;margin-top:2px}.ledger-entry-modal{max-width:600px}.ledger-entry-modal .modal-header p{color:#64748b;font-size:12px;margin:3px 0 0}.ledger-side-control{grid-gap:6px;display:grid;gap:6px;grid-template-columns:1fr 1fr;margin:6px 0 15px}.ledger-side-control button{background:#fff;border:1px solid #cbd5e1;border-radius:5px;padding:10px}.ledger-side-control button.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8;font-weight:600}@media(max-width:1100px){.ledger-filters{grid-template-columns:1fr 1fr 1fr}.ledger-summary{grid-template-columns:1fr 1fr}}@media(max-width:680px){.ledger-page{padding:14px}.ledger-header{align-items:flex-start;flex-direction:column;gap:12px}.ledger-header-actions{width:100%}.ledger-header-actions .btn{flex:1 1;justify-content:center}.ledger-filters{grid-template-columns:1fr 1fr}.ledger-search{grid-column:1/-1}.ledger-summary{grid-template-columns:1fr}.ledger-summary article{padding:12px}.ledger-entry-modal .form-row{grid-template-columns:1fr}}.ledger-journal-check{grid-gap:8px;align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:5px;display:grid;font-size:12px;gap:8px;grid-template-columns:1fr 1fr auto;margin-bottom:14px;padding:10px}.ledger-journal-check strong{color:#15803d}.ledger-entry-modal .form-row{grid-gap:0 1.25rem;align-items:start;display:grid;gap:0 1.25rem;grid-template-columns:1fr 1fr}.ledger-entry-modal .form-row>.form-group{margin-bottom:1.25rem}.ledger-entry-modal .form-group{margin-bottom:20px}.ledger-entry-modal .form-group label{color:#475569;display:block;font-size:13px;font-weight:600;letter-spacing:.01em;margin-bottom:8px}.ledger-entry-modal .form-group input,.ledger-entry-modal .form-group select,.ledger-entry-modal .form-group textarea{background:#fff;border:1px solid #cbd5e1;border-radius:8px;box-sizing:border-box;color:#1e293b;font-size:14px;padding:10px 12px;transition:border-color .2s,box-shadow .2s;width:100%}.ledger-entry-modal .form-group input:focus,.ledger-entry-modal .form-group select:focus,.ledger-entry-modal .form-group textarea:focus{border-color:#2563eb;box-shadow:0 0 0 3px #2563eb26;outline:none}.ledger-entry-modal .form-group textarea{min-height:88px;resize:vertical}@media(max-width:640px){.ledger-entry-modal .form-row{grid-template-columns:1fr}}.wh-page{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);min-height:calc(100vh - 64px);padding:24px}.wh-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.wh-page .page-header h1{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:24px;font-weight:600;gap:12px}.wh-page .page-header h1 svg{color:#2563eb;color:var(--primary-color,#2563eb)}.wh-page .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.wh-page .stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.wh-page .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.wh-page .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.wh-page .stat-icon.total{background:#eff6ff;color:#3b82f6}.wh-page .stat-icon.active-st{background:#f0fdf4;color:#22c55e}.wh-page .stat-icon.inactive-st{background:#fef2f2;color:#ef4444}.wh-page .stat-icon.cap{background:#fefce8;color:#eab308}.wh-page .stat-info h3{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin-bottom:4px}.wh-page .stat-info .value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700}.wh-page .content-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden;padding:24px}.wh-page .action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.wh-page .search-box{position:relative;width:360px}.wh-page .search-box svg{color:#94a3b8;color:var(--text-secondary,#94a3b8);height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.wh-page .search-box input{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 10px 10px 40px;transition:border-color .2s;width:100%}.wh-page .search-box input:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.wh-page .add-btn{align-items:center;background-color:#2563eb;background-color:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.wh-page .add-btn:hover{background-color:#1d4ed8;background-color:var(--primary-hover,#1d4ed8)}.wh-page .table-container{border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;overflow-x:auto}.wh-page table{border-collapse:collapse;width:100%}.wh-page th{background-color:#f8fafc;background-color:var(--bg-hover,#f8fafc);color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;font-weight:600;padding:14px 20px;text-align:left;white-space:nowrap}.wh-page td,.wh-page th{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0)}.wh-page td{color:#334155;color:var(--text-primary,#334155);font-size:14px;padding:16px 20px}.wh-page tr:last-child td{border-bottom:none}.wh-page tr:hover td{background-color:#f8fafc;background-color:var(--bg-hover,#f8fafc)}.wh-page .wh-code{color:#2563eb;color:var(--primary-color,#2563eb);font-weight:700}.wh-page .badge-st{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.wh-page .badge-st.active{background-color:#dcfce7;color:#166534}.wh-page .badge-st.inactive{background-color:#f1f5f9;color:#475569}.wh-page .pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.wh-page .btn-page{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.wh-page .btn-page:hover:not(:disabled){border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.wh-page .btn-page.active{background:#2563eb;background:var(--primary-color,#2563eb);border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#fff}.wh-page .btn-page:disabled{cursor:not-allowed;opacity:.5}.wh-page .page-numbers{display:flex;gap:.25rem}.wh-page .mobile-cards-view{display:none}.wh-page .mobile-cards{display:flex;flex-direction:column;gap:12px}.wh-page .data-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:16px;transition:all .2s ease}.wh-page .data-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.wh-page .card-field{display:flex;flex-wrap:wrap;font-size:14px;gap:4px;margin-bottom:6px}.wh-page .card-field label{color:#64748b;color:var(--text-secondary,#64748b);font-weight:500;min-width:80px}.wh-page .card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:12px;padding-top:12px}.wh-page .empty-state{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;padding:32px 16px;text-align:center}.wh-page .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.wh-page .modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.wh-page .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.wh-page .modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600}.wh-page .close-btn{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;padding:8px;transition:all .2s}.wh-page .close-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#475569;color:var(--text-primary,#475569)}.wh-page .modal-body{padding:24px}.wh-page .form-group{margin-bottom:20px}.wh-page .form-group label{color:#334155;color:var(--text-primary,#334155);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.wh-page .form-group input,.wh-page .form-group select,.wh-page .form-group textarea{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.wh-page .form-group input:focus,.wh-page .form-group select:focus,.wh-page .form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.wh-page .modal-footer{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.wh-page .btn-secondary{background-color:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.wh-page .btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9)}.wh-page .btn-primary{background-color:#2563eb;background-color:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.wh-page .btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover,#1d4ed8)}.wh-page .btn-primary:disabled,.wh-page .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.wh-page .grid-cols-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.wh-page .drawer-overlay{animation:drawerFadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes drawerFadeIn{0%{opacity:0}to{opacity:1}}.wh-page .drawer-panel{animation:drawerSlideIn .3s ease-out;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-y:auto;width:50%}@keyframes drawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.wh-page .drawer-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.wh-page .drawer-header h3{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:700;margin:0}.wh-page .drawer-close{align-items:center;background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all .2s;width:32px}.wh-page .drawer-close:hover{background:#e2e8f0;background:var(--border-color,#e2e8f0);color:#1e293b;color:var(--text-primary,#1e293b)}.wh-page .drawer-body{flex:1 1;overflow-y:auto;padding:24px}.wh-page .drawer-content{display:flex;flex-direction:column;gap:24px}.wh-page .drawer-section{margin-bottom:8px}.wh-page .drawer-section h4{border-bottom:2px solid #2563eb;border-bottom:2px solid var(--primary-color,#2563eb);color:#1e293b;color:var(--text-primary,#1e293b);display:inline-block;font-size:13px;font-weight:700;margin:0 0 16px;padding-bottom:8px}.wh-page .drawer-grid{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.wh-page .drawer-row{display:flex;flex-direction:column;gap:4px}.wh-page .drawer-row-full{grid-column:1/-1}.wh-page .drawer-label{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.wh-page .drawer-value{color:#334155;color:var(--text-primary,#334155);font-size:14px;font-weight:500;word-break:break-word}.wh-page .drawer-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;padding-top:16px}@media (max-width:1024px){.wh-page .drawer-panel{width:100%}.wh-page .drawer-grid{grid-template-columns:1fr}.wh-page .desktop-table{display:none}.wh-page .mobile-cards-view{display:block}.wh-page .action-bar{align-items:stretch;flex-direction:column}.wh-page .search-box{width:100%}.wh-page .add-btn{justify-content:center}.wh-page .pagination{flex-wrap:wrap}.wh-page .grid-cols-2{grid-template-columns:1fr}}@media (min-width:1025px){.wh-page .desktop-table{display:block}.wh-page .mobile-cards-view{display:none}}.vehicle-master-page{background:var(--bg-primary);min-height:calc(100vh - 60px);padding:20px 24px}@media (max-width:480px){.vehicle-master-page{padding:12px}}.vehicle-master-page .page-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}@media (max-width:480px){.vehicle-master-page .page-header{margin-bottom:16px}.vehicle-master-page .header-content h1{font-size:1.3rem}}.vehicle-master-page .header-content h1{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0}.vehicle-master-page .subtitle{color:var(--text-secondary);font-size:.9rem;margin-top:4px}.vehicle-master-page .btn-create{align-items:center;display:flex;font-weight:500;gap:8px;padding:10px 20px}.vehicle-master-page .btn-create .icon{font-size:1.2rem;font-weight:700}.vehicle-master-page .stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.vehicle-master-page .stats-grid.stats-grid-5{grid-template-columns:repeat(5,1fr)}.vehicle-master-page .stats-grid.stats-grid-6{grid-template-columns:repeat(6,1fr)}.vehicle-master-page .stat-card{align-items:center;background:var(--bg-secondary);border:2px solid #0000;border-radius:12px;box-shadow:0 1px 3px #0000001a;cursor:pointer;display:flex;gap:16px;padding:20px;transition:all .2s ease}.vehicle-master-page .stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.vehicle-master-page .stat-card.active{background:linear-gradient(135deg,#4f46e51a,#3b82f61a);border-color:var(--primary-600)}.vehicle-master-page .stat-icon{align-items:center;background:#4f46e51a;border-radius:12px;display:flex;font-size:2rem;height:50px;justify-content:center;width:50px}.vehicle-master-page .stat-content{display:flex;flex-direction:column}.vehicle-master-page .stat-value{color:var(--text-primary);font-size:1.75rem;font-weight:700}.vehicle-master-page .stat-label{color:var(--text-secondary);font-size:.85rem;letter-spacing:.5px;text-transform:uppercase}.vehicle-master-page .tabs-container{align-items:center;background:var(--bg-secondary);border-bottom:1px solid var(--border-color);border-radius:12px 12px 0 0;display:flex;justify-content:space-between;padding:0 16px}.vehicle-master-page .vehicle-master-content-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:0 1px 3px #0000000a;overflow:hidden;padding:1.5rem}@media (max-width:480px){.vehicle-master-page .vehicle-master-content-card{border-radius:10px;padding:.75rem}}.vehicle-master-page .vehicle-master-content-card .tabs-container{border-radius:14px 14px 0 0;margin:-1.5rem -1.5rem 1.25rem}.vehicle-master-page .vehicle-master-content-card .table-container{box-shadow:none}.vehicle-master-page .tabs{display:flex;gap:0}.vehicle-master-page .tab{background:#0000;border:none;border-bottom:3px solid #0000;color:var(--text-secondary);cursor:pointer;font-size:.95rem;font-weight:500;padding:16px 24px;transition:all .2s}.vehicle-master-page .tab:hover{color:var(--primary-600)}.vehicle-master-page .tab.active{border-bottom-color:var(--primary-600);color:var(--primary-600)}.vehicle-master-page .filters-bar{display:flex;gap:12px}.vehicle-master-page .filters-bar select{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.9rem;min-width:150px;padding:8px 12px}.vehicle-master-page .table-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden;overflow-x:auto}.vehicle-master-page .data-table{border-collapse:collapse;width:100%}.vehicle-master-page .data-table td,.vehicle-master-page .data-table th{padding:.75rem 1rem;text-align:left;white-space:nowrap}.vehicle-master-page .data-table td{border-bottom:1px solid #f3f4f6;color:#334155;font-size:.875rem;padding:.875rem 1rem}.vehicle-master-page .data-table th{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.8125rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-transform:uppercase;white-space:nowrap}.vehicle-master-page .data-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.vehicle-master-page .data-table th.sortable:hover{color:#2563eb;color:var(--primary-color,#2563eb)}.vehicle-master-page .data-table tr.filter-row th{background:#00000005;padding:4px 8px}.vehicle-master-page .data-table .filter-input{background:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:4px 8px;width:100%}.vehicle-master-page .data-table .filter-input:focus{border-color:#2563eb;border-color:var(--primary-600,#2563eb);outline:none}.vehicle-master-page .data-table tbody tr:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc);cursor:pointer}.vehicle-master-page .data-table input[type=checkbox]{accent-color:#2563eb;accent-color:var(--primary-color,#2563eb);cursor:pointer;height:16px;width:16px}.vehicle-master-page .status-capsule{align-items:center;background:#d1d5db;border-radius:11px;cursor:pointer;display:inline-flex;height:22px;position:relative;transition:background .2s ease;vertical-align:middle;width:40px}.vehicle-master-page .status-capsule.active{background:#22c55e}.vehicle-master-page .capsule-circle{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s ease;width:18px}.vehicle-master-page .status-capsule.active .capsule-circle{transform:translateX(18px)}.vehicle-master-page .data-table tr.filter-row th{padding:6px 10px}.vehicle-master-page .data-table tbody tr:hover{background:#f9fafb}.vehicle-master-page .data-table td strong{color:var(--text-primary)}.vehicle-master-page .color-preview{border:2px solid #0000001a;border-radius:8px;box-shadow:0 2px 4px #0000001a;height:36px;width:36px}.vehicle-master-page .make-logo{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;display:block;height:40px;object-fit:contain;padding:4px;width:40px}.vehicle-master-page .make-logo-placeholder{color:var(--text-secondary)}.vehicle-master-page .make-logo-drawer{height:48px;width:48px}.vehicle-master-page .badge{border-radius:20px;font-size:.75rem;font-weight:600;padding:4px 10px;text-transform:uppercase}.vehicle-master-page .badge-success{background:#dcfce7;color:#16a34a}.vehicle-master-page .badge-secondary{background:#f1f5f9;color:#64748b}.vehicle-master-page .badge-info{background:#dbeafe;color:#2563eb}.vehicle-master-page .empty-state,.vehicle-master-page .loading-state{align-items:center;color:var(--text-secondary);display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.vehicle-master-page .empty-icon{font-size:3rem;margin-bottom:16px}.vehicle-master-page .empty-state h3{color:var(--text-primary);margin:0 0 8px}.vehicle-master-page .spinner{animation:spin .8s linear infinite;border:3px solid var(--border-color);border-radius:50%;border-top-color:var(--primary-600);height:40px;margin-bottom:16px;width:40px}.vehicle-master-page .modal-overlay{align-items:center;animation:fadeIn .2s ease;background:#00000080;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.vehicle-master-page .modal-content{animation:slideIn .3s ease;background:var(--bg-secondary);border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:90vh;max-width:560px;overflow-y:auto;width:100%}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.vehicle-master-page .modal-header{align-items:center;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:20px 24px}.vehicle-master-page .modal-header h2{font-size:1.25rem;font-weight:600;margin:0}.vehicle-master-page .modal-close{background:none;border:none;color:var(--text-secondary);cursor:pointer;font-size:1.5rem;line-height:1;padding:4px 8px}.vehicle-master-page .modal-close:hover{color:var(--text-primary)}.vehicle-master-page .modal-body{padding:24px}.vehicle-master-page .modal-footer{background:#00000005;border-top:1px solid var(--border-color);display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.vehicle-master-page .btn-outline{align-items:center;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:#374151;cursor:pointer;display:inline-flex;font-size:.85rem;justify-content:center;transition:all .15s}.vehicle-master-page .btn-outline:hover{background:#f8fafc;border-color:#9ca3af}.vehicle-master-page .btn-sm{font-size:.8125rem;line-height:1;min-height:34px;padding:.375rem .625rem}.vehicle-master-page .form-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.vehicle-master-page .form-group{margin-bottom:16px}.vehicle-master-page .form-group label{color:var(--text-secondary);display:block;font-size:.9rem;font-weight:500;margin-bottom:6px}.vehicle-master-page .form-group input,.vehicle-master-page .form-group select,.vehicle-master-page .form-group textarea{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;font-size:.95rem;padding:10px 12px;transition:border-color .2s;width:100%}.vehicle-master-page .form-group input:focus,.vehicle-master-page .form-group select:focus,.vehicle-master-page .form-group textarea:focus{border-color:var(--primary-600);box-shadow:0 0 0 3px #4f46e51a;outline:none}.vehicle-master-page .checkbox-group{align-items:center;display:flex}.vehicle-master-page .checkbox-group label{align-items:center;cursor:pointer;display:flex;gap:8px;margin:0}.vehicle-master-page .checkbox-group input[type=checkbox]{cursor:pointer;height:18px;width:18px}.vehicle-master-page .color-input-wrapper{display:flex;gap:8px}.vehicle-master-page .color-input-wrapper input[type=color]{cursor:pointer;height:38px;padding:2px;width:50px}.vehicle-master-page .color-input-wrapper input[type=text]{flex:1 1}.vehicle-master-page .btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 20px;transition:all .2s}.vehicle-master-page .btn-primary{background:linear-gradient(135deg,var(--primary-600),#3b82f6);color:#fff}.vehicle-master-page .btn-primary:hover{box-shadow:0 4px 12px #4f46e54d;transform:translateY(-1px)}.vehicle-master-page .btn-secondary{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary)}.vehicle-master-page .btn-secondary:hover{background:var(--border-color)}.vehicle-master-page .code{background:#f1f5f9;border-radius:4px;font-family:Courier New,Courier,monospace;font-size:.85rem;font-weight:600;padding:2px 6px}.vehicle-master-page .contact-info{display:flex;flex-direction:column;gap:2px}.vehicle-master-page .small-text{color:var(--text-secondary);font-size:.75rem}.vehicle-master-page .stats-inline{color:var(--text-secondary);display:flex;flex-direction:column;font-size:.8rem;gap:2px}.vehicle-master-page .badge-outline{background:#0000;border:1px solid var(--border-color);color:var(--text-secondary)}.vehicle-master-page .data-table .filter-row th{background:#00000005;padding:4px 8px}.vehicle-master-page .filter-input{background:#fff;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:4px 8px;width:100%}.vehicle-master-page .filter-input:focus{border-color:var(--primary-600);outline:none}@media (max-width:1200px){.vehicle-master-page .stats-grid.stats-grid-6{grid-template-columns:repeat(4,1fr)}}@media (max-width:1024px){.vehicle-master-page .stats-grid,.vehicle-master-page .stats-grid.stats-grid-5{grid-template-columns:repeat(3,1fr)}.vehicle-master-page .stats-grid.stats-grid-6{grid-template-columns:repeat(4,1fr)}}.vehicle-master-page .desktop-table{display:block}.vehicle-master-page .mobile-cards-view{display:none}@media (max-width:1024px){.vehicle-master-page .page-header{flex-direction:column;gap:16px}.vehicle-master-page .stats-grid,.vehicle-master-page .stats-grid.stats-grid-5,.vehicle-master-page .stats-grid.stats-grid-6{grid-template-columns:1fr 1fr}.vehicle-master-page .tabs-container{flex-direction:column;padding:12px 16px}.vehicle-master-page .vehicle-master-content-card{padding:1rem}.vehicle-master-page .vehicle-master-content-card .tabs-container{margin:-1rem -1rem 1rem}.vehicle-master-page .tabs{overflow-x:auto;width:100%}.vehicle-master-page .form-row{grid-template-columns:1fr}.vehicle-master-page .desktop-table{display:none}.vehicle-master-page .mobile-cards-view{display:block}}@media (max-width:480px){.vehicle-master-page .stats-grid,.vehicle-master-page .stats-grid.stats-grid-5,.vehicle-master-page .stats-grid.stats-grid-6{grid-template-columns:1fr}.vehicle-master-page .stat-card{gap:12px;padding:12px 16px}.vehicle-master-page .stat-icon{font-size:1.4rem;height:40px;width:40px}.vehicle-master-page .stat-value{font-size:1.25rem}.vehicle-master-page .stat-label{font-size:.75rem}}@media (min-width:1025px){.vehicle-master-page .desktop-table{display:block}.vehicle-master-page .mobile-cards-view{display:none}}.email-module{padding:var(--spacing-4)}.email-module-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-4)}.email-module-header h2{font-size:var(--font-size-2xl);margin:0}.email-sub-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:var(--spacing-3)}.email-sub-header h3{font-size:var(--font-size-lg);margin:0}.email-layout{display:flex;gap:var(--spacing-4);min-height:400px}.email-sidebar-list{border-right:1px solid var(--gray-200);flex-shrink:0;padding-right:var(--spacing-3);width:300px}.email-detail-panel{flex:1 1;min-width:0}.email-list{display:flex;flex-direction:column;gap:var(--spacing-2);margin-top:var(--spacing-3)}.email-list-item{border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;padding:var(--spacing-3);position:relative;transition:all var(--transition-fast)}.email-list-item.active,.email-list-item:hover{background:var(--primary-50);border-color:var(--primary-800)}.email-list-item-title{font-size:var(--font-size-sm);font-weight:600;margin-bottom:4px}.email-list-item-sub{color:var(--gray-500);font-size:var(--font-size-xs)}.email-list-item-actions{display:none;gap:4px;position:absolute;right:var(--spacing-2);top:var(--spacing-2)}.email-list-item:hover .email-list-item-actions{display:flex}.email-empty-state{align-items:center;color:var(--gray-400);display:flex;font-size:var(--font-size-base);height:300px;justify-content:center}.email-tabs{border-bottom:2px solid var(--gray-200);display:flex;gap:0;margin-bottom:var(--spacing-4);overflow-x:auto}.email-tab{background:none;border:none;border-bottom:2px solid #0000;color:var(--gray-500);cursor:pointer;font-size:var(--font-size-sm);padding:var(--spacing-2) var(--spacing-4);transition:all var(--transition-fast);white-space:nowrap}.email-tab.active,.email-tab:hover{color:var(--primary-800)}.email-tab.active{border-bottom-color:var(--primary-800);font-weight:600}.email-modal{max-width:600px;width:90%}.email-modal.wide{max-width:800px}.email-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.email-card{border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3);position:relative;transition:all var(--transition-fast)}.email-card:hover{box-shadow:var(--shadow-md)}.email-card-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:var(--spacing-2)}.email-card-title{font-size:var(--font-size-base);font-weight:600}.email-card-sub{color:var(--gray-500);font-size:var(--font-size-xs);margin-bottom:var(--spacing-2)}.email-card-body{color:var(--gray-600);font-size:var(--font-size-sm)}.email-card-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--spacing-3)}.email-card-badge{border-radius:var(--radius-sm);display:inline-block;font-size:var(--font-size-xs);font-weight:500;padding:2px var(--spacing-2)}.email-badge-active{background:var(--success-100);color:var(--success-500)}.email-badge-inactive{background:var(--error-100);color:var(--error-500)}.email-badge-draft{background:var(--warning-100);color:var(--warning-500)}.email-badge-published{background:var(--success-100);color:var(--success-500)}.email-badge-archived{background:var(--gray-100);color:var(--gray-500)}.email-stats-grid{grid-gap:var(--spacing-3);display:grid;gap:var(--spacing-3);grid-template-columns:repeat(auto-fill,minmax(300px,1fr));margin-bottom:var(--spacing-5)}.email-stat-card{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-lg);padding:var(--spacing-3);text-align:center}.email-stat-value{color:var(--primary-800);font-size:var(--font-size-3xl);font-weight:700}.email-stat-label{color:var(--gray-500);font-size:var(--font-size-sm);margin-top:4px}.email-config-section{max-width:600px}.email-config-section .form-group{margin-bottom:var(--spacing-3)}.email-config-section label{display:block;font-size:var(--font-size-sm);font-weight:500;margin-bottom:4px}.email-log-detail{background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md);max-height:500px;overflow:auto;padding:var(--spacing-3)}.email-log-detail pre{font-size:var(--font-size-xs);white-space:pre-wrap;word-break:break-all}.email-variable-selector{border:1px solid var(--gray-200);border-radius:var(--radius-md);max-height:300px;overflow-y:auto}.email-variable-group{border-bottom:1px solid var(--gray-100);padding:var(--spacing-2) var(--spacing-3)}.email-variable-group-header{color:var(--primary-800);font-size:var(--font-size-sm);font-weight:600;margin-bottom:4px}.email-variable-item{border-radius:var(--radius-sm);cursor:pointer;display:flex;font-size:var(--font-size-sm);justify-content:space-between;padding:4px var(--spacing-2)}.email-variable-item:hover{background:var(--primary-50)}.email-variable-item code{font-size:var(--font-size-xs)}.email-variable-item .var-label{color:var(--gray-500);font-size:var(--font-size-xs)}.email-variable-search{border-bottom:1px solid var(--gray-200);padding:var(--spacing-2)}.search-input{box-sizing:border-box;width:100%}.email-queue-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.email-queue-filters input,.email-queue-filters select{min-width:150px}.email-log-filters{display:flex;flex-wrap:wrap;gap:var(--spacing-3);margin-bottom:var(--spacing-3)}.email-log-filters input,.email-log-filters select{min-width:150px}.email-smtp-test-result{border-radius:var(--radius-md);margin-top:var(--spacing-3);padding:var(--spacing-3)}.email-smtp-test-result.success{background:var(--success-100);border:1px solid var(--success-500);color:var(--success-500)}.email-smtp-test-result.error{background:var(--error-100);border:1px solid var(--error-500);color:var(--error-500)}.email-card .status-indicator{border-radius:50%;display:inline-block;height:8px;margin-right:6px;width:8px}.email-builder{display:flex;flex-direction:column;height:calc(100vh - 200px);min-height:500px}.email-builder-header{align-items:center;background:var(--gray-50);border:1px solid var(--gray-200);border-radius:var(--radius-md) var(--radius-md) 0 0;display:flex;flex-wrap:wrap;gap:var(--spacing-3);justify-content:space-between;padding:var(--spacing-3)}.email-builder-fields{display:flex;flex:1 1;gap:var(--spacing-2);min-width:300px}.email-builder-actions{align-items:center;display:flex;gap:var(--spacing-2)}.email-builder-saved{color:var(--success-500);font-size:var(--font-size-xs);white-space:nowrap}.email-builder-toolbar{align-items:center;background:var(--bg-primary);border:1px solid var(--gray-200);border-top:none;display:flex;flex-wrap:wrap;gap:4px;padding:6px var(--spacing-3)}.toolbar-btn{background:var(--bg-primary);border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);min-width:30px;padding:4px var(--spacing-2);text-align:center;transition:all .15s}.toolbar-btn:hover{background:var(--primary-50);border-color:var(--primary-200)}.toolbar-separator{background:var(--gray-200);height:24px;margin:0 4px;width:1px}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{border-radius:var(--radius-sm);max-height:200px;min-width:100px;z-index:100}.toolbar-dropdown-item{padding:6px var(--spacing-3)}.email-builder-editor{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:0 0 var(--radius-md) var(--radius-md);border-top:none;flex:1 1;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;min-height:300px;outline:none;overflow-y:auto;padding:var(--spacing-5)}.email-builder-editor:focus{border-color:var(--primary-800);box-shadow:inset 0 0 0 1px var(--primary-800)}.email-builder-editor h1{font-size:24px;margin:var(--spacing-3) 0 var(--spacing-2)}.email-builder-editor h2{font-size:20px;margin:14px 0 6px}.email-builder-editor h3{font-size:18px;margin:var(--spacing-3) 0 6px}.email-builder-editor p{margin:var(--spacing-2) 0}.email-builder-editor ol,.email-builder-editor ul{margin:var(--spacing-2) 0;padding-left:24px}.email-builder-editor a{color:var(--primary-400);text-decoration:underline}.email-builder-editor img{height:auto;max-width:100%}.email-builder-editor blockquote{background:var(--gray-50);border-left:3px solid var(--primary-800);margin:var(--spacing-2) 0;padding:var(--spacing-2) var(--spacing-3)}.email-builder-editor .email-var-placeholder{background:var(--primary-50);border-radius:var(--radius-sm);color:var(--primary-600);font-family:monospace;padding:0 4px}.email-builder-editor .email-component-placeholder{background:#f3e5f5;border-radius:var(--radius-sm);color:#7b1fa2;cursor:pointer;font-family:monospace;padding:0 4px}.email-composer-core{display:flex;flex:1 1;flex-direction:column;min-height:0}.email-composer-toolbar{align-items:center;background:var(--bg-primary);border:1px solid var(--gray-200);border-bottom:none;display:flex;flex-wrap:wrap;gap:4px;padding:6px var(--spacing-3)}.toolbar-group{align-items:center;display:flex;gap:2px}.toolbar-sep{background:var(--gray-200);height:22px;margin:0 4px;width:1px}.toolbar-btn.active{background:var(--primary-50);border-color:var(--primary-300);color:var(--primary-700)}.toolbar-btn:disabled{cursor:not-allowed;opacity:.4}.toolbar-btn:disabled:hover{background:var(--bg-primary);border-color:var(--gray-300)}.pos-relative{position:relative}.toolbar-dropdown-menu{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;max-height:240px;min-width:120px;overflow-y:auto;padding:4px;position:absolute;top:100%;z-index:200}.toolbar-dropdown-item{border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);padding:6px 12px}.toolbar-dropdown-item:hover{background:var(--primary-50)}.email-composer-editor{background:var(--bg-primary);border:1px solid var(--gray-200);flex:1 1;font-family:Arial,sans-serif;font-size:14px;line-height:1.6;min-height:250px;outline:none;overflow-y:auto;padding:var(--spacing-5)}.email-composer-editor:focus{border-color:var(--primary-600);box-shadow:inset 0 0 0 1px var(--primary-600)}.email-composer-editor h1{font-size:24px;margin:var(--spacing-3) 0 var(--spacing-2)}.email-composer-editor h2{font-size:20px;margin:14px 0 6px}.email-composer-editor h3{font-size:18px;margin:var(--spacing-3) 0 6px}.email-composer-editor p{margin:var(--spacing-2) 0}.email-composer-editor ol,.email-composer-editor ul{margin:var(--spacing-2) 0;padding-left:24px}.email-composer-editor a{color:var(--primary-500);text-decoration:underline}.email-composer-editor img{height:auto;max-width:100%}.email-composer-editor blockquote{background:var(--gray-50);border-left:3px solid var(--primary-600);margin:var(--spacing-2) 0;padding:var(--spacing-2) var(--spacing-3)}.email-composer-editor .email-var-placeholder{background:var(--primary-50);border-radius:var(--radius-sm);color:var(--primary-600);font-family:monospace;padding:0 4px}.email-composer-editor .email-component-placeholder{background:#f3e5f5;border-radius:var(--radius-sm);color:#7b1fa2;cursor:pointer;font-family:monospace;padding:0 4px}.email-composer-actions{display:flex;gap:8px;padding:8px 0 0}.email-css-panel{background:var(--gray-50);border:1px solid var(--gray-200);border-top:none;display:flex;gap:0;max-height:55vh;min-height:200px;overflow:hidden;position:relative;z-index:10}.email-css-panel-open{animation:emailFadeIn .15s ease-out}.email-css-tabs{background:var(--gray-100);border-right:1px solid var(--gray-200);display:flex;flex-direction:column;gap:2px;padding:8px}.email-css-tab{align-items:center;background:#0000;border:1px solid #0000;border-radius:var(--radius-sm);color:var(--gray-500);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.email-css-tab:hover{background:var(--bg-primary);color:var(--gray-800)}.email-css-tab.active{background:var(--bg-primary);border-color:var(--gray-300);color:var(--primary-600)}.email-css-apply{align-items:center;background:var(--primary-500);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;display:flex;height:32px;justify-content:center;margin-top:auto;transition:all .15s;width:32px}.email-css-apply:hover{background:var(--primary-600)}.email-css-content{flex:1 1;overflow-y:auto;padding:12px}.email-css-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.email-css-field{display:flex;flex-direction:column;gap:3px}.email-css-field-label{color:var(--gray-500);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.03em;text-transform:uppercase}.email-css-field .form-control{font-size:var(--font-size-xs);height:auto;padding:4px 8px}.email-css-subgroup{margin-bottom:8px}.email-css-subgroup-label{color:var(--primary-600);display:block;font-size:10px;font-weight:700;margin-bottom:6px;text-transform:uppercase}.email-css-matrix{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(4,1fr)}.email-css-color-btn{align-items:center;border:1px solid var(--gray-300);border-radius:var(--radius-sm);cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:100%}.email-css-color-btn:hover{border-color:var(--primary-300)}.email-css-color-popup{margin-top:4px;position:absolute;z-index:300}.email-overlay{align-items:center;animation:emailFadeIn .15s ease-out;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:5000}@keyframes emailFadeIn{0%{opacity:0}to{opacity:1}}.email-overlay-close{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.email-overlay-close:hover{background:var(--gray-200);color:var(--gray-800)}.email-color-picker{min-width:200px;padding:12px}.email-color-picker,.email-color-picker-overlay{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.email-color-picker-overlay{overflow:hidden}.email-color-picker-overlay-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 16px}.email-color-picker-overlay-header h4{font-size:var(--font-size-sm);font-weight:600;margin:0}.email-color-grid{grid-gap:4px;display:grid;gap:4px;grid-template-columns:repeat(8,1fr)}.email-color-swatch{border:1px solid var(--gray-200);border-radius:var(--radius-sm);cursor:pointer;height:28px;transition:all .15s;width:28px}.email-color-swatch:hover{border-color:var(--primary-400);box-shadow:var(--shadow-md);transform:scale(1.15)}.email-color-custom{border-top:1px solid var(--gray-100);margin-top:10px;padding-top:10px}.email-color-custom .form-control{font-size:var(--font-size-xs);padding:6px 10px}.email-link-panel{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-height:80vh;max-width:420px;width:100%}.email-link-panel-header{align-items:center;border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:16px 20px}.email-link-panel-header h3{font-size:var(--font-size-base);font-weight:700;margin:0}.email-link-icon{color:var(--primary-500)}.email-link-panel-body{flex:1 1;overflow-y:auto;padding:16px 20px}.email-link-panel-body .form-group{margin-bottom:14px}.email-link-panel-body .form-group label{color:var(--gray-600);display:block;font-size:var(--font-size-sm);font-weight:600;margin-bottom:4px}.email-link-colors{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.email-link-toggle{align-items:center;border:1px solid var(--gray-200);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:10px;margin-top:8px;padding:10px 12px;transition:all .15s}.email-link-toggle:hover{background:var(--primary-50);border-color:var(--primary-300)}.email-link-toggle span{font-size:var(--font-size-sm);font-weight:500}.email-checkbox{align-items:center;border:2px solid var(--gray-300);border-radius:var(--radius-sm);display:flex;height:18px;justify-content:center;transition:all .15s;width:18px}.email-checkbox.checked{background:var(--primary-500);border-color:var(--primary-500);color:#fff}.email-link-panel-footer{border-top:1px solid var(--gray-200);display:flex;gap:8px;justify-content:flex-end;padding:12px 20px}.email-image-panel{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;max-width:420px;width:100%}.email-code-overlay{z-index:6000}.email-code-editor{background:var(--gray-900);border:1px solid var(--gray-700);border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.email-code-editor-light{background:var(--bg-primary);border:1px solid var(--gray-200)}.email-code-editor-light .email-code-editor-header{border-bottom:1px solid var(--gray-200);color:var(--gray-700)}.email-code-editor-light .email-code-editor-header h3{color:var(--gray-600)}.email-code-editor-light .email-code-editor-textarea{background:var(--gray-50);color:var(--gray-800)}.email-code-editor-header{align-items:center;border-bottom:1px solid var(--gray-700);color:var(--gray-300);display:flex;justify-content:space-between;padding:12px 16px}.email-code-editor-header h3{color:var(--gray-400);font-size:var(--font-size-sm);font-weight:700;letter-spacing:.05em;margin:0;text-transform:uppercase}.email-code-editor-textarea{background:#0000;border:none;color:var(--gray-400);flex:1 1;font-family:Courier New,monospace;font-size:12px;line-height:1.7;outline:none;padding:24px 32px;resize:none;tab-size:2}.email-preview-overlay{z-index:7000}.email-draggable-popup{background:var(--bg-primary);border:1px solid var(--gray-200);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);display:flex;flex-direction:column;left:50%;max-height:85vh;overflow:hidden;position:fixed;top:50%;transform:translate(-50%,-50%);width:100%}.email-popup-header{align-items:center;border-bottom:1px solid var(--gray-200);cursor:move;display:flex;justify-content:space-between;padding:12px 16px;user-select:none;-webkit-user-select:none}.email-popup-header h3,.email-popup-header h4{margin:0}.email-preview{background:var(--gray-100);border:1px solid var(--gray-200);border-radius:var(--radius-xl);display:flex;flex:1 1;flex-direction:column;overflow:hidden;width:100%}.email-preview-header{align-items:center;background:var(--bg-primary);border-bottom:1px solid var(--gray-200);display:flex;justify-content:space-between;padding:12px 20px}.email-preview-header h3{font-size:var(--font-size-sm);font-weight:700;margin:0}.email-preview-devices{display:flex;gap:4px;margin-right:12px}.email-preview-body{display:flex;flex:1 1;justify-content:center;overflow-y:auto;padding:20px}.email-preview-iframe{background:#fff;border:none;border-radius:var(--radius-md);height:100%;min-height:600px;width:100%}@media (max-width:768px){.email-module{padding:var(--spacing-3)}.email-module-header{align-items:stretch;flex-direction:column;gap:var(--spacing-3)}.email-module-header h2{font-size:var(--font-size-xl)}.email-module-header .btn{width:100%}.email-tabs{-webkit-overflow-scrolling:touch;gap:0;overflow-x:auto;scrollbar-width:none}.email-tabs::-webkit-scrollbar{display:none}.email-tab{font-size:var(--font-size-xs);padding:var(--spacing-2) 14px}.email-grid{gap:var(--spacing-3);grid-template-columns:1fr}.email-stats-grid{gap:var(--spacing-2);grid-template-columns:repeat(2,1fr)}.email-stat-value{font-size:var(--font-size-xl)}.email-card{padding:var(--spacing-3)}.email-card-actions{display:flex;gap:4px;margin-top:var(--spacing-2)}.email-card-actions .btn{flex:1 1;font-size:var(--font-size-xs);min-width:0;padding:4px var(--spacing-2)}.email-card-header{flex-direction:column;gap:var(--spacing-2)}.email-layout{flex-direction:column;min-height:auto}.email-sidebar-list{border-bottom:1px solid var(--gray-200);border-right:none;margin-bottom:var(--spacing-3);max-height:300px;overflow-y:auto;padding-bottom:var(--spacing-3);padding-right:0;width:100%}.email-list-item{padding:var(--spacing-2) var(--spacing-3)}.email-list-item-actions{display:flex;gap:4px;margin-top:6px;position:static}.email-empty-state{height:150px}.email-queue-filters input,.email-queue-filters select,.search-input{max-width:100%!important;width:100%}.email-queue-filters{flex-direction:column}.email-queue-filters input,.email-queue-filters select{min-width:auto}.email-builder{height:calc(100vh - 160px)}.email-builder-header{align-items:stretch;flex-direction:column}.email-builder-fields{flex-direction:column;min-width:auto}.email-builder-actions{justify-content:flex-end}.email-builder-editor{font-size:13px;padding:var(--spacing-3)}.email-builder-editor h1{font-size:20px}.email-builder-editor h2{font-size:18px}.email-builder-editor h3{font-size:16px}.email-variable-item{flex-direction:column;gap:4px}.email-variable-item input{width:100%!important}.email-config-section{max-width:100%}.email-table-mobile-view{display:block}.table{font-size:var(--font-size-xs)}.table thead{display:none}.table tr{border:1px solid var(--gray-200);border-radius:var(--radius-md);display:block;margin-bottom:var(--spacing-2);padding:var(--spacing-2)}.table td{border:none;display:flex;font-size:var(--font-size-xs);justify-content:space-between;padding:4px 0}.table td:before{color:var(--gray-500);content:attr(data-label);font-weight:600;margin-right:var(--spacing-2)}.toolbar-btn{font-size:var(--font-size-xs);padding:3px var(--spacing-2)}.email-composer-toolbar{gap:2px;padding:4px var(--spacing-2)}.toolbar-sep{margin:0 2px}.email-composer-editor{font-size:13px;padding:var(--spacing-3)}.email-composer-editor h1{font-size:20px}.email-composer-editor h2{font-size:18px}.email-composer-editor h3{font-size:16px}.email-css-grid{gap:8px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.email-link-colors{grid-template-columns:1fr}.email-code-editor,.email-preview{height:90vh;max-width:100%}.email-code-editor-textarea{font-size:11px;padding:16px}}@media (max-width:480px){.email-stats-grid{gap:6px;grid-template-columns:repeat(2,1fr)}.email-stat-card{padding:var(--spacing-2)}.email-stat-value{font-size:var(--font-size-lg)}.email-stat-label{font-size:var(--font-size-xs)}.email-card-actions{flex-wrap:wrap}.email-card-actions .btn{flex:1 1 45%;font-size:var(--font-size-xs)}.email-tab{font-size:var(--font-size-xs);padding:var(--spacing-2) var(--spacing-2)}.email-module{padding:var(--spacing-2)}.modal-content{margin:10px auto;max-height:90vh;width:95%}.modal-body{padding:var(--spacing-3)}.modal-header h3{font-size:var(--font-size-base)}.form-row{flex-direction:column;gap:0}.email-grid{gap:var(--spacing-2)}}.email-drawer-overlay{animation:emailDrawerFadeIn .25s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a66;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}@keyframes emailDrawerFadeIn{0%{opacity:0}to{opacity:1}}.email-drawer{animation:emailDrawerSlideIn .3s ease-out;background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-y:auto;width:50%;width:var(--drawer-width,50%)}@keyframes emailDrawerSlideIn{0%{transform:translateX(100%)}to{transform:translateX(0)}}.email-drawer-header{align-items:center;background:var(--gray-50);border-bottom:1px solid var(--gray-200);display:flex;flex-shrink:0;justify-content:space-between;padding:var(--spacing-4) var(--spacing-5)}.email-drawer-header h3{color:var(--gray-900);font-size:var(--font-size-lg);font-weight:700;margin:0}.email-drawer-close{align-items:center;background:var(--gray-100);border:none;border-radius:50%;color:var(--gray-500);cursor:pointer;display:flex;font-size:20px;height:32px;justify-content:center;transition:all var(--transition-fast);width:32px}.email-drawer-close:hover{background:var(--gray-200);color:var(--gray-800)}.email-drawer-body{flex:1 1;overflow-y:auto;padding:var(--spacing-4) var(--spacing-5)}.email-drawer-section{margin-bottom:var(--spacing-6)}.email-drawer-section h4{border-bottom:2px solid var(--primary-500);color:var(--gray-900);display:inline-block;font-size:var(--font-size-sm);font-weight:700;margin:0 0 var(--spacing-3) 0;padding-bottom:var(--spacing-2)}.email-drawer-grid{grid-gap:var(--spacing-3) var(--spacing-4);display:grid;gap:var(--spacing-3) var(--spacing-4);grid-template-columns:1fr 1fr}.email-drawer-row{display:flex;flex-direction:column;gap:4px}.email-drawer-row-full{grid-column:1/-1}.email-drawer-label{color:var(--gray-400);font-size:var(--font-size-xs);font-weight:600;letter-spacing:.04em;text-transform:uppercase}.email-drawer-value{color:var(--gray-700);font-size:var(--font-size-sm);font-weight:500;word-break:break-word}.email-drawer-value code{border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:1px 4px}.email-floating-panel,.email-floating-picker{background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);overflow:hidden;position:fixed;z-index:1200}.email-floating-picker{max-height:calc(100vh - 128px);right:24px;top:96px;width:min(450px,calc(100vw - 32px))}.email-floating-picker .modal-body{max-height:calc(100vh - 210px);overflow-y:auto}.email-floating-panel{bottom:24px;right:24px;width:min(420px,calc(100vw - 32px))}.email-floating-panel .modal-body{max-height:min(420px,calc(100vh - 210px));overflow-y:auto}@media (max-width:1024px){.email-drawer{width:100%}.email-drawer-grid{grid-template-columns:1fr}.email-floating-panel,.email-floating-picker{left:12px;right:12px;width:auto}}.service-master-page{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);min-height:calc(100vh - 64px);padding:24px}.service-master-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.service-master-page .page-header h1{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:24px;font-weight:600;gap:12px}.service-master-page .page-header h1 svg{color:#2563eb;color:var(--primary-color,#2563eb)}.service-master-page .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.service-master-page .stat-card{align-items:center;background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;display:flex;gap:20px;padding:24px;transition:all .2s ease}.service-master-page .stat-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.service-master-page .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.service-master-page .stat-icon.types{background:#eff6ff;color:#3b82f6}.service-master-page .stat-icon.rates{background:#f0fdf4;color:#22c55e}.service-master-page .stat-icon.packages{background:#fefce8;color:#eab308}.service-master-page .stat-icon.warranties{background:#fdf2f8;color:#ec4899}.service-master-page .stat-info h3{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin-bottom:4px}.service-master-page .stat-info .value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700}.service-master-page .tabs-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden}.service-master-page .tabs-header{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;overflow-x:auto;padding:0 24px}.service-master-page .tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s;white-space:nowrap}.service-master-page .tab-btn.active,.service-master-page .tab-btn:hover{color:#2563eb;color:var(--primary-color,#2563eb)}.service-master-page .tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-color,#2563eb)}.service-master-page .tab-content{padding:24px}.service-master-page .action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.service-master-page .search-box{position:relative;width:300px}.service-master-page .search-box svg{color:#94a3b8;color:var(--text-secondary,#94a3b8);height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.service-master-page .search-box input{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;font-size:14px;padding:10px 10px 10px 40px;transition:border-color .2s;width:100%}.service-master-page .search-box input:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.service-master-page .add-btn{align-items:center;background-color:#2563eb;background-color:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.service-master-page .add-btn:hover{background-color:#1d4ed8;background-color:var(--primary-hover,#1d4ed8)}.service-master-page .table-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden;overflow-x:auto}.service-master-page table{border-collapse:collapse;width:100%}.service-master-page th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.service-master-page td{border-bottom:1px solid #f3f4f6;color:#334155;font-size:.875rem;padding:1rem}.service-master-page tr:last-child td{border-bottom:none}.service-master-page tbody tr:hover td{background-color:#f9fafb}.service-master-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.service-master-page .status-badge.active{background-color:#dcfce7;color:#166534}.service-master-page .status-badge.inactive{background-color:#f1f5f9;color:#475569}.service-master-page .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.service-master-page .modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.service-master-page .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.service-master-page .modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600}.service-master-page .close-btn{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;padding:8px;transition:all .2s}.service-master-page .close-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#475569;color:var(--text-primary,#475569)}.service-master-page .modal-body{padding:24px}.service-master-page .form-group{margin-bottom:20px}.service-master-page .form-group label{color:#334155;color:var(--text-primary,#334155);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.service-master-page .form-group input,.service-master-page .form-group select,.service-master-page .form-group textarea{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;font-size:14px;padding:10px 12px;transition:all .2s}.service-master-page .form-group select,.service-master-page .form-group textarea{width:100%}.service-master-page .form-group input:focus,.service-master-page .form-group select:focus,.service-master-page .form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.service-master-page .modal-footer{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.service-master-page .btn-secondary{background-color:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.service-master-page .btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9)}.service-master-page .btn-primary{background-color:#2563eb;background-color:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.service-master-page .btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover,#1d4ed8)}.service-master-page .cell-desc{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:400;margin-top:2px}.service-master-page .pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.service-master-page .btn-page{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.service-master-page .btn-page:hover:not(:disabled){border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.service-master-page .btn-page.active{background:#2563eb;background:var(--primary-color,#2563eb);border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#fff}.service-master-page .btn-page:disabled{cursor:not-allowed;opacity:.5}.service-master-page .page-numbers{display:flex;gap:.25rem}.service-master-page .mobile-cards-view{display:none}.service-master-page .mobile-cards{display:flex;flex-direction:column;gap:12px}.service-master-page .data-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:16px;transition:all .2s ease}.service-master-page .data-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.service-master-page .card-field{display:flex;flex-wrap:wrap;font-size:14px;gap:4px;margin-bottom:6px}.service-master-page .card-field label{color:#64748b;color:var(--text-secondary,#64748b);font-weight:500;min-width:90px}.service-master-page .card-field .status-badge{margin-top:4px}.service-master-page .card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:12px;padding-top:12px}.service-master-page .empty-state{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;padding:32px 16px;text-align:center}.service-master-page .package-service-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.service-master-page .package-service-row input{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:6px;flex:1 1;font-size:13px;padding:8px 10px}.service-master-page .package-service-row input.input-sm{flex:0 0 80px;max-width:80px}.service-master-page .package-service-row .btn-icon{align-items:center;border:none;border-radius:6px;cursor:pointer;display:flex;flex-shrink:0;font-size:14px;height:32px;justify-content:center;width:32px}.service-master-page .package-service-row .btn-icon.danger{background:#fee2e2;color:#ef4444}.service-master-page .package-service-row .btn-icon.danger:hover{background:#fecaca}.service-master-page .btn-small{background:#2563eb;background:var(--primary-color,#2563eb);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;padding:6px 12px}.service-master-page .btn-small:hover{background:#1d4ed8;background:var(--primary-hover,#1d4ed8)}@media (max-width:1024px){.service-master-page .desktop-table{display:none}.service-master-page .mobile-cards-view{display:block}.service-master-page .action-bar{align-items:stretch;flex-direction:column}.service-master-page .search-box{width:100%}.service-master-page .add-btn{justify-content:center}.service-master-page .package-service-row,.service-master-page .pagination{flex-wrap:wrap}}.service-master-page .data-table .filter-row th{background:#00000005;padding:4px 8px}.service-master-page .filter-input{background:#fff;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:4px 8px;width:100%}.service-master-page .filter-input:focus{border-color:var(--primary-600);outline:none}@media (min-width:1025px){.service-master-page .desktop-table{display:block}.service-master-page .mobile-cards-view{display:none}}.sales-master-page{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);min-height:calc(100vh - 64px);padding:24px}.sales-master-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:24px}.sales-master-page .page-header h1{align-items:center;color:#1e293b;color:var(--text-primary,#1e293b);display:flex;font-size:24px;font-weight:600;gap:12px}.sales-master-page .page-header h1 svg{color:#2563eb;color:var(--primary-color,#2563eb)}.sales-master-page .stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:32px}.sales-master-page .stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;display:flex;gap:20px;padding:24px;transition:transform .2s,box-shadow .2s}.sales-master-page .stat-card:hover{box-shadow:0 4px 6px -1px #0000001a;transform:translateY(-2px)}.sales-master-page .stat-icon{align-items:center;border-radius:12px;display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.sales-master-page .stat-icon.payment{background:#eff6ff;color:#3b82f6}.sales-master-page .stat-icon.delivery{background:#f0fdf4;color:#22c55e}.sales-master-page .stat-icon.validity{background:#fefce8;color:#eab308}.sales-master-page .stat-icon.discount{background:#fdf2f8;color:#ec4899}.sales-master-page .stat-icon.order-type{background:#f5f3ff;color:#8b5cf6}.sales-master-page .stat-icon.invoice-type{background:#fff7ed;color:#f97316}.sales-master-page .stat-info h3{color:#64748b;color:var(--text-secondary,#64748b);font-size:14px;margin-bottom:4px}.sales-master-page .stat-info .value{color:#1e293b;color:var(--text-primary,#1e293b);font-size:24px;font-weight:700}.sales-master-page .tabs-container{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000000d;overflow:hidden}.sales-master-page .tabs-header{background:#fff;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;overflow-x:auto;padding:0 24px}.sales-master-page .tab-btn{background:none;border:none;border-bottom:2px solid #0000;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-weight:500;padding:16px 20px;transition:all .2s;white-space:nowrap}.sales-master-page .tab-btn.active,.sales-master-page .tab-btn:hover{color:#2563eb;color:var(--primary-color,#2563eb)}.sales-master-page .tab-btn.active{border-bottom-color:#2563eb;border-bottom-color:var(--primary-color,#2563eb)}.sales-master-page .tab-content{padding:24px}.sales-master-page .action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.sales-master-page .search-box{position:relative;width:300px}.sales-master-page .search-box svg{color:#94a3b8;color:var(--text-secondary,#94a3b8);height:18px;left:12px;position:absolute;top:50%;transform:translateY(-50%);width:18px}.sales-master-page .search-box input{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;font-size:14px;padding:10px 10px 10px 40px;transition:border-color .2s;width:100%}.sales-master-page .search-box input:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.sales-master-page .add-btn{align-items:center;background-color:#2563eb;background-color:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-weight:500;gap:8px;padding:10px 20px;transition:background-color .2s}.sales-master-page .add-btn:hover{background-color:#1d4ed8;background-color:var(--primary-hover,#1d4ed8)}.sales-master-page .table-container{background:#fff;border:1px solid #edf2f7;border-radius:16px;box-shadow:0 1px 3px #0000000a;overflow:hidden;overflow-x:auto}.sales-master-page table{border-collapse:collapse;width:100%}.sales-master-page th{background-color:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:.75rem;font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;text-align:left;text-transform:uppercase}.sales-master-page td{border-bottom:1px solid #f3f4f6;color:#334155;font-size:.875rem;padding:1rem}.sales-master-page tr:last-child td{border-bottom:none}.sales-master-page tbody tr:hover td{background-color:#f9fafb}.sales-master-page .status-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12px;font-weight:500;padding:4px 10px}.sales-master-page .status-badge.active{background-color:#dcfce7;color:#166534}.sales-master-page .status-badge.inactive{background-color:#f1f5f9;color:#475569}.sales-master-page .cell-desc{color:#666;color:var(--text-secondary,#666);font-size:12px;font-weight:400;margin-top:2px}.sales-master-page .pagination{align-items:center;display:flex;gap:.5rem;justify-content:center;margin-top:1.5rem}.sales-master-page .btn-page{background:#fff;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;font-size:.9rem;padding:.5rem 1rem;transition:all .2s}.sales-master-page .btn-page:hover:not(:disabled){border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#2563eb;color:var(--primary-color,#2563eb)}.sales-master-page .btn-page.active{background:#2563eb;background:var(--primary-color,#2563eb);border-color:#2563eb;border-color:var(--primary-color,#2563eb);color:#fff}.sales-master-page .btn-page:disabled{cursor:not-allowed;opacity:.5}.sales-master-page .page-numbers{display:flex;gap:.25rem}.sales-master-page .mobile-cards-view{display:none}.sales-master-page .mobile-cards{display:flex;flex-direction:column;gap:12px}.sales-master-page .data-card{background:#fff;border:1px solid #edf2f7;border-radius:14px;box-shadow:0 1px 3px #0000000a;cursor:pointer;padding:16px;transition:all .2s ease}.sales-master-page .data-card:hover{border-color:#dbeafe;box-shadow:0 6px 16px #0f172a14;transform:translateY(-2px)}.sales-master-page .card-field{display:flex;flex-wrap:wrap;font-size:14px;gap:4px;margin-bottom:6px}.sales-master-page .card-field label{color:#64748b;color:var(--text-secondary,#64748b);font-weight:500;min-width:90px}.sales-master-page .card-actions{border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);margin-top:12px;padding-top:12px}.sales-master-page .empty-state{color:#94a3b8;color:var(--text-secondary,#94a3b8);font-size:14px;padding:32px 16px;text-align:center}.sales-master-page .modal-overlay{align-items:center;animation:fadeIn .2s ease-out;background-color:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.sales-master-page .modal-content{animation:slideUp .3s ease-out;background:#fff;border-radius:12px;box-shadow:0 20px 25px -5px #0000001a;max-height:90vh;max-width:600px;overflow-y:auto;width:100%}.sales-master-page .modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);display:flex;justify-content:space-between;padding:20px 24px}.sales-master-page .modal-header h2{color:#1e293b;color:var(--text-primary,#1e293b);font-size:18px;font-weight:600}.sales-master-page .close-btn{background:none;border:none;border-radius:6px;color:#94a3b8;color:var(--text-secondary,#94a3b8);cursor:pointer;padding:8px;transition:all .2s}.sales-master-page .close-btn:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9);color:#475569;color:var(--text-primary,#475569)}.sales-master-page .modal-body{padding:24px}.sales-master-page .form-group{margin-bottom:20px}.sales-master-page .form-group label{color:#334155;color:var(--text-primary,#334155);display:block;font-size:14px;font-weight:500;margin-bottom:8px}.sales-master-page .form-group input,.sales-master-page .form-group select,.sales-master-page .form-group textarea{border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;box-sizing:border-box;font-size:14px;padding:10px 12px;transition:all .2s;width:100%}.sales-master-page .form-group input:focus,.sales-master-page .form-group select:focus,.sales-master-page .form-group textarea:focus{border-color:#2563eb;border-color:var(--primary-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a;outline:none}.sales-master-page .modal-footer{background-color:#f8fafc;background-color:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);display:flex;gap:12px;justify-content:flex-end;padding:20px 24px}.sales-master-page .btn-secondary{background-color:#fff;border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.sales-master-page .btn-secondary:hover{background-color:#f1f5f9;background-color:var(--bg-hover,#f1f5f9)}.sales-master-page .btn-primary{background-color:#2563eb;background-color:var(--primary-color,#2563eb);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.sales-master-page .btn-primary:hover{background-color:#1d4ed8;background-color:var(--primary-hover,#1d4ed8)}.sales-master-page .btn-primary:disabled,.sales-master-page .btn-secondary:disabled{cursor:not-allowed;opacity:.6}.sales-master-page .grid-cols-2{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.sales-master-page .desktop-table{display:none}.sales-master-page .mobile-cards-view{display:block}.sales-master-page .action-bar{align-items:stretch;flex-direction:column}.sales-master-page .search-box{width:100%}.sales-master-page .add-btn{justify-content:center}.sales-master-page .pagination{flex-wrap:wrap}.sales-master-page .grid-cols-2{grid-template-columns:1fr}}.sales-master-page .data-table .filter-row th{background:#00000005;padding:4px 8px}.sales-master-page .filter-input{background:#fff;border:1px solid var(--border-color);border-radius:6px;box-sizing:border-box;font-size:.8rem;padding:4px 8px;width:100%}.sales-master-page .filter-input:focus{border-color:var(--primary-600);outline:none}@media (min-width:1025px){.sales-master-page .desktop-table{display:block}.sales-master-page .mobile-cards-view{display:none}}.profile-container{animation:fadeIn .5s ease-out}.profile-grid{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:300px 1fr}.profile-sidebar-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);height:-webkit-fit-content;height:fit-content;padding:var(--spacing-8);text-align:center}.profile-avatar-wrapper{height:120px;margin:0 auto var(--spacing-4);position:relative;width:120px}.profile-avatar-large{align-items:center;background:var(--primary-50);border:4px solid #fff;border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg);color:var(--primary-600);display:flex;font-size:3rem;font-weight:700;height:100%;justify-content:center;overflow:hidden;width:100%}.profile-avatar-large img{border-radius:inherit;height:100%;object-fit:cover;width:100%}.avatar-edit-btn{align-items:center;background:#fff;border:1px solid var(--gray-200);border-radius:var(--radius-lg);bottom:-10px;box-shadow:var(--shadow-md);cursor:pointer;display:flex;height:36px;justify-content:center;position:absolute;right:-10px;transition:all var(--transition-fast);width:36px}.avatar-edit-btn:hover{border-color:var(--primary-200);color:var(--primary-600);transform:scale(1.1)}.profile-user-name{color:var(--gray-800);font-size:var(--font-size-xl);font-weight:700;margin-bottom:var(--spacing-1)}.profile-user-role{color:var(--primary-600);font-size:var(--font-size-sm);font-weight:600;margin-bottom:var(--spacing-6)}.profile-stats-mini{border-top:1px solid var(--gray-50);display:flex;flex-direction:column;gap:var(--spacing-3);padding-top:var(--spacing-6)}.mini-stat-item{display:flex;font-size:var(--font-size-xs);justify-content:space-between}.mini-stat-label{color:var(--gray-400)}.mini-stat-value{color:var(--gray-700);font-weight:600}.profile-main-card{background:#fff;border:1px solid var(--gray-100);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);overflow:hidden}.profile-tabs-nav{background:var(--gray-50);border-bottom:1px solid var(--gray-100);display:flex}.profile-tab-btn{align-items:center;background:#0000;border:none;color:var(--gray-500);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:600;gap:var(--spacing-2);padding:var(--spacing-4) var(--spacing-6);position:relative;transition:all var(--transition-normal)}.profile-tab-btn.active,.profile-tab-btn:hover{color:var(--primary-600)}.profile-tab-btn.active{background:#fff}.profile-tab-btn.active:after{background:var(--primary-500);bottom:0;content:"";height:3px;left:0;position:absolute;right:0}.profile-tab-content{animation:fadeIn .3s ease-out;padding:var(--spacing-8)}.profile-form{grid-gap:var(--spacing-6);display:grid;gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}.col-span-full,.section-title{grid-column:1/-1}.section-title{border-left:4px solid var(--primary-500);color:var(--gray-800);font-size:var(--font-size-sm);font-weight:700;margin-bottom:var(--spacing-2);margin-top:var(--spacing-4);padding-left:var(--spacing-3)}.profile-bio-textarea{border:1px solid var(--gray-200);border-radius:var(--radius-lg);font-family:inherit;font-size:var(--font-size-sm);min-height:100px;padding:var(--spacing-3);resize:vertical;transition:all var(--transition-fast);width:100%}.profile-bio-textarea:focus{border-color:var(--primary-400);box-shadow:0 0 0 3px #1e8de61a;outline:none}@media (max-width:1024px){.profile-grid{grid-template-columns:1fr}}@media (max-width:640px){.profile-form{grid-template-columns:1fr}}.uploader-card{margin:0 auto;max-width:920px}.uploader-hero{align-items:center;background:linear-gradient(135deg,#0f3d67,#2563eb);border-radius:18px;box-shadow:0 16px 40px #0f3d672e;color:#fff;display:flex;gap:1rem;justify-content:space-between;margin:0 auto 1rem;max-width:920px;padding:1.5rem}.uploader-hero h3{font-size:clamp(1.2rem,2vw,1.65rem);margin:.25rem 0}.uploader-hero p{margin:0;opacity:.85}.uploader-kicker{font-size:.72rem;font-weight:700;letter-spacing:.12em;opacity:.75;text-transform:uppercase}.uploader-format-badge{background:#ffffff1a;border:1px solid #ffffff4d;border-radius:12px;flex:0 0 auto;font-weight:700;padding:.8rem 1rem;text-align:center}.uploader-format-badge small{font-weight:400;opacity:.8}.page-header .uploader-back-button{align-items:center;background:#fff!important;border:1px solid #cbd5e1!important;border-radius:10px!important;box-shadow:0 2px 6px #0f172a0f;color:#334155!important;cursor:pointer;display:inline-flex!important;font-size:.9rem;font-weight:700;gap:.5rem;height:42px;justify-content:center;min-width:104px;padding:0 1rem!important;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.page-header .uploader-back-button span{font-size:1.2rem;line-height:1}.page-header .uploader-back-button:hover{border-color:#2563eb!important;box-shadow:0 5px 14px #2563eb29;color:#1d4ed8!important;transform:translateY(-1px)}.upload-instruction{color:var(--text-secondary);font-size:.95rem;line-height:1.6;margin-bottom:1.5rem}.dropzone-container{align-items:center;background-color:var(--bg-main);border:2px dashed var(--border-color);border-radius:var(--border-radius-lg);display:flex;flex-direction:column;justify-content:center;min-height:300px;padding:3rem 2rem;text-align:center;transition:all .3s ease}.dropzone-container.drag-active{background-color:#2563eb0d;border-color:var(--primary-color);transform:scale(1.01)}.dropzone-container.has-file{border-style:solid;padding:2rem}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.upload-icon{color:var(--primary-color);height:64px;margin-bottom:.5rem;opacity:.8;width:64px}.dropzone-content h3{color:var(--text-main);font-size:1.25rem;margin:0}.file-input-hidden{display:none}.browse-btn{align-items:center;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:11px;box-shadow:0 8px 18px #2563eb40;color:#fff;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:700;gap:.55rem;justify-content:center;letter-spacing:.01em;margin-top:.5rem;min-height:48px;min-width:172px;padding:0 1.25rem;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.browse-btn:hover{box-shadow:0 12px 24px #2563eb52;filter:brightness(1.05);transform:translateY(-2px)}.browse-btn:active{transform:translateY(0)}.browse-btn-icon{align-items:center;border:1px solid #ffffff80;border-radius:7px;display:inline-flex;font-size:1.1rem;height:24px;justify-content:center;line-height:1;width:24px}.upload-limits{color:var(--text-muted);font-size:.85rem;margin-top:1.5rem}.file-preview{display:flex;flex-direction:column;gap:1.5rem;max-width:500px;width:100%}.file-info{align-items:center;background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:var(--border-radius-md);box-shadow:var(--shadow-sm);display:flex;gap:1rem;padding:1.25rem}.file-icon{color:var(--success-color);height:40px;width:40px}.file-details{flex:1 1;text-align:left}.file-details h4{color:var(--text-main);font-size:1rem;margin:0 0 .25rem;word-break:break-all}.file-details p{color:var(--text-secondary);font-size:.85rem;margin:0}.remove-btn{background:none;border:none;color:var(--danger-color)}.remove-btn:hover{background-color:#ef44441a}.upload-btn{align-items:center;display:flex;font-size:1rem;gap:.5rem;justify-content:center;padding:.875rem;width:100%}.spinner-small{animation:spin 1s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@media (max-width:700px){.uploader-hero{align-items:flex-start}.dropzone-container{min-height:250px;padding:2rem 1rem}}.server-management,.server-management-page{background:#f8fafc;min-height:100vh;padding:30px}.sm-page-header{align-items:center;display:flex;gap:16px;justify-content:space-between;margin-bottom:20px}.sm-page-header h1{color:#0f172a;font-size:28px;margin:0}.sm-page-header p,.sm-panel-header p{color:#64748b;margin:4px 0 0}.sm-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.sm-list button,.sm-role-list button,.sm-tabs button{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;font-weight:600;padding:10px 14px;transition:all .2s ease}.sm-list button.active,.sm-list button:hover,.sm-role-list button.active,.sm-role-list button:hover,.sm-tabs button.active,.sm-tabs button:hover{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.sm-access-denied,.sm-note,.sm-panel,.sm-stat{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d}.sm-panel{padding:22px}.sm-panel-header{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:18px}.sm-panel-header h2{color:#0f172a;font-size:20px;margin:0}.sm-actions{display:flex;flex-wrap:wrap;gap:10px}.sm-page-group{margin-bottom:22px}.sm-page-group h3{color:#334155;font-size:15px;margin:0 0 10px}.sm-page-row{grid-gap:12px;align-items:center;border:1px solid #eef2f7;border-radius:10px;display:grid;gap:12px;grid-template-columns:38px minmax(220px,1fr) 160px 60px;margin-bottom:8px;padding:12px}.sm-page-icon{align-items:center;background:#eff6ff;border-radius:9px;color:#2563eb;display:flex;height:34px;justify-content:center;width:34px}.sm-page-main,.sm-permission-row>div:first-child,.sm-role-list button{display:flex;flex-direction:column}.sm-asset-card span,.sm-page-main span,.sm-permission-row span,.sm-role-list span{color:#64748b;font-size:12px}.sm-toggle{background:#cbd5e1;border:none;border-radius:999px;cursor:pointer;height:26px;padding:3px;transition:background .2s ease;width:48px}.sm-toggle span{background:#fff;border-radius:50%;box-shadow:0 1px 2px #0f172a33;display:block;height:20px;transition:transform .2s ease;width:20px}.sm-toggle.active{background:#2563eb}.sm-toggle.active span{transform:translateX(22px)}.sm-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.sm-table-wrapper{overflow-x:auto}.sm-table{border-collapse:collapse;width:100%}.sm-table td,.sm-table th{border-bottom:1px solid #eef2f7;padding:10px;text-align:left;vertical-align:middle}.sm-table th{background:#f8fafc;color:#475569;font-size:12px;text-transform:uppercase}.sm-form-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));margin-bottom:18px}.sm-form-grid.sm-form-stack{gap:10px;grid-template-columns:1fr}.sm-form-grid.sm-form-stack>label{margin-bottom:0}.sm-form-grid.sm-form-stack>p{margin:0}.sm-checkbox-grid{margin-top:4px}.sm-form-grid label{grid-gap:6px;color:#334155;display:grid;font-size:13px;font-weight:700;gap:6px}.sm-picker-row{grid-template-columns:18px minmax(0,1fr);margin:10px 0 0}.sm-picker-row span{align-items:center;display:flex;justify-content:space-between}.sm-stat{padding:18px}.sm-stat span{color:#64748b;display:block;font-size:13px;margin-bottom:6px}.sm-stat strong{color:#0f172a;font-size:24px}.sm-note{color:#475569;grid-column:1/-1;padding:18px}.sm-asset-grid,.sm-assets-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}.sm-asset-card{border:1px solid #e2e8f0;border-radius:12px;display:flex;flex-direction:column;gap:8px;overflow:hidden;padding:12px;position:relative}.sm-asset-actions{display:flex;gap:6px;opacity:0;position:absolute;right:10px;top:10px;transform:translateY(-4px);transition:opacity .16s ease,transform .16s ease;z-index:2}.sm-asset-card:focus-within .sm-asset-actions,.sm-asset-card:hover .sm-asset-actions{opacity:1;transform:translateY(0)}.sm-asset-card img{background:#f8fafc;border-radius:8px;height:130px;object-fit:contain;width:100%}.sm-placement-list{grid-gap:8px;display:grid;gap:8px;margin-top:6px}.sm-inline-toggle,.sm-placement-list label{align-items:center;display:flex;gap:10px;justify-content:space-between}.sm-list{grid-gap:8px;display:grid;gap:8px}.sm-list button{display:flex;gap:10px;justify-content:space-between;text-align:left}.sm-list small{color:#64748b}.sm-permission-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.sm-permission-grid .sm-permission-row{align-items:center;border:1px solid #eef2f7;border-radius:8px;cursor:pointer;display:flex;gap:16px;justify-content:space-between;padding:12px 14px}.sm-permission-grid .sm-permission-row span{flex:1 1 auto;min-width:0;overflow-wrap:anywhere}.sm-permission-grid .sm-permission-row input[type=checkbox]{flex:0 0 auto;margin:0}.sm-icon-picker{min-width:170px}.sm-icon-trigger{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:6px 10px;width:100%}.sm-icon-input{border:none;min-width:0;padding:4px 0}.sm-icon-input:focus{box-shadow:none;outline:none}.sm-icon-warning{color:#dc2626;display:block;font-size:11px;margin-top:4px}.sm-icon-grid{grid-gap:4px;display:grid;gap:4px}.sm-icon-grid button{background:none;border:none;cursor:pointer;width:100%}.sm-icon-grid button:hover{background:#eff6ff;color:#2563eb}.sm-upload-btn{width:-webkit-fit-content;width:fit-content}.sm-permission-actions{margin-bottom:12px}.sm-info-panel{background:#eff6ff;border:1px solid #bfdbfe;border-radius:12px;color:#1e3a8a;padding:18px}.sm-info-panel h3{color:#1e40af;margin:0 0 8px}.sm-info-panel p{margin:4px 0}.sm-modal-backdrop{align-items:center;background:#0f172a6b;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.sm-modal{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 20px 45px #0f172a38;max-height:calc(100vh - 40px);overflow-y:auto;padding:0;width:min(760px,100%)}.sm-page-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:20px;justify-content:space-between;padding:20px 24px}.sm-page-modal-header h2{color:#0f172a;font-size:18px;margin:0 0 4px}.sm-page-modal-header p{color:#64748b;font-size:13px;line-height:1.45;margin:0}.sm-page-modal-body{padding:22px 24px 6px}.sm-page-modal-grid{grid-gap:16px 18px;display:grid;gap:16px 18px;grid-template-columns:repeat(2,minmax(0,1fr))}.sm-page-modal-grid label{color:#334155;display:flex;flex-direction:column;font-size:13px;font-weight:700;gap:7px;min-width:0}.sm-page-modal-grid .form-input{box-sizing:border-box;min-height:40px;width:100%}.sm-page-modal-grid .sm-inline-toggle{align-items:center;flex-direction:row;gap:10px;padding-top:25px}.sm-page-modal-actions{align-items:center;background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px}@media (max-width:640px){.sm-page-modal-header{padding:16px}.sm-page-modal-body{padding:18px 16px 4px}.sm-page-modal-grid{gap:14px;grid-template-columns:1fr}.sm-page-modal-grid .sm-inline-toggle{padding-top:0}.sm-page-modal-actions{padding:14px 16px 16px}}.sm-modal-header{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;border-radius:16px 16px 0 0;display:flex;justify-content:space-between;padding:18px 22px}.sm-modal-header h3{color:#0f172a;font-size:16px;font-weight:600;margin:0}.sm-modal-close{background:none;border:none;border-radius:6px;color:#94a3b8;cursor:pointer;font-size:22px;line-height:1;padding:4px 8px;transition:all .15s}.sm-modal-close:hover{background:#e2e8f0;color:#475569}.sm-modal-body{padding:20px 22px}.sm-modal-body label{grid-gap:6px;color:#334155;display:grid;font-size:13px;font-weight:600;gap:6px}.sm-modal-body .form-input{margin-top:2px}.sm-modal-body p{color:#475569;font-size:14px;line-height:1.5;margin:0}.sm-modal-actions{background:#f8fafc;border-radius:0 0 16px 16px;border-top:1px solid #e2e8f0;display:flex;gap:10px;justify-content:flex-end;padding:16px 22px}.sm-roles-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:260px 1fr}.sm-role-list{grid-gap:8px;display:grid;gap:8px;position:-webkit-sticky;position:sticky;top:86px}.sm-role-list button{text-align:left}.sm-role-form{grid-gap:12px;align-items:center;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:18px}.sm-role-form input{background:#fff;border:1px solid #cbd5e1;border-radius:8px;padding:10px 12px}.sm-permission-table{border:1px solid #e2e8f0;border-radius:12px;overflow:hidden}.sm-permission-head,.sm-permission-row{grid-gap:10px;align-items:center;display:grid;gap:10px;grid-template-columns:minmax(240px,1fr) repeat(4,86px);padding:12px}.sm-permission-head{background:#f8fafc;color:#475569;font-size:12px;font-weight:800;text-transform:uppercase}.sm-permission-row{border-top:1px solid #eef2f7}.sm-role-usage{display:flex;flex-direction:column;gap:16px}.sm-access-denied,.sm-empty{color:#64748b;padding:24px}@media (max-width:900px){.server-management-page{padding:16px}.sm-picker-dropdown{background:#fff;border:1px solid #cbd5e1;border-radius:10px;box-shadow:0 12px 28px #0f172a29;margin-top:8px;max-width:min(360px,calc(100vw - 32px));min-width:260px;padding:12px;position:absolute;z-index:30}.sm-picker-wrapper{display:inline-block;position:relative}.sm-picker-dropdown .form-input{margin-bottom:10px}.sm-picker-list{display:flex;flex-direction:column;gap:6px;max-height:260px;overflow-y:auto}.sm-picker-row{grid-gap:10px;align-items:flex-start;border-radius:8px;cursor:pointer;display:grid;gap:10px;grid-template-columns:18px minmax(0,1fr);padding:10px 8px;transition:background .15s ease}.sm-picker-row:hover{background:#f8fafc}.sm-picker-row input[type=checkbox]{margin-top:2px}.sm-picker-row small,.sm-picker-row span{grid-column:2}.sm-picker-row span{color:#1f2937;font-weight:600;line-height:1.25}.sm-picker-row small{color:#64748b;line-height:1.25}.sm-page-row,.sm-roles-layout{grid-template-columns:1fr}.sm-permission-head,.sm-permission-row{grid-template-columns:minmax(160px,1fr) repeat(4,58px)}}.sm-cards-mobile{display:none;flex-direction:column;gap:12px}.sm-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:12px}.sm-card-row{border-bottom:1px solid #f0f0f0;gap:8px;justify-content:space-between;margin-bottom:8px;padding-bottom:8px}.sm-card-row,.sm-card-toggle{align-items:center;display:flex}.sm-card-toggle{color:#495057;cursor:pointer;font-size:13px;font-weight:600;gap:6px}.sm-card-sort{color:#6c757d;font-size:12px}.sm-card-field{margin-bottom:8px}.sm-card-label{color:#6c757d;display:block;font-size:11px;font-weight:600;letter-spacing:.3px;margin-bottom:4px;text-transform:uppercase}.sm-card-field .form-input{width:100%}.sm-source-panel{margin-bottom:24px}.sm-inline-options{align-items:center;display:flex;flex-wrap:wrap;gap:12px 20px}.sm-inline-options label{align-items:center;color:#334155;cursor:pointer;display:inline-flex;font-size:14px;gap:8px}.sm-readonly{opacity:.82}.sm-info-panel.compact{margin-top:12px;padding:10px 12px}@media (max-width:768px){.sm-table-desktop{display:none}.sm-cards-mobile{display:flex}}.sm-role-job-list{grid-gap:12px;display:grid;gap:12px;margin-top:18px}.sm-role-job-card{background:#fff;border:1px solid #e2e8f0;border:1px solid var(--border-light,#e2e8f0);border-radius:8px;padding:16px}.sm-role-job-card:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f61a}.sm-role-job-heading{align-items:center;display:flex;justify-content:space-between;margin-bottom:14px}.sm-role-job-heading>div{display:flex;flex-direction:column}.sm-role-job-heading span{color:#64748b;font-size:12px}.sm-own-data{background:#ecfdf5;border-radius:4px;color:#047857!important;padding:4px 7px}.sm-role-job-actions{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.sm-role-job-actions label,.sm-scope-options label{align-items:center;border:1px solid #dbe2ea;border-radius:5px;display:flex;font-size:12px;gap:6px;padding:7px 9px}.sm-role-job-scope>label{color:#475569;display:block;font-size:12px;font-weight:600;margin-bottom:5px}.sm-role-job-scope>select{border:1px solid #cbd5e1;border-radius:5px;padding:8px;width:min(360px,100%)}.sm-scope-options{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));margin-top:9px;max-height:210px;overflow-y:auto}.sm-sidebar-appearance{border-top:1px solid #e2e8f0;margin-top:24px;padding-top:24px}.sm-section-heading{display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.sm-section-heading h3{color:#0f172a;margin:0 0 4px}.sm-section-heading p{color:#64748b;font-size:13px;margin:0}.sm-color-input{cursor:pointer;min-height:44px;padding:5px!important}.sm-gradient-presets{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.sm-gradient-presets button{border:2px solid #fff;border-radius:9px;box-shadow:0 0 0 1px #cbd5e1;color:#fff;cursor:pointer;font-weight:700;min-width:112px;padding:12px;text-shadow:0 1px 3px #0009}.sm-gradient-presets button:hover{box-shadow:0 4px 12px #0f172a2e;transform:translateY(-1px)}.sm-sidebar-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end;margin-top:20px}@media (max-width:640px){.sm-sidebar-actions>*{justify-content:center;width:100%}}.logs-page{margin:0 auto;max-width:1400px;padding:24px}.logs-page .page-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:20px}.logs-page .page-header h1{color:#1e3a5f;font-size:24px;font-weight:600;margin:0}.page-header-actions{display:flex;gap:8px}.log-tabs{border-bottom:2px solid #e9ecef;display:flex;gap:4px;margin-bottom:20px;padding-bottom:0}.log-tab{background:#0000;border:none;border-bottom:2px solid #0000;color:#6c757d;cursor:pointer;font-size:14px;font-weight:500;margin-bottom:-2px;padding:10px 24px;transition:all .2s}.log-tab:hover{color:#1e3a5f}.log-tab.active{border-bottom-color:#1e3a5f;color:#1e3a5f;font-weight:600}.log-stats-cards{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));margin-bottom:20px}.log-stat-card{background:#fff;border:1px solid #e9ecef;border-left:4px solid #1e3a5f;border-radius:8px;box-shadow:0 1px 3px #0000000f;padding:16px}.log-stat-value{color:#1e3a5f;font-size:28px;font-weight:700;line-height:1.2}.log-stat-label{color:#6c757d;font-size:12px;letter-spacing:.5px;margin-top:4px;text-transform:uppercase}.log-filters{background:#fff;border:1px solid #e9ecef;border-radius:8px;margin-bottom:20px;padding:16px}.log-filters-row{align-items:flex-end;display:flex;flex-wrap:wrap;gap:12px}.log-filter-group{display:flex;flex-direction:column;gap:4px;min-width:160px}.log-filter-group label{color:#495057;font-size:12px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.log-filter-group .form-control{background:#fff;border:1px solid #ced4da;border-radius:6px;font-size:13px;padding:8px 12px}.log-filter-group .form-control:focus{border-color:#1e3a5f;box-shadow:0 0 0 2px #1e3a5f1f;outline:none}.log-error-banner{align-items:center;background:#fce4ec;border-radius:8px;color:#c62828;display:flex;justify-content:space-between;margin-bottom:16px;padding:12px 16px}.log-error-banner button{background:#c62828;border:none;border-radius:4px;color:#fff;cursor:pointer;padding:6px 16px}.log-table-wrapper{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000f;overflow-x:auto}.log-table{border-collapse:collapse;font-size:13px;width:100%}.log-table thead{background:#f8f9fa}.log-table th{border-bottom:2px solid #e9ecef;color:#495057;font-size:12px;font-weight:600;letter-spacing:.3px;padding:12px 16px;text-align:left;text-transform:uppercase;white-space:nowrap}.log-table td{border-bottom:1px solid #f0f0f0;padding:10px 16px;vertical-align:middle}.log-row{cursor:pointer;transition:background .15s}.log-row:hover{background:#f8f9ff}.log-cell-timestamp{color:#6c757d;font-size:12px;white-space:nowrap}.log-cell-endpoint{max-width:300px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-cell-duration,.log-cell-endpoint{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px}.log-cell-user{max-width:150px}.log-cell-desc,.log-cell-user{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log-cell-desc{max-width:250px}.log-badge{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px;white-space:nowrap}.log-badge-success{background:#e8f5e9;color:#2e7d32}.log-badge-warning{background:#fff3e0;color:#e65100}.log-badge-danger{background:#fce4ec;color:#c62828}.log-severity-info{background:#e3f2fd;color:#1565c0}.log-severity-info,.log-severity-warning{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.log-severity-warning{background:#fff3e0;color:#e65100}.log-severity-error{background:#fce4ec;color:#c62828}.log-severity-critical,.log-severity-error{border-radius:12px;display:inline-block;font-size:11px;font-weight:600;padding:2px 8px}.log-severity-critical{background:#f3e5f5;color:#6a1b9a}.log-method-badge{border-radius:4px;display:inline-block;font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:11px;font-weight:700;padding:2px 8px}.log-method-badge.method-get{background:#e3f2fd;color:#1565c0}.log-method-badge.method-post{background:#e8f5e9;color:#2e7d32}.log-method-badge.method-put{background:#fff3e0;color:#e65100}.log-method-badge.method-patch{background:#f3e5f5;color:#6a1b9a}.log-method-badge.method-delete{background:#fce4ec;color:#c62828}.log-table-loading{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.log-table-loading .spinner{animation:log-spin .8s linear infinite;border:3px solid #e9ecef;border-radius:50%;border-top-color:#1e3a5f;height:32px;margin-bottom:12px;width:32px}@keyframes log-spin{to{transform:rotate(1turn)}}.log-table-empty{align-items:center;color:#6c757d;display:flex;flex-direction:column;justify-content:center;padding:60px 20px}.log-empty-icon{font-size:48px;margin-bottom:12px;opacity:.5}.log-pagination{align-items:center;display:flex;gap:16px;justify-content:center;margin-top:20px;padding:12px 0}.log-pagination-info{color:#6c757d;font-size:13px}.log-drawer-overlay{background:#00000080;bottom:0;display:flex;justify-content:flex-end;left:0;position:fixed;right:0;top:0;z-index:1000}.log-drawer{background:#fff;box-shadow:-4px 0 24px #0000001f;display:flex;flex-direction:column;height:100vh;max-width:100vw;overflow-y:auto;width:600px}.log-drawer-header{align-items:center;border-bottom:1px solid #e9ecef;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 24px}.log-drawer-header h3{color:#1e3a5f;font-size:18px;margin:0}.log-drawer-close{background:none;border:none;border-radius:4px;color:#6c757d;cursor:pointer;font-size:24px;padding:4px 8px}.log-drawer-close:hover{background:#f0f0f0}.log-drawer-body{flex:1 1;overflow-y:auto;padding:24px}.log-detail-table{border-collapse:collapse;margin-bottom:20px;width:100%}.log-detail-table td{border-bottom:1px solid #f0f0f0;padding:8px 12px;vertical-align:top}.log-detail-label{color:#495057;font-size:13px;font-weight:600;white-space:nowrap;width:140px}.log-detail-value{color:#212529;font-size:13px;word-break:break-all}.log-detail-section{border-top:1px solid #e9ecef;margin-top:20px;padding-top:16px}.log-detail-section h4{color:#1e3a5f;font-size:14px;font-weight:600;margin:0 0 12px}.log-error-section{background:#fff5f5;border:1px solid #fcc;border-radius:6px;margin-top:20px;padding:16px}.json-block{font-family:Cascadia Code,Fira Code,Consolas,monospace;font-size:12px;line-height:1.6}.json-toggle{background:none;border:none;border-radius:3px;color:#1e3a5f;cursor:pointer;font-family:inherit;font-size:12px;font-weight:600;padding:2px 4px}.json-toggle:hover{background:#e9ecef}.json-children{border-left:1px solid #e9ecef;margin-left:4px;padding-left:20px}.json-entry{padding:1px 0}.json-key{color:#881391}.json-string{color:#0b7500}.json-number,.json-primitive{color:#1750eb}.json-null{color:#999}.json-bracket,.json-index{color:#6c757d}.logs-page .modal-overlay{align-items:center;background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1100}.modal{background:#fff;border-radius:12px;box-shadow:0 8px 32px #0003;max-width:90vw;width:440px}.modal-header{padding:20px 24px 0}.modal-header h3{color:#1e3a5f;font-size:18px}.modal-close{background:none;border:none;color:#6c757d;font-size:24px}.modal-body{color:#495057;font-size:14px;padding:16px 24px}.modal-footer{border-top:1px solid #e9ecef;padding:16px 24px}.log-cards-mobile{display:none;flex-direction:column;gap:12px}.log-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;box-shadow:0 1px 3px #0000000f;cursor:pointer;padding:12px;transition:box-shadow .15s}.log-card:hover{box-shadow:0 2px 8px #0000001a}.log-card-header{align-items:center;border-bottom:1px solid #f0f0f0;display:flex;gap:8px;margin-bottom:8px;padding-bottom:8px}.log-card-actions{display:flex;gap:4px;margin-left:auto}.log-card-body{display:flex;flex-direction:column;gap:6px}.log-card-row{align-items:baseline;display:flex;font-size:13px;gap:8px;justify-content:space-between}.log-card-label{color:#6c757d;flex-shrink:0;font-size:11px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.log-card-value{color:#212529;max-width:60%;overflow:hidden;text-align:right;text-overflow:ellipsis;white-space:nowrap}@media (max-width:768px){.logs-page{padding:12px}.log-filters-row{flex-direction:column}.log-filter-group{min-width:100%}.log-stats-cards{grid-template-columns:repeat(2,1fr)}.log-drawer{width:100vw}.log-table-desktop{display:none}.log-cards-mobile{display:flex}}.pdf-management-page{color:#172033;margin:0 auto;max-width:1500px;padding:24px}.pdf-page-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:18px}.pdf-page-header h1{font-size:24px;margin:0 0 4px}.pdf-page-header p,.pdf-section-title p{color:#64748b;margin:0}.pdf-tabs{border-bottom:1px solid #dbe2ea;display:flex;margin-bottom:20px;overflow-x:auto}.pdf-tabs button{background:none;border:0;border-bottom:2px solid #0000;color:#64748b;cursor:pointer;font-weight:600;padding:12px 18px;white-space:nowrap}.pdf-tabs button.active{border-color:#2563eb;color:#2563eb}.pdf-panel{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.pdf-section-title{border-bottom:1px solid #e2e8f0;padding:18px 20px}.pdf-section-title.row{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between}.pdf-section-title h2{color:#1e293b;font-size:18px;font-weight:700;margin:0 0 3px}.pdf-usage-name{align-items:center;display:flex;gap:12px}.pdf-usage-name div{display:flex;flex-direction:column}.pdf-usage-name span{color:#64748b;font-size:12px;margin-top:3px}.pdf-section-title select,.pdf-usage-row select{border:1px solid #cbd5e1;border-radius:6px;padding:9px;width:min(360px,50%)}.pdf-template-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));padding:18px}.pdf-template-card{border:1px solid #dfe6ee;border-radius:8px;display:flex;justify-content:space-between;min-height:120px;padding:16px}.pdf-template-card h3{font-size:16px;margin:12px 0 5px}.pdf-template-card p{color:#64748b;margin:0}.pdf-status{background:#f1f5f9;border-radius:4px;font-size:11px;font-weight:700;padding:3px 7px;text-transform:uppercase}.pdf-status.active{background:#dcfce7;color:#166534}.pdf-status.draft{background:#fef3c7;color:#92400e}.pdf-status.inactive{background:#f1f5f9;color:#64748b}.pdf-card-actions{display:flex;gap:4px}.pdf-card-actions button,.property-title button{align-items:center;background:#f1f5f9;border:0;border-radius:6px;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .15s;width:32px}.pdf-card-actions button:hover,.property-title button:hover{background:#e2e8f0}.pdf-variable-create{align-items:center;background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;flex-wrap:wrap;gap:10px;padding:14px 20px}.pdf-variable-create input:not([type=file]){background:#fff;border:1px solid #cbd5e1;border-radius:6px;flex:1 1;font-size:13px;min-height:36px;min-width:160px;padding:7px 10px;transition:border-color .15s}.pdf-variable-create input:not([type=file]):focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22;outline:none}.pdf-variable-create label{align-items:center;display:inline-flex;gap:6px}.pdf-variable-create .btn{flex-shrink:0}.pdf-variable-list{display:flex;flex-direction:column;gap:2px;max-height:500px;overflow-y:auto;padding:6px 14px}.pdf-variable-list::-webkit-scrollbar{width:4px}.pdf-variable-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pdf-variable-list:empty:after{color:#94a3b8;content:"No variables yet. Add one above.";display:block;font-size:13px;padding:32px 16px;text-align:center}.pdf-variable-list button{align-items:center;background:none;border:1px solid #0000;border-radius:8px;color:#334155;cursor:pointer;display:flex;font-size:13px;gap:12px;justify-content:space-between;padding:10px 14px;text-align:left;transition:all .12s;width:100%}.pdf-variable-list button:hover{background:#f1f5f9;border-color:#e2e8f0}.pdf-variable-list button:active{background:#e2e8f0}.pdf-variable-list code{background:#eff6ff;border-radius:5px;color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;font-weight:600;padding:3px 8px;white-space:nowrap}.pdf-variable-list span{color:#94a3b8;flex-shrink:0;font-size:12px;margin-left:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-usage-list{display:flex;flex-direction:column}.pdf-usage-row{align-items:center;border-bottom:1px solid #eef2f7;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:16px 20px}.pdf-usage-row:last-child{border-bottom:0}.pdf-usage-row select{background:#fff;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;padding:8px 10px;width:min(360px,50%)}.modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a80;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:100}.modal-content{background:#fff;border-radius:12px;box-shadow:0 20px 60px #0003;display:flex;flex-direction:column;max-height:calc(100dvh - 48px);max-width:480px;overflow:hidden;width:100%}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:16px 20px}.modal-header h3{color:#1e293b;font-size:17px;font-weight:700;margin:0}.modal-close{align-items:center;background:#f1f5f9;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .15s;width:32px}.modal-close:hover{background:#fee2e2;color:#dc2626}.modal-body{gap:12px;overflow-y:auto;padding:20px}.modal-body,.modal-body label{display:flex;flex-direction:column}.modal-body label{color:#475569;font-size:12px;font-weight:600;gap:4px}.modal-body input,.modal-body select,.modal-body textarea{background:#f8fafc;border:1px solid #cbd5e1;border-radius:6px;font-size:13px;padding:8px 10px;transition:border-color .15s;width:100%}.modal-body input:focus,.modal-body select:focus,.modal-body textarea:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22;outline:none}.modal-body textarea{font-family:inherit;min-height:80px;resize:vertical}.modal-footer{background:#f8fafc;border-top:1px solid #e2e8f0;display:flex;gap:8px;justify-content:flex-end;padding:14px 20px}.pdf-editor{background:#f1f5f9;display:grid;grid-template-columns:220px 1fr 310px;grid-template-rows:52px 1fr;height:100vh;height:100dvh;overflow:hidden}.pdf-editor.html-mode{grid-template-columns:220px 1fr}.pdf-editor-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;display:flex;flex-shrink:0;gap:8px;grid-column:1/-1;min-width:0;overflow:visible;padding:0 12px;z-index:20}.pdf-editor-header .icon-btn{align-items:center;background:#f1f5f9;border:0;border-radius:6px;color:#475569;cursor:pointer;display:flex;flex-shrink:0;height:34px;justify-content:center;transition:background .15s;width:34px}.pdf-editor-header .icon-btn:hover{background:#e2e8f0}.pdf-editor-header input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;flex:1 1;font-size:14px;font-weight:600;max-width:260px;min-width:0;padding:6px 10px;transition:border-color .15s}.pdf-editor-header input:focus{border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22;outline:none}.pdf-editor-header select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;flex-shrink:0;font-size:12px;padding:6px 10px}.pdf-mode-toggle{background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;display:inline-flex;flex-shrink:0;gap:2px;padding:2px}.pdf-mode-toggle button{align-items:center;background:none;border:0;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:13px;font-weight:600;gap:6px;padding:6px 12px;transition:background .15s,color .15s,box-shadow .15s}.pdf-mode-toggle button:hover{color:#1e293b}.pdf-mode-toggle button.active{background:#fff;box-shadow:0 1px 3px #0000001f;color:#2563eb}.pdf-codeview-btn.active{background:#dbeafe;color:#2563eb}.pdf-status-field{align-items:center;color:#94a3b8;display:inline-flex;flex-shrink:0;font-size:11px;font-weight:600;gap:6px;letter-spacing:.04em;text-transform:uppercase}.pdf-status-field select{font-weight:500;letter-spacing:0;text-transform:none}.pdf-editor-header .btn-primary{flex-shrink:0;margin-left:auto}.pdf-tools{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;gap:2px;overflow-x:hidden;overflow-y:auto;padding:12px}.pdf-tools::-webkit-scrollbar{width:4px}.pdf-tools::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.pdf-tools h3{color:#94a3b8;font-size:10px;letter-spacing:.08em;margin:14px 0 6px;padding:0 4px;text-transform:uppercase}.pdf-tools h3:first-child{margin-top:0}.pdf-add-element-trigger{align-items:center;background:#2563eb;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin:0 0 4px;padding:9px 12px;transition:background .15s;width:100%}.pdf-add-element-trigger:hover{background:#1d4ed8}.pdf-add-element-trigger span{align-items:center;display:flex;gap:7px}.pdf-add-element-trigger .rotated{transform:rotate(180deg);transition:transform .2s}.pdf-tool-grid{grid-gap:5px;display:grid;gap:5px;grid-template-columns:repeat(3,1fr);margin-bottom:8px}.pdf-tool-grid button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569;cursor:pointer;display:flex;flex-direction:column;font-size:10px;font-weight:500;gap:4px;height:56px;justify-content:center;padding:4px;transition:all .15s}.pdf-tool-grid button:hover{background:#eff6ff;border-color:#2563eb;box-shadow:0 2px 6px #2563eb18;color:#2563eb;transform:translateY(-1px)}.pdf-variable-picker{margin:0;position:relative}.pdf-variable-trigger{align-items:center;background:#0f172a;border:0;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:13px;font-weight:600;justify-content:space-between;margin:0;padding:9px 12px;transition:background .15s;width:100%}.pdf-variable-trigger:hover{background:#1e293b}.pdf-variable-trigger span{align-items:center;display:flex;gap:7px}.pdf-variable-trigger .rotated{transform:rotate(180deg);transition:transform .2s}.pdf-variable-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 12px 32px #00000026;left:0;max-width:calc(100vw - 24px);padding:8px;position:absolute;right:0;top:calc(100% + 4px);width:300px;z-index:30}.pdf-variable-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:6px;padding:0 8px}.pdf-variable-search input{background:#0000;border:0;font:inherit;font-size:13px;height:34px;outline:0;width:100%}.pdf-variable-menu.floating{display:flex;flex-direction:column;overflow:hidden;z-index:1050}.pdf-var-popover-backdrop{background:#0000;inset:0;position:fixed;z-index:1040}.pdf-variable-menu.floating .pdf-variable-results{flex:1 1;max-height:none}.pdf-variable-results{margin-top:6px;max-height:280px;overflow:auto}.pdf-variable-results button{align-items:center;background:#fff;border:0;border-bottom:1px solid #f1f5f9;border-radius:0;cursor:grab;display:flex;font-size:12px;gap:8px;margin:0;padding:8px 10px;text-align:left;transition:background .1s;width:100%}.pdf-variable-results button:hover{background:#f1f5f9}.pdf-variable-results button:last-child{border-bottom:0}.pdf-variable-results code{color:#1d4ed8;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-variable-results small{color:#94a3b8;flex-shrink:0;font-size:10px;margin-left:auto}.pdf-variable-results p{color:#94a3b8;font-size:12px;padding:16px;text-align:center}.pdf-page-list{display:flex;flex-direction:column;gap:4px;margin-bottom:4px}.pdf-page-list button{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;margin:0;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.pdf-page-list button:hover{background:#f1f5f9;border-color:#cbd5e1}.pdf-page-list button.active{background:#eff6ff;border-color:#2563eb;color:#2563eb;font-weight:600}.pdf-tools>.btn,.pdf-tools>button:not(.pdf-add-element-trigger):not(.pdf-variable-trigger):not(.pdf-page-list button){align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:6px;padding:7px 10px;text-align:left;transition:all .15s;width:100%}.pdf-tools>button:not(.pdf-add-element-trigger):not(.pdf-variable-trigger):not(.pdf-page-list button):hover{background:#f1f5f9;border-color:#cbd5e1}.pdf-tools button.danger{border-color:#fecaca;color:#dc2626}.pdf-tools button.danger:hover{background:#fef2f2}.pdf-canvas-area{background:#e2e6ed;display:block;overflow:auto;padding:12px;position:relative}.pdf-canvas-area>*{margin-left:auto;margin-right:auto}.pdf-page-meta{background:#fff;border:1px solid #e2e8f0;border-radius:6px;box-shadow:0 1px 3px #0000000f;color:#64748b;font-size:11px;font-weight:500;margin:0 auto 10px;padding:5px 12px;position:-webkit-sticky;position:sticky;text-align:center;top:0;white-space:nowrap;width:-webkit-fit-content;width:fit-content;z-index:5}.pdf-canvas{background-clip:padding-box;border-radius:2px;box-shadow:0 4px 20px #00000026;flex-shrink:0;margin:0 auto;position:relative}.pdf-element{cursor:move;position:absolute;transition:box-shadow .1s;-webkit-user-select:none;user-select:none}.pdf-element:hover{box-shadow:0 0 0 1px #94a3b844}.pdf-element.selected{box-shadow:0 0 0 2px #2563eb}.pdf-element.rectangle{border:0}.pdf-element.line{background:#0000!important;border:0!important;border-top:1px solid #64748b!important}.pdf-element.image img,.pdf-element.qr img{display:block;height:100%;object-fit:contain;pointer-events:none;width:100%}.pdf-element.link a{color:inherit;display:block;height:100%;pointer-events:none;text-decoration:underline;width:100%}.pdf-image-placeholder{align-items:center;background:#f8fafc;border:1px dashed #94a3b8;color:#94a3b8;display:flex;flex-direction:column;font-size:11px;gap:6px;height:100%;justify-content:center;width:100%}.pdf-properties{background:#fff;border-left:1px solid #e2e8f0;display:flex;flex-direction:column;gap:0;overflow-x:hidden;overflow-y:auto;padding:14px}.pdf-properties::-webkit-scrollbar{width:4px}.pdf-properties::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.property-title{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:8px}.property-title h3{color:#1e293b;font-size:14px;font-weight:700;margin:0;text-transform:capitalize}.property-title div{display:flex;gap:4px}.pdf-properties label{color:#64748b;display:flex;flex-direction:column;font-size:11px;font-weight:600;gap:4px;letter-spacing:.03em;margin-bottom:10px;text-transform:uppercase}.pdf-properties input[type=number],.pdf-properties input[type=text],.pdf-properties select{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#1e293b;font-size:13px;padding:7px 10px;transition:border-color .15s,box-shadow .15s;width:100%}.pdf-properties input[type=number]:focus,.pdf-properties input[type=text]:focus,.pdf-properties select:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb22;outline:none}.pdf-properties input[type=color]{background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;cursor:pointer;height:36px;padding:3px;width:100%}.pdf-properties input[type=file]{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;cursor:pointer;font-size:11px;padding:6px}.pdf-properties input[type=range]{accent-color:#2563eb;margin:4px 0;width:100%}.property-grid{grid-gap:6px 8px;display:grid;gap:6px 8px;grid-template-columns:1fr 1fr;margin-bottom:10px}.property-grid label{font-size:10px;margin-bottom:0}.property-grid input{font-size:12px;padding:6px 8px}.pdf-back-to-list{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;font-weight:500;gap:5px;justify-content:center;margin-bottom:12px;padding:7px 10px;transition:all .15s;width:100%}.pdf-back-to-list:hover{background:#f1f5f9;border-color:#cbd5e1}.pdf-properties>label:has(input[type=file]){background:#f8fafc;border:1px dashed #cbd5e1;border-radius:6px;cursor:pointer;padding:10px;text-align:center;transition:all .15s}.pdf-properties>label:has(input[type=file]):hover{background:#eff6ff;border-color:#2563eb}.pdf-input-wrap{margin-bottom:10px;position:relative}.pdf-input-label{color:#64748b;display:block;font-size:10px;font-weight:600;letter-spacing:.04em;margin-bottom:4px;text-transform:uppercase}.pdf-input-row{align-items:stretch;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;display:flex;gap:0;overflow:hidden;transition:border-color .15s,box-shadow .15s}.pdf-input-row:focus-within{background:#fff;border-color:#2563eb;box-shadow:0 0 0 2px #2563eb18}.pdf-input-row input,.pdf-input-row textarea{background:#0000;border:0;color:#1e293b;flex:1 1;font:inherit;font-size:13px;min-width:0;outline:0;padding:8px 10px;resize:vertical}.pdf-input-row textarea{line-height:1.5;min-height:80px}.pdf-input-row input::placeholder,.pdf-input-row textarea::placeholder{color:#94a3b8}.pdf-var-dropdown{margin-top:4px;position:relative}.pdf-var-dropdown-btn{align-items:center;background:#fff;border:1px dashed #cbd5e1;border-radius:6px;color:#64748b;cursor:pointer;display:inline-flex;font-size:11px;gap:5px;padding:4px 10px;transition:all .15s}.pdf-var-dropdown-btn:hover{background:#eff6ff;border-color:#2563eb;color:#2563eb}.pdf-var-dropdown-menu{background:#fff;border:1px solid #e2e8f0;border-radius:10px;box-shadow:0 8px 28px #00000024;left:0;max-width:290px;min-width:250px;padding:6px;position:absolute;top:calc(100% + 4px);z-index:20}.pdf-var-dropdown-search{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:6px;display:flex;gap:6px;padding:0 8px}.pdf-var-dropdown-search input{background:#0000;border:0;flex:1 1;font:inherit;font-size:12px;height:30px;outline:0}.pdf-var-dropdown-list{margin-top:4px;max-height:180px;overflow-y:auto}.pdf-var-dropdown-list button{align-items:center;background:none;border:0;border-radius:4px;cursor:pointer;display:flex;font-size:12px;gap:8px;justify-content:space-between;padding:6px 8px;text-align:left;transition:background .1s;width:100%}.pdf-var-dropdown-list button:hover{background:#eff6ff}.pdf-var-dropdown-list code{color:#1d4ed8;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px}.pdf-var-dropdown-list small{color:#94a3b8;font-size:10px}.pdf-var-dropdown-empty{color:#94a3b8;font-size:11px;margin:0;padding:12px;text-align:center}.pdf-elements-section{border-top:1px solid #f1f5f9;margin-top:12px;padding-top:10px}.pdf-elements-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:6px}.pdf-elements-header h3{color:#475569;font-size:12px;font-weight:600;margin:0}.pdf-elements-header .btn-sm{align-items:center;background:#2563eb;border:0;border-radius:6px;color:#fff;cursor:pointer;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:4px 10px;transition:background .15s}.pdf-elements-header .btn-sm:hover{background:#1d4ed8}.pdf-elements-empty{background:#f8fafc;border:1px dashed #e2e8f0;border-radius:8px;color:#94a3b8;font-size:11px;margin:0;padding:14px 8px;text-align:center}.pdf-elements-list{display:flex;flex-direction:column;gap:3px;max-height:240px;overflow-y:auto}.pdf-elements-list::-webkit-scrollbar{width:3px}.pdf-elements-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:3px}.pdf-element-item{align-items:center;background:none;border:1px solid #0000;border-radius:6px;color:#475569;cursor:pointer;display:flex;font-size:12px;gap:8px;padding:6px 10px;text-align:left;transition:all .12s;width:100%}.pdf-element-item:hover{background:#f1f5f9;border-color:#e2e8f0}.pdf-element-item.active{background:#eff6ff;border-color:#2563eb;color:#1e40af}.pdf-element-dot{border-radius:50%;flex-shrink:0;height:8px;width:8px}.pdf-element-dot.text{background:#2563eb}.pdf-element-dot.image{background:#7c3aed}.pdf-element-dot.link{background:#059669}.pdf-element-dot.qr{background:#d97706}.pdf-element-dot.rectangle{background:#64748b}.pdf-element-dot.line{background:#dc2626}.pdf-element-label{flex:1 1;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-element-type{color:#94a3b8;flex-shrink:0;font-size:9px;letter-spacing:.03em;text-transform:uppercase}.pdf-css-label{margin-top:6px}.pdf-css-editor{background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;color:#e2e8f0;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.5;min-height:80px;padding:8px 10px;resize:vertical;tab-size:2;white-space:pre}.pdf-css-hint{color:#94a3b8;display:block;font-size:10px;margin-bottom:8px;margin-top:4px}.pdf-css-hint code{background:#f1f5f9;border-radius:3px;font-size:10px;padding:1px 4px}.pdf-html-area{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:1fr 1fr;overflow:auto;padding:12px}.pdf-html-editors{display:flex;flex-direction:column;gap:10px;min-width:0}.pdf-html-editors label{color:#475569;display:flex;flex:1 1;flex-direction:column;font-size:11px;font-weight:700;gap:5px;letter-spacing:.04em;min-height:0;text-transform:uppercase}.pdf-html-editors .pdf-code-editor,.pdf-html-editors textarea{background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;color:#e2e8f0;flex:1 1;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.5;min-height:200px;padding:10px 12px;resize:vertical;tab-size:2;white-space:pre}.pdf-html-editors .pdf-code-editor:focus-within,.pdf-html-editors textarea:focus{outline:2px solid #2563eb;outline-offset:-1px}.pdf-html-preview{display:flex;flex-direction:column;gap:6px;min-width:0}.pdf-html-preview iframe{background:#fff;border:1px solid #e2e8f0;border-radius:8px;flex:1 1;min-height:400px;width:100%}.pdf-editor-loading{align-items:center;background:#f1f5f9;color:#64748b;display:flex;font-size:15px;height:100vh;justify-content:center}.btn{border:1px solid #0000;border-radius:6px;font-size:13px;font-weight:600;gap:6px;padding:7px 14px;transition:all .15s;white-space:nowrap}.btn-primary{background:#2563eb;border-color:#2563eb}.btn-primary:hover{background:#1d4ed8}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#f1f5f9;border-color:#e2e8f0;color:#475569}.btn-secondary:hover{background:#e2e8f0}.pdf-mobile-toggle{align-items:center;background:#2563eb;border:0;border-radius:50%;bottom:16px;box-shadow:0 4px 12px #2563eb66;color:#fff;cursor:pointer;display:none;height:44px;justify-content:center;left:16px;position:fixed;width:44px;z-index:50}@media (max-width:1100px){.pdf-editor{grid-template-columns:180px 1fr 260px}.pdf-tool-grid button{font-size:10px;height:50px}.pdf-variable-menu{width:260px}}@media (max-width:900px){.pdf-editor{grid-template-rows:52px 1fr}.pdf-editor,.pdf-editor.html-mode{grid-template-columns:1fr}.pdf-tools{bottom:0;box-shadow:4px 0 20px #00000026;left:0;position:fixed;top:52px;transform:translateX(-100%);transition:transform .25s ease;width:260px;z-index:40}.pdf-tools.open{transform:translateX(0)}.pdf-properties{bottom:0;box-shadow:-4px 0 20px #00000026;position:fixed;right:0;top:52px;transform:translateX(100%);transition:transform .25s ease;width:300px;z-index:40}.pdf-properties.open{transform:translateX(0)}.pdf-mobile-toggle{display:flex}.pdf-html-area{grid-template-columns:1fr}}@media (max-width:600px){.pdf-editor-header{gap:6px;padding:0 8px}.pdf-editor-header input{font-size:13px;max-width:140px}.pdf-editor-header select{font-size:11px;padding:5px 6px}.pdf-tools{width:240px}.pdf-properties{width:280px}.pdf-html-area{gap:8px;padding:8px}.pdf-canvas-area{padding:8px}.pdf-save-btn{display:inline-flex}}.pdf-code-editor{background:#0f172a;border:1px solid #e2e8f0;border-radius:8px;color:#e2e8f0;min-height:200px;overflow:auto}.pdf-code-editor:focus-within{outline:2px solid #2563eb;outline-offset:-1px}.pdf-code-editor.read-only{background:#1e293b;opacity:.92}.pdf-code-editor.read-only:focus-within{outline:none}.pdf-code-textarea{min-height:200px;outline:none!important}.pdf-code-textarea::placeholder{color:#475569}.pdf-save-btn{flex-shrink:0;margin-left:auto;position:-webkit-sticky;position:sticky;right:0;white-space:nowrap}.pdf-designer-code-panel{border-top:2px solid #e2e8f0;display:flex;flex-direction:column;gap:4px;margin-top:12px;padding-top:10px}.pdf-designer-code-tabs{align-items:center;display:flex;gap:0;padding:0 4px}.pdf-code-tab{border-radius:4px 4px 0 0;color:#64748b;font-size:10px;font-weight:700;letter-spacing:.05em;padding:4px 10px;text-transform:uppercase}.pdf-code-tab.active{background:#f1f5f9;color:#2563eb}.pdf-editor-header .icon-btn.active{background:#dbeafe;color:#2563eb}@media (max-width:600px){.pdf-save-btn{border-radius:999px;bottom:16px;box-shadow:0 4px 16px #2563eb59;padding:12px 20px;position:fixed;right:16px;z-index:999}}@media (max-width:900px){.pdf-html-editors{flex-direction:column}.pdf-code-editor,.pdf-code-editor .pdf-code-textarea,.pdf-html-editors textarea{min-height:160px}}@media (max-width:768px){.pdf-management-page{padding:14px}.pdf-page-header{align-items:flex-start;flex-direction:column}.pdf-page-header h1{font-size:20px}.pdf-tabs{gap:0}.pdf-tabs button{font-size:13px;padding:10px 14px}.pdf-template-grid{grid-template-columns:1fr;padding:12px}.pdf-template-card{min-height:auto}.pdf-variable-create{align-items:stretch;flex-direction:column;padding:12px 16px}.pdf-variable-create input:not([type=file]){min-width:0;width:100%}.pdf-variable-create .btn{justify-content:center;width:100%}.pdf-section-title.row{align-items:flex-start;flex-direction:column}.pdf-section-title.row select{width:100%}.pdf-usage-row{align-items:flex-start;flex-direction:column}.pdf-usage-row select{width:100%}.pdf-variable-list button{padding:8px 10px}.pdf-variable-list code{font-size:12px}.modal-content{margin:8px;max-width:100%}.modal-body{padding:16px}.modal-header{padding:14px 16px}.modal-footer{padding:12px 16px}}.pdf-variable-searchbar{align-items:center;background:#fff;border:1px solid #cbd5e1;border-radius:8px;color:#64748b;display:flex;gap:8px;margin:16px 20px 4px;padding:8px 12px}.pdf-variable-searchbar input{background:#0000;border:0;color:#0f172a;flex:1 1;font-size:13px;outline:none}.pdf-variable-empty{color:#94a3b8;font-size:13px;padding:32px;text-align:center}.pdf-variable-group{padding:8px 20px 4px}.pdf-variable-group-title{align-items:center;color:#64748b;display:flex;font-size:11px;font-weight:700;gap:8px;letter-spacing:.6px;margin:14px 0 8px;text-transform:uppercase}.pdf-variable-group-title span{background:#e2e8f0;border-radius:999px;color:#475569;font-size:10px;letter-spacing:0;padding:1px 8px}.pdf-variable-cards{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(240px,1fr))}.pdf-variable-card{background:#fff;border:1px solid #e2e8f0;border-radius:10px;cursor:pointer;padding:10px 12px;position:relative;transition:border-color .15s,box-shadow .15s,transform .05s}.pdf-variable-card:hover{border-color:#93c5fd;box-shadow:0 4px 14px #2563eb1a}.pdf-variable-card:active{transform:translateY(1px)}.pdf-variable-card.custom{border-left:3px solid #7c3aed}.pdf-variable-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.pdf-variable-card-head code{color:#1d4ed8;font-size:12px;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-variable-card .pdf-copy-icon{color:#cbd5e1;flex-shrink:0}.pdf-variable-card:hover .pdf-copy-icon{color:#64748b}.pdf-variable-card .pdf-copied{color:#16a34a;flex-shrink:0}.pdf-variable-card-label{color:#334155;font-size:12px;margin-top:3px}.pdf-variable-card-sample{color:#059669;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;margin-top:5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-variable-card-sample.blank{color:#cbd5e1;font-style:italic}.pdf-variable-card-delete{align-items:center;background:#fef2f2;border:0;border-radius:6px;color:#dc2626;cursor:pointer;display:none;height:22px;justify-content:center;position:absolute;right:8px;top:8px;width:22px}.pdf-variable-card.custom:hover .pdf-variable-card-delete{display:inline-flex}.pdf-variable-card.custom:hover .pdf-copy-icon{display:none}code[class*=language-],pre[class*=language-]{word-wrap:normal;background:none;color:#ccc;font-family:Consolas,Monaco,Andale Mono,Ubuntu Mono,monospace;font-size:1em;-webkit-hyphens:none;hyphens:none;line-height:1.5;tab-size:4;text-align:left;white-space:pre;word-break:normal;word-spacing:normal}pre[class*=language-]{margin:.5em 0;overflow:auto;padding:1em}:not(pre)>code[class*=language-],pre[class*=language-]{background:#2d2d2d}:not(pre)>code[class*=language-]{border-radius:.3em;padding:.1em;white-space:normal}.token.block-comment,.token.cdata,.token.comment,.token.doctype,.token.prolog{color:#999}.token.punctuation{color:#ccc}.token.attr-name,.token.deleted,.token.namespace,.token.tag{color:#e2777a}.token.function-name{color:#6196cc}.token.boolean,.token.function,.token.number{color:#f08d49}.token.class-name,.token.constant,.token.property,.token.symbol{color:#f8c555}.token.atrule,.token.builtin,.token.important,.token.keyword,.token.selector{color:#cc99cd}.token.attr-value,.token.char,.token.regex,.token.string,.token.variable{color:#7ec699}.token.entity,.token.operator,.token.url{color:#67cdcc}.token.bold,.token.important{font-weight:700}.token.italic{font-style:italic}.token.entity{cursor:help}.token.inserted{color:green}.search-results-page{color:#172033;color:var(--text-primary,#172033);margin:0 auto;max-width:1100px;padding:24px}.search-results-page>header{align-items:center;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.search-results-page>header>div:first-child{grid-column-gap:10px;column-gap:10px;display:grid;grid-template-columns:36px 1fr}.search-results-page h1{color:#172033;color:var(--text-primary,#172033);font-size:24px;margin:0}.search-results-page p{color:#64748b;color:var(--text-secondary,#64748b);grid-column:2;margin:4px 0}.search-duration{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:13px}.search-results-input{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #cbd5e1;border:1px solid var(--border-color,#cbd5e1);border-radius:8px;display:flex;gap:8px;min-width:200px;padding:0 8px 0 10px}.search-results-input:focus-within{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.search-results-input input{background:#0000;border:0;color:#172033;color:var(--text-primary,#172033);flex:1 1;height:40px;min-width:120px;outline:0}.search-results-input button{background:#2563eb;background:var(--accent-color,#2563eb);border:0;border-radius:6px;color:#fff;cursor:pointer;font-size:13px;font-weight:500;padding:7px 14px}.search-results-input button:hover{opacity:.9}.search-results-filters{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:20px}.search-results-filters button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;font-size:13px;padding:6px 12px;text-transform:capitalize;transition:all .12s}.search-results-filters button:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9);border-color:#2563eb;border-color:var(--accent-color,#2563eb);color:#2563eb;color:var(--accent-color,#2563eb)}.search-results-filters button.active{background:#2563eb;background:var(--accent-color,#2563eb);border-color:#2563eb;border-color:var(--accent-color,#2563eb);color:#fff}.filter-count{font-size:11px;margin-left:4px;opacity:.8}.search-results-state{color:#64748b;color:var(--text-secondary,#64748b);padding:80px 20px;text-align:center}.search-results-state h2{color:#172033;color:var(--text-primary,#172033);font-size:20px;margin:16px 0 8px}.search-results-state h3{color:#172033;color:var(--text-primary,#172033);font-size:18px;margin:12px 0 6px}.search-results-state p{color:#64748b;color:var(--text-secondary,#64748b);margin:4px 0}.search-results-state svg{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.search-spinner{animation:searchSpin .8s linear infinite}@keyframes searchSpin{to{transform:rotate(1turn)}}.search-error button{background:#fff;background:var(--bg-primary,#fff);border:1px solid #2563eb;border:1px solid var(--accent-color,#2563eb);border-radius:6px;color:#2563eb;color:var(--accent-color,#2563eb);cursor:pointer;font-size:13px;margin-top:12px;padding:8px 16px}.search-tips{display:inline-block;margin-top:24px;max-width:400px;text-align:left}.search-tips h4{color:#172033;color:var(--text-primary,#172033);font-size:14px;margin-bottom:8px}.search-tips ul{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;line-height:1.8;list-style:disc;padding-left:20px}.search-results-content{display:flex;flex-direction:column;gap:20px}.search-result-group{background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:10px;overflow:hidden}.search-result-group-header{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);cursor:pointer;display:flex;justify-content:space-between;padding:12px 16px;-webkit-user-select:none;user-select:none}.search-group-title{align-items:center;display:flex;gap:8px}.search-group-icon{font-size:18px}.search-group-title h2{color:#172033;color:var(--text-primary,#172033);font-size:16px;font-weight:600;margin:0}.search-group-count{font-size:12px;font-weight:400}.search-group-count,.search-group-toggle{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.search-group-toggle{background:none;border:none;border-radius:4px;cursor:pointer;padding:4px}.search-group-toggle:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0);color:#64748b;color:var(--text-secondary,#64748b)}.search-result-item{align-items:flex-start;border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--border-color,#f1f5f9);cursor:pointer;display:flex;gap:12px;padding:14px 16px;transition:background .1s}.search-result-item:last-child{border-bottom:none}.search-result-item:hover{background:#f8fafc;background:var(--bg-hover,#f8fafc)}.search-result-icon{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:8px;display:flex;flex-shrink:0;font-size:16px;height:36px;justify-content:center;width:36px}.search-result-text{display:flex;flex:1 1;flex-direction:column;gap:3px;min-width:0}.search-result-module-badge{align-self:flex-start;background:#eff6ff;background:var(--bg-accent,#eff6ff);border-radius:4px;display:inline-block;font-size:10px;letter-spacing:.5px;margin-bottom:2px;padding:1px 6px;text-transform:uppercase}.search-result-module-badge,.search-result-title{color:#2563eb;color:var(--accent-color,#2563eb);font-weight:600}.search-result-title{font-size:15px;line-height:1.3}.search-result-title mark{background:#fde68a;border-radius:2px;color:inherit;padding:0 2px}.search-result-subtitle{color:#172033;color:var(--text-primary,#172033);font-size:13px}.search-result-subtitle mark{background:#fde68a;border-radius:2px;padding:0 2px}.search-result-snippet{color:#64748b;color:var(--text-secondary,#64748b);font-size:13px;line-height:1.4;margin:2px 0}.search-result-snippet mark{background:#fde68a;border-radius:2px;color:inherit;padding:0 2px}.search-result-url{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-family:monospace;font-size:11px}.search-result-actions{display:flex;flex-shrink:0;gap:4px;padding-top:4px}.search-result-open-btn{align-items:center;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .1s;width:30px}.search-result-open-btn:hover{background:#2563eb;background:var(--accent-color,#2563eb);border-color:#2563eb;border-color:var(--accent-color,#2563eb);color:#fff}.search-group-show-more{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:none;border-top:1px solid #f1f5f9;border-top:1px solid var(--border-color,#f1f5f9);color:#2563eb;color:var(--accent-color,#2563eb);cursor:pointer;font-size:13px;font-weight:500;padding:10px 16px;width:100%}.search-group-show-more:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.search-results-footer{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:13px;padding:20px;text-align:center}[data-theme=dark] .search-results-page{color:#e2e8f0;color:var(--text-primary,#e2e8f0)}[data-theme=dark] .search-result-group,[data-theme=dark] .search-results-input{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#334155;border-color:var(--border-color,#334155)}[data-theme=dark] .search-result-group-header{background:#1e293b;background:var(--bg-secondary,#1e293b)}[data-theme=dark] .search-result-group-header,[data-theme=dark] .search-result-item{border-color:#334155;border-color:var(--border-color,#334155)}[data-theme=dark] .search-result-item:hover{background:#1e293b;background:var(--bg-hover,#1e293b)}[data-theme=dark] .search-result-snippet mark,[data-theme=dark] .search-result-subtitle mark,[data-theme=dark] .search-result-title mark{background:#854d0e;color:#fef9c3}@media (max-width:700px){.search-results-page{padding:14px}.search-results-page>header{align-items:stretch;flex-direction:column}.search-results-input,.search-results-input input{width:100%}.search-results-state{padding:44px 12px}.search-result-item{flex-wrap:wrap}}.command-palette-overlay{align-items:flex-start;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006;bottom:0;display:flex;justify-content:center;left:0;padding-top:120px;position:fixed;right:0;top:0;z-index:10000}.command-palette{animation:cpFadeIn .12s ease-out;background:#fff;background:var(--bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:12px;box-shadow:0 12px 48px #00000026,0 4px 12px #00000014;display:flex;flex-direction:column;max-height:min(400px,55vh);overflow:hidden;width:min(560px,88vw)}@keyframes cpFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cp-header{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--border-color,#e2e8f0);padding:12px 16px}.cp-input-wrapper{align-items:center;background:#f8fafc;background:var(--bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:8px;display:flex;gap:10px;padding:10px 14px;transition:border-color .15s}.cp-input-wrapper:focus-within{border-color:#2563eb;border-color:var(--accent-color,#2563eb);box-shadow:0 0 0 3px #2563eb1a}.cp-input-wrapper svg:first-child{color:#2563eb;color:var(--accent-color,#2563eb);flex-shrink:0}.cp-input{background:#0000;border:none;color:#1e293b;color:var(--text-primary,#1e293b);flex:1 1;font-family:inherit;font-size:15px;outline:none}.cp-input::placeholder{color:#94a3b8;color:var(--text-tertiary,#94a3b8)}.cp-clear-btn{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:none;border-radius:50%;color:#64748b;color:var(--text-secondary,#64748b);cursor:pointer;display:flex;flex-shrink:0;height:22px;justify-content:center;width:22px}.cp-clear-btn:hover{background:#e2e8f0;background:var(--bg-hover,#e2e8f0)}.cp-body{flex:1 1;overflow-y:auto;padding:6px}.cp-body::-webkit-scrollbar{width:5px}.cp-body::-webkit-scrollbar-thumb{background:#cbd5e1;background:var(--border-color,#cbd5e1);border-radius:3px}.cp-empty{color:#64748b;color:var(--text-secondary,#64748b);flex-direction:column;padding:40px 20px;text-align:center}.cp-empty,.cp-item{align-items:center;display:flex;gap:10px}.cp-item{border-radius:6px;cursor:pointer;padding:8px 12px;transition:background .1s}.cp-item.selected{background:#eff6ff;background:var(--bg-accent,#eff6ff)}.cp-item:hover{background:#f1f5f9;background:var(--bg-hover,#f1f5f9)}.cp-item-icon{align-items:center;background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border-radius:6px;color:#64748b;color:var(--text-secondary,#64748b);display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.cp-item.selected .cp-item-icon{background:#2563eb;background:var(--accent-color,#2563eb);color:#fff}.cp-item-text{display:flex;flex:1 1;flex-direction:column;gap:2px;min-width:0}.cp-item-label{color:#1e293b;color:var(--text-primary,#1e293b);font-size:14px;font-weight:500}.cp-item-url{font-family:monospace}.cp-footer,.cp-item-url{color:#94a3b8;color:var(--text-tertiary,#94a3b8);font-size:11px}.cp-footer{background:#f8fafc;background:var(--bg-secondary,#f8fafc);border-top:1px solid #e2e8f0;border-top:1px solid var(--border-color,#e2e8f0);gap:16px;padding:6px 16px}.cp-footer,.cp-footer span{align-items:center;display:flex}.cp-footer span{gap:4px}.cp-footer kbd{background:#f1f5f9;background:var(--bg-tertiary,#f1f5f9);border:1px solid #e2e8f0;border:1px solid var(--border-color,#e2e8f0);border-radius:3px;color:#64748b;color:var(--text-secondary,#64748b);font-family:inherit;font-size:10px;padding:1px 5px}[data-theme=dark] .command-palette-overlay{background:#0009}[data-theme=dark] .command-palette{background:#1e293b;background:var(--bg-primary,#1e293b);border-color:#334155;border-color:var(--border-color,#334155)}[data-theme=dark] .cp-input-wrapper{background:#1e293b;background:var(--bg-tertiary,#1e293b);border-color:#475569;border-color:var(--border-color,#475569)}[data-theme=dark] .cp-item.selected{background:#1e3a5f;background:var(--bg-accent,#1e3a5f)}[data-theme=dark] .cp-footer{background:#1e293b;background:var(--bg-tertiary,#1e293b)}[data-theme=dark] .cp-footer kbd{background:#334155;background:var(--bg-tertiary,#334155);border-color:#475569;border-color:var(--border-color,#475569)}@media (max-width:768px){.command-palette-overlay{align-items:stretch;padding-top:80px}.command-palette{border-radius:12px;margin:0 auto;max-height:70vh;width:94vw}.cp-input{font-size:14px}.cp-item{padding:10px 12px}.cp-item-label{font-size:13px}.cp-footer{display:none}}:root{--primary-50:#e8f4fd;--primary-100:#c5e4fa;--primary-200:#9dd2f6;--primary-300:#6ebef2;--primary-400:#42a9ed;--primary-500:#1e8de6;--primary-600:#1a73ba;--primary-700:#165a91;--primary-800:#1e3a5f;--primary-900:#0d1f33;--accent-50:#fff4e6;--accent-100:#ffe8cc;--accent-200:#ffd699;--accent-300:#ffc266;--accent-400:#ffad33;--accent-500:#f90;--accent-600:#cc7a00;--success-500:#10b981;--success-100:#d1fae5;--warning-500:#f59e0b;--warning-100:#fef3c7;--error-500:#ef4444;--error-100:#fee2e2;--info-500:#3b82f6;--info-100:#dbeafe;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--spacing-1:0.25rem;--spacing-2:0.5rem;--spacing-3:0.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--radius-sm:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--radius-full:9999px;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;--shadow-lg:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;--shadow-xl:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;--transition-fast:150ms ease;--transition-normal:250ms ease;--transition-slow:350ms ease;--sidebar-width:260px;--header-height:64px;--bg-primary:#fff;--bg-secondary:#fff;--bg-card:#fff;--bg-main:var(--gray-50);--bg-hover:var(--gray-50);--border-color:var(--gray-300);--border-light:var(--gray-200);--text-primary:var(--gray-800);--text-secondary:var(--gray-500);--text-main:var(--gray-800);--text-muted:var(--gray-500);--primary-color:var(--primary-500);--primary-hover:var(--primary-600);--success-color:var(--success-500);--danger-color:var(--error-500);--warning-600:#d97706;--border-radius-lg:var(--radius-xl);--border-radius-md:var(--radius-md)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;background:linear-gradient(135deg,#f9fafb,#f3f4f6);background:linear-gradient(135deg,var(--gray-50) 0,var(--gray-100) 100%);color:#1f2937;color:var(--gray-800);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-family:var(--font-family);font-size:1rem;font-size:var(--font-size-base);line-height:1.6;min-height:100vh}a{color:#1a73ba;color:var(--primary-600);text-decoration:none}a:hover{color:#165a91;color:var(--primary-700)}img{height:auto;max-width:100%}.app-layout{display:flex;min-height:100vh}.main-content{flex:1 1;margin-left:260px;margin-left:var(--sidebar-width);max-width:calc(100vw - 260px);max-width:calc(100vw - var(--sidebar-width));min-height:100vh;overflow-x:hidden;padding:1.5rem;padding:var(--spacing-6);padding-top:calc(64px + 1.5rem);padding-top:calc(var(--header-height) + var(--spacing-6))}.sidebar{background:linear-gradient(180deg,#1e3a5f,#0d1f33);background:linear-gradient(180deg,var(--primary-800) 0,var(--primary-900) 100%);color:#fff;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;width:260px;width:var(--sidebar-width);z-index:100}.sidebar-logo{align-items:center;border-bottom:1px solid #ffffff1a;display:flex;gap:.75rem;gap:var(--spacing-3);padding:1.5rem;padding:var(--spacing-6)}.sidebar-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ffad33,#f90);background:linear-gradient(135deg,var(--accent-400),var(--accent-500));-webkit-background-clip:text;color:#fff;color:var(--sidebar-heading-color,#fff);font-size:1.25rem;font-size:var(--font-size-xl);font-weight:700}.sidebar-nav{padding:1rem;padding:var(--spacing-4)}.nav-section{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.nav-section-title{color:#9ca3af;color:var(--sidebar-text-color,var(--gray-400));font-size:.75rem;font-size:var(--font-size-xs);letter-spacing:.05em;opacity:.75;padding:.5rem .75rem;padding:var(--spacing-2) var(--spacing-3);text-transform:uppercase}.nav-item,.nav-section-title{margin-bottom:.25rem;margin-bottom:var(--spacing-1)}.nav-item{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);color:#d1d5db;color:var(--sidebar-text-color,var(--gray-300));cursor:pointer;display:flex;gap:.75rem;gap:var(--spacing-3);padding:.75rem;padding:var(--spacing-3);transition:all .15s ease;transition:all var(--transition-fast)}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#1e8de6;background:var(--sidebar-active-color,var(--primary-500));box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);color:#fff}.nav-item svg{height:20px;width:20px}.header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffc;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);display:flex;height:64px;height:var(--header-height);justify-content:space-between;left:260px;left:var(--sidebar-width);padding:0 1.5rem;padding:0 var(--spacing-6);position:fixed;right:0;top:0;z-index:50}.header-search-container{flex:1 1;margin-right:2rem;margin-right:var(--spacing-8)}.header-search{align-items:center;background:#f3f4f6;background:var(--gray-100);border:1px solid #0000;border-radius:9999px;border-radius:var(--radius-full);display:flex;gap:.5rem;gap:var(--spacing-2);min-height:44px;padding:0 .5rem 0 1rem;padding:0 var(--spacing-2) 0 var(--spacing-4);transition:all .25s ease;transition:all var(--transition-normal);width:100%}.header-search:focus-within{background:#fff;border-color:#6ebef2;border-color:var(--primary-300);box-shadow:0 0 0 3px #1e8de61a}.header-search input{background:#0000;border:none;box-shadow:none;color:#374151;color:var(--gray-700);font-size:.875rem;font-size:var(--font-size-sm);outline:none;width:100%}.header-search-open{background:#0000;border:0;color:#6b7280;color:var(--gray-500);cursor:pointer;display:grid;flex:0 0 auto;height:22px;padding:0;place-items:center;width:22px}.header-search-submit{background:#1a73ba;background:var(--primary-600);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#fff;cursor:pointer;display:grid;flex:0 0 auto;height:36px;place-items:center;transition:background .15s ease,transform .15s ease;transition:background var(--transition-fast),transform var(--transition-fast);width:36px}.header-search-submit:focus-visible,.header-search-submit:hover{background:#165a91;background:var(--primary-700);transform:translateY(-1px)}.header-search-submit:focus-visible{outline:2px solid #6ebef2;outline:2px solid var(--primary-300);outline-offset:2px}.header-actions{align-items:center;display:flex;gap:1rem;gap:var(--spacing-4)}.header-action-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:9999px;border-radius:var(--radius-full);cursor:pointer;display:flex;height:40px;justify-content:center;position:relative;transition:all .15s ease;transition:all var(--transition-fast);width:40px}.header-action-btn:hover{background:#e5e7eb;background:var(--gray-200)}.user-menu{cursor:pointer;gap:.75rem;gap:var(--spacing-3)}.user-avatar,.user-menu{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#1e8de6,#1a73ba);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));border-radius:9999px;border-radius:var(--radius-full);color:#fff;font-weight:600;height:40px;justify-content:center;width:40px}.card{background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);padding:1.5rem;padding:var(--spacing-6);transition:all .25s ease;transition:all var(--transition-normal)}.card:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;box-shadow:var(--shadow-lg)}.card-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem;margin-bottom:var(--spacing-4)}.card-title{color:#1f2937;color:var(--gray-800);font-size:1.125rem;font-size:var(--font-size-lg);font-weight:600}.stat-card{align-items:center;background:#fff;border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;box-shadow:var(--shadow-md);display:flex;gap:1rem;gap:var(--spacing-4);padding:1.25rem;padding:var(--spacing-5);transition:all .25s ease;transition:all var(--transition-normal)}.stat-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);transform:translateY(-4px)}.stat-icon{align-items:center;border-radius:.5rem;border-radius:var(--radius-lg);display:flex;height:56px;justify-content:center;width:56px}.stat-icon.blue{background:linear-gradient(135deg,#42a9ed,#1a73ba);background:linear-gradient(135deg,var(--primary-400),var(--primary-600))}.stat-icon.green{background:linear-gradient(135deg,#10b981,#059669);background:linear-gradient(135deg,var(--success-500),#059669)}.stat-icon.orange{background:linear-gradient(135deg,#f90,#cc7a00);background:linear-gradient(135deg,var(--accent-500),var(--accent-600))}.stat-icon.purple{background:linear-gradient(135deg,#8b5cf6,#7c3aed)}.stat-icon svg{color:#fff;height:28px;width:28px}.stat-info h3{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.stat-info p{color:#6b7280;color:var(--gray-500)}.btn,.stat-info p{font-size:.875rem;font-size:var(--font-size-sm)}.btn{align-items:center;border:none;border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;display:inline-flex;font-weight:500;gap:.5rem;gap:var(--spacing-2);justify-content:center;padding:.5rem 1rem;padding:var(--spacing-2) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast)}.btn-primary{background:linear-gradient(135deg,#1e8de6,#1a73ba);background:linear-gradient(135deg,var(--primary-500),var(--primary-600));box-shadow:0 4px 14px 0 #1e8de663;color:#fff}.btn-primary:hover{background:linear-gradient(135deg,#1a73ba,#165a91);background:linear-gradient(135deg,var(--primary-600),var(--primary-700));box-shadow:0 6px 20px 0 #1e8de673;transform:translateY(-2px)}.btn-secondary{background:#f3f4f6;background:var(--gray-100);color:#374151;color:var(--gray-700)}.btn-secondary:hover{background:#e5e7eb;background:var(--gray-200)}.btn-success{background:#10b981;background:var(--success-500);color:#fff}.btn-danger{background:#ef4444;background:var(--error-500);color:#fff}.btn-lg{font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1.5rem;padding:var(--spacing-3) var(--spacing-6)}.form-group{margin-bottom:1rem;margin-bottom:var(--spacing-4)}.form-label{color:#374151;color:var(--gray-700);display:block;font-size:.875rem;font-size:var(--font-size-sm);font-weight:500;margin-bottom:.5rem;margin-bottom:var(--spacing-2)}.form-input{border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-lg);font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);transition:all .15s ease;transition:all var(--transition-fast);width:100%}.form-input:focus{border-color:#1e8de6;border-color:var(--primary-500);box-shadow:0 0 0 3px #1e8de626;outline:none}.form-select{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.5rem;border-radius:var(--radius-lg);cursor:pointer;font-size:1rem;font-size:var(--font-size-base);padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);width:100%}.data-table{border-collapse:collapse;width:100%}.data-table th{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200);color:#6b7280;color:var(--gray-500);font-size:.75rem;font-size:var(--font-size-xs);font-weight:600;letter-spacing:.05em;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4);text-align:left;text-transform:uppercase}.data-table td{border-bottom:1px solid #f3f4f6;border-bottom:1px solid var(--gray-100);font-size:.875rem;font-size:var(--font-size-sm);padding:1rem;padding:var(--spacing-4)}.data-table tbody tr{transition:all .15s ease;transition:all var(--transition-fast)}.data-table tbody tr:hover{background:#f9fafb;background:var(--gray-50)}.data-table th.sortable{cursor:pointer;position:relative}.data-table th.sortable .sort-arrow{color:#9ca3af;color:var(--gray-400);display:inline-block;font-size:.85rem;margin-left:.5rem;transition:color .15s ease;transition:color var(--transition-fast)}.data-table th.sortable.sort-asc .sort-arrow:after{color:#1e8de6;color:var(--primary-500);content:"▲"}.data-table th.sortable.sort-desc .sort-arrow:after{color:#1e8de6;color:var(--primary-500);content:"▼"}.data-table th.sortable:not(.sort-asc):not(.sort-desc) .sort-arrow:after{content:"↕"}.table-filter-input{background:#fff;border:1px solid #d1d5db;border:1px solid var(--gray-300);border-radius:.25rem;border-radius:var(--radius-sm);color:#1f2937;color:var(--gray-800);font-size:.875rem;font-size:var(--font-size-sm);padding:.55rem .65rem;width:100%}.table-filter-input:focus{border-color:#1e8de6;border-color:var(--primary-500);box-shadow:0 0 0 3px #1e8de61f;outline:none}.data-table thead tr[data-filter-row] th{background:#f3f4f6;background:var(--gray-100);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--gray-200)}.badge{align-items:center;border-radius:9999px;border-radius:var(--radius-full);display:inline-flex;font-size:.75rem;font-size:var(--font-size-xs);font-weight:500;padding:.25rem .75rem;padding:var(--spacing-1) var(--spacing-3)}.badge-success{background:#d1fae5;background:var(--success-100);color:#065f46}.badge-warning{background:#fef3c7;background:var(--warning-100);color:#92400e}.badge-error{background:#fee2e2;background:var(--error-100);color:#991b1b}.badge-info{background:#dbeafe;background:var(--info-100);color:#1e40af}.badge-gray{background:#f3f4f6;background:var(--gray-100);color:#4b5563;color:var(--gray-600)}.login-page{align-items:center;background:linear-gradient(135deg,#1e3a5f,#0d1f33);background:linear-gradient(135deg,var(--primary-800) 0,var(--primary-900) 100%);display:flex;justify-content:center;min-height:100vh;padding:1rem;padding:var(--spacing-4)}.login-card{background:#fff;border-radius:1rem;border-radius:var(--radius-2xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);max-width:420px;padding:2.5rem;padding:var(--spacing-10);width:100%}.login-logo{margin-bottom:2rem;margin-bottom:var(--spacing-8);text-align:center}.login-logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1a73ba,#1e3a5f);background:linear-gradient(135deg,var(--primary-600),var(--primary-800));-webkit-background-clip:text;font-size:1.875rem;font-size:var(--font-size-3xl);font-weight:700}.login-logo p{color:#6b7280;color:var(--gray-500);font-size:.875rem;font-size:var(--font-size-sm)}.stats-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:2rem;margin-bottom:var(--spacing-8)}.charts-grid,.stats-grid{display:grid;gap:1.5rem;gap:var(--spacing-6)}.charts-grid{grid-gap:1.5rem;grid-gap:var(--spacing-6);grid-template-columns:repeat(2,1fr)}.charts-grid,.page-header{margin-bottom:1.5rem;margin-bottom:var(--spacing-6)}.page-header{align-items:center;display:flex;justify-content:space-between}.page-title{color:#1f2937;color:var(--gray-800);font-size:1.5rem;font-size:var(--font-size-2xl);font-weight:700}.sidebar-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;inset:0;opacity:0;position:fixed;transition:opacity .25s ease,visibility .25s ease;transition:opacity var(--transition-normal),visibility var(--transition-normal);visibility:hidden;z-index:90}.sidebar-overlay.active{opacity:1;visibility:visible}.sidebar-close-btn{background:none;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#fff;cursor:pointer;display:none;margin-left:auto;padding:.5rem;padding:var(--spacing-2);transition:background .15s ease;transition:background var(--transition-fast)}.sidebar-close-btn:hover{background:#ffffff1a}.header-menu-btn{align-items:center;background:none;border:none;border-radius:.375rem;border-radius:var(--radius-md);color:#4b5563;color:var(--gray-600);cursor:pointer;display:none;justify-content:center;margin-right:.75rem;margin-right:var(--spacing-3);min-height:44px;min-width:44px;padding:.5rem;padding:var(--spacing-2);transition:all .15s ease;transition:all var(--transition-fast)}.header-menu-btn:hover{background:#f3f4f6;background:var(--gray-100);color:#1f2937;color:var(--gray-800)}.user-info-desktop{display:block}@media (max-width:1024px){.sidebar{transform:translateX(-100%);transition:transform .25s ease;transition:transform var(--transition-normal);z-index:100}.sidebar.sidebar-open{transform:translateX(0)}.sidebar-close-btn{display:flex}.main-content{margin-left:0;max-width:100vw;padding:1rem;padding:var(--spacing-4);padding-top:calc(64px + 1rem);padding-top:calc(var(--header-height) + var(--spacing-4))}.header{left:0}.header-menu-btn{display:flex}.charts-grid{grid-template-columns:1fr}.data-table-wrapper{-webkit-overflow-scrolling:touch;overflow-x:auto}.data-table{min-width:600px}.card{padding:1rem;padding:var(--spacing-4)}.modal-content{margin:1rem;margin:var(--spacing-4);max-height:calc(100vh - 2rem);max-height:calc(100vh - var(--spacing-8));max-width:95%;width:95%}.modal-body{max-height:calc(100vh - 280px)}}@media (max-width:768px){:root{--spacing-6:1rem}.stats-grid{gap:.75rem;gap:var(--spacing-3);grid-template-columns:1fr}.header{gap:.5rem;gap:var(--spacing-2)}.header-search-container{display:flex;flex:1 1;justify-content:center;margin-right:0}.header-mobile-search-btn{align-items:center;background:#f3f4f6;background:var(--gray-100);border:none;border-radius:9999px;border-radius:var(--radius-full);color:#4b5563;color:var(--gray-600);cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .15s ease;transition:all var(--transition-fast);width:44px}.header-mobile-search-btn:hover{background:#e5e7eb;background:var(--gray-200);color:#374151;color:var(--gray-700)}.header-search,.user-info-desktop{display:none}.header-actions,.user-menu{gap:.5rem;gap:var(--spacing-2)}.header-action-btn{min-height:44px;min-width:44px}.page-header{align-items:flex-start;flex-direction:column;gap:.75rem;gap:var(--spacing-3)}.page-title{font-size:1.25rem;font-size:var(--font-size-xl)}.form-row{flex-direction:column}.form-row>*{width:100%}.btn{min-height:44px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.btn-lg{padding:1rem 1.5rem;padding:var(--spacing-4) var(--spacing-6)}.action-buttons{flex-wrap:wrap;gap:.5rem;gap:var(--spacing-2)}.action-buttons a,.action-buttons button{min-height:44px;min-width:44px}.card{border-radius:.5rem;border-radius:var(--radius-lg)}.login-card{border-radius:.75rem;border-radius:var(--radius-xl);padding:1.5rem;padding:var(--spacing-6)}.main-content{padding:.75rem;padding:var(--spacing-3);padding-top:calc(64px + .75rem);padding-top:calc(var(--header-height) + var(--spacing-3))}}@media (max-width:480px){.header{padding:0 .75rem;padding:0 var(--spacing-3)}.page-title,.sidebar-logo h1{font-size:1.125rem;font-size:var(--font-size-lg)}.btn-add,.btn-primary,.btn-secondary{justify-content:center;width:100%}.stat-card-enhanced{padding:.75rem;padding:var(--spacing-3)}.stat-icon-wrapper{font-size:20px;height:40px;width:40px}.stat-value{font-size:1.25rem;font-size:var(--font-size-xl)}}@media (max-width:768px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media (max-width:768px){.show-mobile{display:block!important}}@media (max-width:1024px){.hide-tablet{display:none!important}}.table-responsive{-webkit-overflow-scrolling:touch;margin:0 -1rem;margin:0 calc(var(--spacing-4)*-1);overflow-x:auto;padding:0 1rem;padding:0 var(--spacing-4)}@media (min-width:1025px){.table-responsive{margin:0;overflow-x:visible;padding:0}}@media (max-width:1024px){.nav-item{min-height:48px;padding:.75rem 1rem;padding:var(--spacing-3) var(--spacing-4)}.dropdown-item{min-height:48px;padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5)}}.spinner{animation:spin 1s linear infinite;border:3px solid #e5e7eb;border-top-color:#1e8de6;border:3px solid var(--gray-200);border-radius:50%;border-top-color:var(--primary-500);height:40px;width:40px}.loading-overlay{background:#ffffffe6;inset:0;z-index:1000}.loading-overlay,.splash-container{align-items:center;display:flex;justify-content:center;position:fixed}.splash-container{animation:splashFadeIn .5s ease-out;background:linear-gradient(135deg,#1e3a5f,#0f172a);height:100vh;left:0;top:0;width:100%;z-index:9999}.splash-content{align-items:center;display:flex;flex-direction:column;text-align:center}.splash-logo-wrapper{align-items:center;display:flex;height:120px;justify-content:center;margin-bottom:2rem;position:relative;width:120px}.splash-logo{animation:logoPop .8s cubic-bezier(.34,1.56,.64,1) forwards;height:80px;object-fit:contain;width:80px;z-index:2}.splash-ring{animation:spin 1.5s linear infinite;border:2px solid #ff99004d;border-radius:50%;border-top-color:#f90;height:100%;position:absolute;width:100%}.splash-ring:before{animation:spin 2s linear infinite reverse;border:2px solid;border-color:#0000 #0000 #fff3;border-radius:50%;bottom:-5px;content:"";left:-5px;position:absolute;right:-5px;top:-5px}.splash-title{-webkit-text-fill-color:#0000;animation:slideUpFade .8s ease-out .3s forwards;background:linear-gradient(90deg,#fff,orange);-webkit-background-clip:text;color:#fff;font-size:3.5rem;font-weight:800;letter-spacing:4px;margin:0}.splash-subtitle,.splash-title{opacity:0;transform:translateY(20px)}.splash-subtitle{animation:slideUpFade .8s ease-out .5s forwards;color:#cbd5e1;font-size:1.1rem;font-weight:400;letter-spacing:1px;margin-top:.5rem}.splash-loader{animation:fadeIn .5s ease-out .8s forwards;background:#ffffff1a;border-radius:2px;height:4px;margin-top:3rem;opacity:0;overflow:hidden;width:200px}.splash-loader-bar{animation:loading 2.5s ease-in-out infinite;background:#f90;height:100%;transform:translateX(-100%);width:100%}@keyframes splashFadeIn{0%{opacity:0}to{opacity:1}}@keyframes logoPop{0%{opacity:0;transform:scale(0) rotate(-180deg)}to{opacity:1;transform:scale(1) rotate(0deg)}}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes slideUpFade{to{opacity:1;transform:translateY(0)}}@keyframes loading{0%{transform:translateX(-100%)}50%{transform:translateX(0)}to{transform:translateX(100%)}}.toggle-switch{background:#d1d5db;border-radius:12px;cursor:pointer;display:inline-block;flex-shrink:0;height:24px;position:relative;transition:background .3s,transform .1s;vertical-align:middle;width:48px}.toggle-switch:hover{transform:scale(1.05)}.toggle-switch:active{transform:scale(.95)}.toggle-switch.active{background:#10b981!important}.toggle-switch input{height:0;opacity:0;position:absolute;width:0}.toggle-switch:after{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;content:"";height:20px;left:2px;position:absolute;top:2px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:20px}.toggle-switch.active:after{transform:translateX(24px)}.toggle-switch.disabled{cursor:not-allowed;opacity:.5}.toggle-switch.disabled:active,.toggle-switch.disabled:hover{transform:none}.status-capsule{align-items:center;background:#d1d5db;border-radius:11px;cursor:pointer;display:inline-flex;flex-shrink:0;height:22px;position:relative;transition:background .2s;width:40px}.status-capsule.active{background:#22c55e}.status-capsule .capsule-circle{background:#fff;border-radius:50%;box-shadow:0 1px 3px #0003;height:18px;left:2px;position:absolute;top:2px;transition:transform .2s;width:18px}.status-capsule.active .capsule-circle{transform:translateX(18px)}.btn-add{align-items:center;background:#3b82f6;border:none;border-radius:8px;box-shadow:0 1px 2px #0000000d;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem;transition:all .2s}.btn-add:hover{background:#2563eb;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.btn-add svg{height:20px;width:20px}.btn-save{align-items:center;background:#3b82f6;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.875rem;font-weight:600;gap:.5rem;padding:.625rem 1.25rem}.btn-save:hover{background:#2563eb}.btn-save svg{height:18px;width:18px}.btn-cancel{background:#e5e7eb;border:none;border-radius:8px;color:#374151;cursor:pointer;font-size:.875rem;font-weight:600;padding:.625rem 1.25rem}.btn-cancel:hover{background:#d1d5db}.selection-bar{align-items:center;animation:fadeIn .15s ease-out;background:linear-gradient(135deg,#2563eb,#1d4ed8);border-radius:12px;box-shadow:0 4px 12px #2563eb38;color:#fff;display:flex;flex-wrap:wrap;gap:12px;margin-bottom:16px;padding:12px 18px}.selection-bar .selection-count{color:#fff;font-size:.875rem;font-weight:700;letter-spacing:.01em;margin-right:auto}.selection-bar .btn,.selection-bar button{align-items:center;border:none;border-radius:8px;box-shadow:none;cursor:pointer;display:inline-flex;font-size:.8125rem;font-weight:600;gap:6px;padding:8px 16px;transition:all .15s ease}.selection-bar .btn-danger,.selection-bar .btn-delete,.selection-bar .sel-btn-delete{background:#fff;color:#dc2626}.selection-bar .btn-danger:hover,.selection-bar .btn-delete:hover,.selection-bar .sel-btn-delete:hover{background:#fee2e2;color:#b91c1c;transform:translateY(-1px)}.selection-bar .btn-outline,.selection-bar .btn-secondary,.selection-bar .sel-btn-clear{background:#ffffff2e;color:#fff}.selection-bar .btn-outline:hover,.selection-bar .btn-secondary:hover,.selection-bar .sel-btn-clear:hover{background:#ffffff4d;color:#fff;transform:translateY(-1px)}.label-add-link{align-items:center;background:#eff6ff;border:1px solid #dbeafe;border-radius:999px;color:#2563eb;cursor:pointer;display:inline-flex;font-size:.72rem;font-weight:600;gap:4px;line-height:1.5;margin-left:8px;padding:3px 10px;text-decoration:none;transition:all .15s ease;vertical-align:middle;white-space:nowrap}.label-add-link:hover{background:#dbeafe;border-color:#bfdbfe;color:#1d4ed8;transform:translateY(-1px)}.filter-search-icon,.search-icon{align-items:center;color:#64748b;display:inline-flex;font-size:0;height:18px;justify-content:center;width:18px}.filter-search-icon:before,.search-icon:before{background:currentColor;content:"";height:18px;-webkit-mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z'/%3E%3C/svg%3E") center /contain no-repeat;mask:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='%23000' stroke-width='2' stroke-linecap='round' d='m21 21-4.35-4.35M19 11a8 8 0 1 1-16 0 8 8 0 0 1 16 0Z'/%3E%3C/svg%3E") center /contain no-repeat;width:18px}.search-icon>svg{display:none}.status-search-box{position:relative;width:min(320px,100%)}.status-search-box .form-control{padding-left:2.5rem;width:100%}.status-search-box .search-icon{left:12px;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.main-content .desktop-table,.main-content .lead-master-table-wrap,.main-content .table-container{-webkit-overflow-scrolling:touch;max-width:100%;overflow-x:auto}.main-content .data-table{min-width:-webkit-max-content;min-width:max-content}.filters-bar>.form-control[placeholder^=Search],.lead-master-filter-search,.status-toolbar{position:relative}.filters-bar>.form-control[placeholder^=Search],.lead-master-filter-search .filter-input,.status-toolbar .form-control[placeholder^=Search]{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%2364748b' stroke-width='2' stroke-linecap='round'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-4-4'/%3E%3C/svg%3E");background-position:12px;background-repeat:no-repeat;padding-left:2.5rem}.hover-text-primary:hover{color:#1a73ba!important;color:var(--primary-600)!important}.hover-shadow:hover{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d!important;box-shadow:var(--shadow-lg)!important;transform:translateY(-4px)}.dashed-border{border:2px dashed #d1d5db;border:2px dashed var(--gray-300)}.spin{animation:spin 1s linear infinite}.text-end{text-align:right}.group:hover .group-hover\:bg-primary{background-color:#1a73ba!important;background-color:var(--primary-600)!important}.group:hover .group-hover\:text-white{color:#fff!important}.group:hover .group-hover\:border-primary{border-color:#1a73ba!important;border-color:var(--primary-600)!important}.cursor-pointer{cursor:pointer}.transition-all{transition:all .25s ease;transition:all var(--transition-normal)}.fade-in{animation:fadeIn .3s ease-out forwards}.header-dropdown{background:#fff;border:1px solid #f3f4f6;border:1px solid var(--gray-100);border-radius:.75rem;border-radius:var(--radius-xl);box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;box-shadow:var(--shadow-xl);margin-top:12px;min-width:220px;overflow:hidden;padding:.5rem 0;padding:var(--spacing-2) 0;position:absolute;right:0;top:100%;transform-origin:top right;z-index:1000}.header-dropdown-portal{height:auto;margin-top:0;max-height:320px;overflow-x:hidden;overflow-y:visible;position:fixed;right:auto;top:auto}.dropdown-user-header{background:#f9fafb;background:var(--gray-50);border-bottom:1px solid #f9fafb;border-bottom:1px solid var(--gray-50);padding:1rem 1.25rem;padding:var(--spacing-4) var(--spacing-5)}.dropdown-item{align-items:center;color:#374151;color:var(--gray-700);cursor:pointer;display:flex;font-size:.875rem;font-size:var(--font-size-sm);gap:.75rem;gap:var(--spacing-3);padding:.75rem 1.25rem;padding:var(--spacing-3) var(--spacing-5);text-decoration:none;transition:all .15s ease;transition:all var(--transition-fast)}.dropdown-item:hover{background:#f9fafb;background:var(--gray-50);color:#1a73ba;color:var(--primary-600)}.dropdown-item.logout{border-top:1px solid #f9fafb;border-top:1px solid var(--gray-50);color:#ef4444;color:var(--error-500);margin-top:.5rem;margin-top:var(--spacing-2)}.dropdown-item.logout:hover{background:#fee2e2;background:var(--error-100)}.spinner-mini{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;display:inline-block;height:16px;width:16px}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
/*# sourceMappingURL=main.729a7fba.css.map*/