@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap);@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap);*,:after,:before{margin:0;padding:0}#root,body,html{height:100%;overflow:hidden}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#111;font-size:1.11rem}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#333;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#444}.md-page{background:#f8fafc;min-height:100vh;padding:30px;text-align:left}.md-header{margin-bottom:24px}.md-title{color:#1e293b;font-size:28px;font-weight:800}.md-subtitle{color:#64748b;font-size:14px;margin:4px 0 0}.md-panel{border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a}.md-tabs-wrap{border-bottom:1px solid #e2e8f0;margin-bottom:24px}.md-tabs{gap:30px}.md-tab{background:none;color:#64748b;display:flex;font-size:14px;font-weight:600;gap:8px;padding:12px 0;position:relative}.md-tab-active{color:#1e1b4b}.md-tab-active:after{background:#1e1b4b;bottom:-1px;content:"";height:2px;left:0;position:absolute;right:0}.md-panel-toolbar{align-items:center;background:#fafbfc;justify-content:space-between;padding:20px 24px}.md-panel-toolbar,.md-th{border-bottom:1px solid #e2e8f0}.md-th{background:#f8fafc;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.05em;padding:12px 24px;text-transform:uppercase}.md-td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 24px}.md-actions{gap:8px}.md-icon-btn{border:1px solid #e2e8f0;border-radius:8px;color:#64748b;display:flex;height:32px;transition:all .2s;width:32px}.md-icon-btn:hover{border-color:#1e1b4b;color:#1e1b4b}.md-add-btn{background:#1e1b4b;border-radius:10px;display:flex;font-size:13px;font-weight:700;gap:8px;padding:10px 20px;text-decoration:none;transition:all .2s}.md-add-btn:hover{background:#2d2a6b}.md-badge-active{background:#dcfce7!important;color:#166534!important}.md-badge-inactive{background:#fee2e2!important;color:#991b1b!important}.md-status-badge{border-radius:99px;font-size:11px;font-weight:700;padding:4px 12px}.md-grid-3{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.md-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:24px}.md-stat-card{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;display:flex;gap:16px;padding:24px;transition:all .3s cubic-bezier(.4,0,.2,1)}.md-stat-card:hover{border-color:#cbd5e1;box-shadow:0 12px 20px -5px #0000001a;transform:translateY(-4px)}.md-stat-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.md-stat-info{display:flex;flex-direction:column}.md-stat-label{color:#64748b;font-size:13px;font-weight:600;margin-bottom:4px}.md-stat-value{color:#1e293b;font-size:24px;font-weight:800;margin:0}.md-card-premium{transition:all .3s ease}.md-card-premium:hover{border-color:#cbd5e1!important;box-shadow:0 12px 20px -5px #0000001a!important;transform:translateY(-5px)}.md-modal-overlay{background:#00000080;z-index:10000}.md-modal{border-radius:20px;box-shadow:0 20px 25px -5px #0003;color:#1e293b;max-width:500px;overflow-y:auto;width:90%}.md-modal-header{border-bottom:1px solid #f1f5f9;padding:24px}.md-modal-title{color:#1e293b;font-size:18px}.md-modal-close{background:none;color:#64748b}.md-modal-body{padding:24px}.md-form-group{margin-bottom:16px;text-align:left}.md-label{color:#475569;display:block;font-size:13px;margin-bottom:6px}.md-input{border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;height:44px;padding:0 16px;transition:border-color .2s}.md-input:focus{border-color:#1e1b4b}.md-textarea{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#1e293b;font-size:14px;padding:12px 16px}.md-modal-footer{border-top:1px solid #f1f5f9;gap:12px;padding:20px 24px}.md-cancel-btn{background:#fff;border:1.5px solid #e2e8f0;border-radius:10px;color:#64748b;padding:10px 20px}.md-save-btn{background:#1e1b4b;border-radius:10px;font-weight:700;padding:10px 24px}.md-search-wrap{position:relative}.md-search-wrap svg{color:#94a3b8;left:12px;position:absolute}.md-search{padding-left:36px;width:250px}.pac-container{border:none;border-radius:12px;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d;font-family:Inter,sans-serif;margin-top:4px;padding:8px 0;z-index:100001!important}.pac-item{align-items:center;border-top:1px solid #f1f5f9;cursor:pointer;display:flex;padding:10px 16px}.pac-item:first-child{border-top:none}.pac-item:hover{background-color:#f8fafc}.pac-item-query{color:#1e293b;font-size:14px;font-weight:600;padding-right:4px}.pac-text{color:#64748b;font-size:12px}.pac-icon{margin-right:12px}@media (max-width:768px){.md-modal{border-radius:0;height:100%;max-height:100%;width:100%}.md-modal-body{padding:16px}.form-fields{gap:12px}}.premium-btn{align-items:center;border:none;border-radius:14px;box-shadow:0 4px 12px #0000001a;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:10px;padding:12px 24px;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap}.premium-btn:hover{box-shadow:0 8px 20px #00000026;transform:translateY(-2px)}.premium-btn:active{transform:translateY(0)}.premium-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-import{background:linear-gradient(135deg,#4f46e5,#3e38c1)!important}.btn-template{background:linear-gradient(135deg,#6366f1,#4f46e5)!important}.btn-primary-action{background:#1e1b4b!important;box-shadow:0 4px 12px #1e1b4b40}*{box-sizing:border-box;margin:0;padding:0}body{background:#0f0f0f;color:#e0e0e0;font-family:Inter,Segoe UI,sans-serif;height:100vh;overflow:hidden}.btn-import,.btn-template{display:none!important}.app-shell{background:#f1f5f9}.app-shell,.sidebar{display:flex;height:100vh}.sidebar{background:#161616;border-right:1px solid #222;flex-direction:column;min-width:260px;overflow-x:hidden;overflow-y:auto;width:260px}.sidebar-logo{align-items:center;border-bottom:1px solid #222;display:flex;gap:10px;padding:20px 18px 16px}.logo-icon{align-items:flex-end;display:flex;gap:2px;height:32px}.logo-icon span{background:#fff;border-radius:2px;display:block;width:5px}.logo-icon span:first-child{height:14px}.logo-icon span:nth-child(2){height:22px}.logo-icon span:nth-child(3){height:30px}.logo-icon span:nth-child(4){height:20px}.logo-icon span:nth-child(5){height:10px}.logo-dots{bottom:4px;display:flex;gap:3px;left:0;position:absolute}.logo-wrap{position:relative}.logo-dot{border-radius:50%;height:6px;width:6px}.logo-text{color:#fff;font-size:15.5px;letter-spacing:.5px}.sidebar-user{border-bottom:1px solid #222;cursor:pointer;gap:10px;padding:14px 18px}.sidebar-user,.user-avatar{align-items:center;display:flex}.user-avatar{background:linear-gradient(135deg,#312e81,#1e1b4b);border-radius:8px;color:#fff;flex-shrink:0;font-size:15.5px;font-weight:700;height:32px;justify-content:center;width:32px}.user-info{flex:1 1;min-width:0}.user-info .user-name{color:#fff;font-size:15.5px;font-weight:600}.user-info .user-email,.user-info .user-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-info .user-email{color:#666;font-size:12.1px}.sidebar-logout-btn:hover{background:#ef44441a!important;color:#ef4444!important}.sidebar-nav{flex:1 1;padding:12px 0}.nav-section-label{color:#444;font-size:10.33px;font-weight:600;letter-spacing:1px;padding:8px 18px 4px;text-transform:uppercase}.nav-item{align-items:center;border-radius:0;color:#888;cursor:pointer;display:flex;font-size:15.5px;gap:10px;padding:9px 18px;position:relative;transition:all .15s}.nav-item:hover{background:#ffffff0a;color:#ccc}.nav-item.active{background:#ffffff12;color:#fff}.nav-item.active:before{background:#1e1b4b;border-radius:0 2px 2px 0;bottom:0;content:"";left:0;position:absolute;top:0;width:3px}.nav-item .nav-icon{align-items:center;display:flex;flex-shrink:0;justify-content:center;opacity:.75;width:16px}.nav-item.active .nav-icon,.nav-item:hover .nav-icon{opacity:1}.nav-item .nav-badge{background:#1e1b4b33;border-radius:10px;color:#1e1b4b;font-size:10.33px;font-weight:600;margin-left:auto;padding:2px 6px}.nav-item .nav-chevron{color:#555;font-size:11.7px;margin-left:auto}.nav-submenu{border-left:1px solid #e2e8f0;margin-bottom:10px;margin-left:38px}.submenu-item{border-radius:6px!important;color:#64748b!important;font-size:14.2px!important;margin:2px 0;padding:8px 14px!important}.submenu-item:hover{background:#1e1b4b08!important;color:#1e1b4b!important}.submenu-item.active{background:#1e1b4b0d!important;color:#1e1b4b!important;font-weight:600!important}.submenu-item.active:before{display:none!important}.operator-sidebar{background:#1e3a5f!important;border-right:none}.operator-sidebar .sidebar-logo{background:#fff;border-bottom:1px solid #e2e8f0}.operator-sidebar .logo-text{color:#1e293b}.operator-sidebar .logo-icon span{background:#1e3a5f}.operator-sidebar .sidebar-user{display:none}.operator-sidebar .nav-item{border-radius:8px;color:#fff!important;font-size:16.28px!important;font-weight:700!important;margin:4px 12px;opacity:1!important;padding:10px 14px}.operator-sidebar .nav-item:hover{background:#ffffff26;color:#fff!important}.operator-sidebar .nav-item.active{background:#ffffff40!important;color:#fff!important}.operator-sidebar .nav-icon,.operator-sidebar .nav-item.active .nav-chevron,.operator-sidebar .nav-item.active .nav-icon{color:#fff!important}.operator-sidebar .nav-chevron svg,.operator-sidebar .nav-icon svg{stroke:currentColor!important}.operator-sidebar .nav-chevron{color:#fff9!important}.operator-sidebar .nav-submenu{border-left:1px solid #ffffff4d;margin:0 12px 10px 32px;padding-left:10px;position:relative}.operator-sidebar .submenu-item{color:#fff!important;font-size:15.12px!important;font-weight:600!important;opacity:1!important;padding:8px 14px!important;position:relative}.operator-sidebar .submenu-item:before{background:#ffffff4d;content:"";height:1px;left:-10px;position:absolute;top:50%;width:10px}.operator-sidebar .submenu-item.active,.operator-sidebar .submenu-item:hover{background:#ffffff1a!important;border-radius:6px;color:#fff!important;opacity:1}.operator-sidebar .submenu-item.active{font-weight:700}.sidebar-bottom-bar{border-top:1px solid #fff3;color:#fff;display:flex;justify-content:space-between;margin-top:auto;opacity:1;padding:15px 18px}.sidebar-bottom-bar svg{cursor:pointer;transition:opacity .2s}.sidebar-bottom-bar svg:hover{opacity:1}.main-content{background:#fff;border-radius:24px;box-shadow:0 12px 30px -10px #0000001a;display:flex;flex:1 1;flex-direction:column;margin:20px 20px 20px 16px;overflow-y:auto}.topbar{align-items:center;background:#161616;border-bottom:1px solid #222;display:flex;gap:16px;height:64px;justify-content:space-between;padding:12px 24px}.operator-topbar{background:#fff!important;border-bottom:1px solid #e2e8f0!important;color:#1e293b!important}.operator-topbar .topbar-brand{color:#1e293b!important;font-size:18px!important;font-weight:700!important}.operator-topbar .topbar-brand span{display:none}.operator-topbar .topbar-search input{background:#f8fafc;border:1px solid #e2e8f0;color:#1e293b}.operator-topbar .topbar-meta{color:#64748b}.topbar-nav-horizontal{display:flex;gap:20px;margin:0 40px}.topbar-nav-horizontal a{color:#64748b;font-size:14px;font-weight:500;text-decoration:none;transition:color .2s}.topbar-nav-horizontal a.active,.topbar-nav-horizontal a:hover{color:#1e1b4b}.topbar-icon-btn{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:18px;justify-content:center;padding:8px;transition:background .2s}.topbar-icon-btn:hover{background:#f1f5f9}.upgrade-btn{background:#1e1b4b;border:none;border-radius:8px;color:#fff;font-size:13px;font-weight:600;gap:6px;margin-left:10px;padding:8px 16px}.topbar-back-btn,.upgrade-btn{align-items:center;cursor:pointer;display:flex}.topbar-back-btn{background:#f1f5f9;border-radius:50%;color:#64748b;height:32px;justify-content:center;margin-right:12px;width:32px}.topbar-left{align-items:center;display:flex;gap:12px}.topbar-logo{align-items:flex-end;display:flex;gap:2px;height:24px}.topbar-logo span{background:#fff;border-radius:2px;display:block;width:4px}.topbar-logo span:first-child{height:10px}.topbar-logo span:nth-child(2){height:16px}.topbar-logo span:nth-child(3){height:22px}.topbar-logo span:nth-child(4){height:14px}.topbar-logo span:nth-child(5){height:8px}.topbar-brand{color:#fff;font-size:16.76px;font-weight:700}.topbar-brand span{color:#666;font-size:12.44px;font-weight:400;margin-left:4px}.topbar-meta{color:#555;font-size:11.36px}.topbar-search{flex:1 1;max-width:320px}.topbar-search input{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;color:#aaa;font-size:14.6px;outline:none;padding:7px 14px;width:100%}.topbar-search input::placeholder{color:#555}.topbar-actions{gap:12px}.notif-btn,.topbar-actions{align-items:center;display:flex}.notif-btn{background:#1e1e1e;border:1px solid #2a2a2a;border-radius:8px;cursor:pointer;font-size:15.68px;height:32px;justify-content:center;position:relative;width:32px}.notif-dot{background:#1e1b4b;border-radius:50%;height:6px;position:absolute;right:6px;top:6px;width:6px}.dashboard-page{display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:24px}.stats-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr 1fr}.stat-card{background:#1a1a1a;border:1px solid #242424;border-radius:14px;overflow:hidden;padding:22px 24px;position:relative}.stat-card-label{color:#777;font-size:12.44px;font-weight:500;letter-spacing:.3px;margin-bottom:12px}.operator-page{background:#f8fafc!important;flex:1 1;gap:24px;overflow-y:auto}.operator-page .earn-card,.operator-page .earnings-panel,.operator-page .panel,.operator-page .stat-card{background:#fff!important;border:1px solid #e2e8f0!important;box-shadow:0 1px 3px #0000000d;color:#1e293b!important}.operator-page .stat-card-value{color:#1e293b!important;font-weight:800!important}.operator-page .chart-stat-value,.operator-page .cust-name,.operator-page .earn-amount,.operator-page .op-title,.operator-page .panel-title,.operator-page .stat-card-label,.operator-page .stat-sub{color:#1e293b!important}.operator-page .all-link,.operator-page .chart-stat-sub,.operator-page .cust-company,.operator-page .earn-sub,.operator-page .stat-link{color:#64748b!important}.operator-page .customer-item{border-bottom:1px solid #f1f5f9}.operator-page .customer-item:hover{background:#f8fafc}.operator-page .chart-stat-label{color:#94a3b8!important}.operator-page .earn-flag{background:#f1f5f9}.stat-card-value{align-items:center;color:#fff;display:flex;font-size:35.65px;font-weight:700;gap:8px;margin-bottom:6px}.stat-arrow-up{color:#22c55e;font-size:20.05px}.stat-sub{color:#555;font-size:12.44px;margin-bottom:16px}.stat-link{align-items:center;color:#1e1b4b;cursor:pointer;display:flex;font-size:12.44px;gap:4px}.stat-link:hover{text-decoration:underline}.gauge-card{align-items:center;display:flex;flex-direction:column;justify-content:center}.gauge-label{align-self:flex-end;color:#777;font-size:12.44px;margin-bottom:auto;width:100%}.gauge-wrap{margin:8px auto;position:relative}.gauge-wrap,.gauge-wrap svg{height:70px;width:120px}.gauge-pct{bottom:-4px;color:#fff;font-size:24.51px;font-weight:700;left:50%;position:absolute;transform:translateX(-50%)}.gauge-link{color:#1e1b4b;cursor:pointer;font-size:12.44px;margin-top:10px}.mid-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.panel{background:#1a1a1a;border:1px solid #242424;border-radius:14px;padding:20px 22px}.panel-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.panel-title{color:#fff;font-size:14.6px;font-weight:600}.panel-ctrl{color:#777;cursor:pointer;font-size:12.44px;gap:6px}.customer-item,.panel-ctrl{align-items:center;display:flex}.customer-item{border-bottom:1px solid #222;gap:12px;padding:10px 0;position:relative}.customer-item:last-of-type{border-bottom:none}.customer-item.highlighted{background:#3f51b50f;border-bottom:none;border-radius:8px;margin:0 -8px;padding:10px 8px}.cust-avatar{align-items:center;background:#2a2a2a;border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:14.6px;font-weight:700;height:34px;justify-content:center;object-fit:cover;width:34px}.cust-info .cust-name{color:#e0e0e0;font-size:14.6px;font-weight:600}.cust-info .cust-company{color:#666;font-size:11.36px}.cust-actions{align-items:center;display:flex;gap:8px;margin-left:auto;opacity:0;transition:opacity .2s}.customer-item.highlighted .cust-actions,.customer-item:hover .cust-actions{opacity:1}.cust-action-btn{background:#ffffff12;border:1px solid #2a2a2a;border-radius:6px;color:#aaa;display:flex;height:26px;justify-content:center;width:26px}.all-link,.cust-action-btn{align-items:center;cursor:pointer;font-size:12.44px}.all-link{color:#3f51b5;display:inline-flex;gap:4px;margin-top:14px}.chart-area{display:flex;flex-direction:column;gap:12px}.chart-canvas{height:140px;position:relative;width:100%}.chart-canvas svg{height:100%;width:100%}.chart-stats{grid-gap:12px;border-top:1px solid #222;display:grid;gap:12px;grid-template-columns:1fr 1fr 1fr;padding-top:14px}.chart-stat-label{color:#666;font-size:11.36px;margin-bottom:4px}.chart-stat-value{color:#3f51b5;font-size:15.68px;font-weight:700}.chart-stat-sub{color:#555;font-size:10.03px}.chart-stat-top-wrap{align-items:center;display:flex;gap:8px}.chart-stat-avatar{align-items:center;background:linear-gradient(135deg,#3f51b5,#303f9f);border-radius:8px;color:#fff;display:flex;flex-shrink:0;font-size:11.36px;font-weight:700;height:26px;justify-content:center;width:26px}.earnings-panel{background:#1a1a1a;border:1px solid #242424;border-radius:14px;padding:20px 22px}.earnings-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:16px}.earnings-title{color:#fff;font-size:14.6px;font-weight:600}.earnings-title span{color:#666;font-size:12.44px;font-weight:400;margin-left:6px}.earnings-ctrls{align-items:center;display:flex;gap:8px}.earn-select{border:1px solid #2d2d2d;color:#aaa;font-size:12.44px;outline:none;padding:5px 10px}.earn-icon-btn,.earn-select{background:#222;border-radius:8px;cursor:pointer}.earn-icon-btn{align-items:center;border:1px solid #2d2d2d;color:#888;display:flex;font-size:14.6px;height:28px;justify-content:center;width:28px}.earnings-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(4,1fr)}.earn-card{background:#222;border:1px solid #2a2a2a;border-radius:12px;display:flex;flex-direction:column;gap:10px;padding:16px}.earn-flag{align-items:center;border-radius:50%;display:flex;flex-shrink:0;font-size:24.51px;height:36px;justify-content:center;overflow:hidden;width:36px}.earn-sub{color:#666;font-size:10.03px;letter-spacing:.5px;text-transform:uppercase}.earn-amount{color:#fff;font-size:16.76px;font-weight:700}.earn-change{color:#22c55e;font-size:11.36px;margin-top:2px}.app-shell,.app-shell *,.app-shell :after,.app-shell :before{transition:background .25s ease,background-color .25s ease,color .25s ease,border-color .25s ease,box-shadow .25s ease}.toggle-btn{align-items:center;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:20px;cursor:pointer;display:flex;gap:6px;padding:4px 10px;-webkit-user-select:none;user-select:none}.toggle-btn:hover{border-color:#3f51b5}.toggle-icon{font-size:15.68px;line-height:1}.toggle-track{border-radius:10px;height:15px;position:relative;transition:background .25s ease;width:28px}.toggle-dark .toggle-track,.toggle-track{background:#444}.toggle-light .toggle-track{background:#3f51b5}.toggle-thumb{background:#fff;border-radius:50%;height:11px;position:absolute;top:2px;transition:left .25s ease,right .25s ease;width:11px}.toggle-dark .toggle-thumb{left:auto;right:2px}.toggle-light .toggle-thumb{left:2px;right:auto}.theme-light,.theme-light body{background:#f0f2f5}.theme-light body{color:#1a1a1a}.theme-light .app-shell{background:#f0f2f5}.theme-light .sidebar{background:#fff;border-right-color:#e0e0e0}.theme-light .sidebar-logo{border-bottom-color:#e0e0e0}.theme-light .logo-icon span{background:#1a1a1a}.theme-light .logo-text{color:#1a1a1a}.theme-light .sidebar-user{border-bottom-color:#e0e0e0}.theme-light .user-info .user-name{color:#1a1a1a}.theme-light .user-info .user-email{color:#888}.theme-light .nav-section-label{color:#aaa}.theme-light .nav-item{color:#555}.theme-light .nav-item:hover{background:#0000000d;color:#111}.theme-light .nav-item.active{background:#00000012;color:#111}.theme-light .nav-item .nav-chevron{color:#bbb}.theme-light .topbar{background:#fff;border-bottom-color:#e0e0e0}.theme-light .topbar-brand{color:#1a1a1a}.theme-light .topbar-brand span{color:#999}.theme-light .topbar-meta{color:#aaa}.theme-light .topbar-logo span{background:#1a1a1a}.theme-light .topbar-search input{background:#f5f5f5;border-color:#ddd;color:#333}.theme-light .topbar-search input::placeholder{color:#aaa}.theme-light .notif-btn,.theme-light .toggle-btn{background:#f5f5f5;border-color:#ddd}.theme-light .toggle-btn:hover{border-color:#3f51b5}.theme-light .dashboard-page{background:#f0f2f5}.theme-light .stat-card{background:#fff;border-color:#e4e4e4}.theme-light .stat-card-label{color:#888}.theme-light .stat-card-value{color:#111}.theme-light .stat-sub{color:#aaa}.theme-light .panel{background:#fff;border-color:#e4e4e4}.theme-light .panel-title{color:#111}.theme-light .panel-ctrl{color:#aaa}.theme-light .customer-item{border-bottom-color:#eee}.theme-light .cust-info .cust-name{color:#1a1a1a}.theme-light .cust-info .cust-company{color:#999}.theme-light .cust-avatar{background:#e0e0e0;color:#333}.theme-light .cust-action-btn{background:#0000000d;border-color:#ddd;color:#555}.theme-light .customer-item.highlighted{background:#f59e0b14}.theme-light .chart-stats{border-top-color:#eee}.theme-light .chart-stat-label{color:#999}.theme-light .chart-stat-sub{color:#bbb}.theme-light .earnings-panel{background:#fff;border-color:#e4e4e4}.theme-light .earnings-title{color:#111}.theme-light .earnings-title span{color:#999}.theme-light .earn-icon-btn,.theme-light .earn-select{background:#f5f5f5;border-color:#ddd;color:#555}.theme-light .earn-card{background:#f5f5f5;border-color:#e0e0e0}.theme-light .earn-amount{color:#111}.theme-light .earn-sub{color:#999}.theme-light .gauge-label{color:#888}.theme-light .gauge-pct{color:#111}.create-operator-page{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:28px 32px;position:relative}.op-header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between}.op-title{color:#fff;font-size:24.51px;font-weight:700;margin-bottom:4px}.op-subtitle{color:#666;font-size:14.6px}.op-save-btn{background:#4f46e5;border:none;border-radius:10px;color:#fff;cursor:pointer;flex-shrink:0;font-size:14.6px;font-weight:600;padding:10px 20px;transition:background .2s;white-space:nowrap}.op-save-btn:hover{background:#4338ca}.op-save-btn:disabled{background:#333;cursor:not-allowed}.op-tabs{background:#1a1a1a;border:1px solid #2a2a2a;border-radius:10px;display:flex;gap:4px;padding:4px;width:-webkit-fit-content;width:fit-content}.op-tab{background:#0000;border:none;border-radius:8px;color:#777;cursor:pointer;font-size:14.6px;font-weight:500;padding:7px 18px;transition:all .2s}.op-tab:hover{color:#ccc}.op-tab.active{background:#4f46e5;color:#fff;font-weight:600}.op-body{background:#1a1a1a;border:1px solid #242424;border-radius:14px;gap:24px;padding:28px}.op-body,.op-section{display:flex;flex-direction:column}.op-section{gap:20px}.op-section-header{align-items:center;border-bottom:1px solid #262626;display:flex;gap:14px;padding-bottom:16px}.op-section-icon{align-items:center;border-radius:12px;display:flex;flex-shrink:0;font-size:22.28px;height:44px;justify-content:center;width:44px}.op-section-header.orange .op-section-icon{background:#f9731626}.op-section-header.red .op-section-icon{background:#ef444426}.op-section-header.yellow .op-section-icon{background:#eab30826}.op-section-header.teal .op-section-icon{background:#14b8a626}.op-section-title{color:#fff;font-size:16.76px;font-weight:700}.op-section-desc{color:#666;font-size:14.6px;margin-top:2px}.op-grid-2{grid-gap:16px 24px;display:grid;gap:16px 24px;grid-template-columns:1fr 1fr}.op-field{display:flex;flex-direction:column;gap:6px}.op-label{color:#999;font-size:14.6px;font-weight:600}.op-input{background:#111;border:1px solid #2a2a2a;border-radius:8px;color:#ddd;font-size:14.6px;outline:none;padding:9px 14px;transition:border-color .2s;width:100%}.op-input:focus{border-color:#4f46e5}.op-input::placeholder{color:#444;font-size:14.6px}.op-logo-row{display:flex;flex-direction:column;gap:8px}.op-logo-area{align-items:center;background:#111;border:1px dashed #333;border-radius:12px;display:flex;gap:16px;padding:16px}.op-logo-placeholder{align-items:center;background:#1e1e1e;border:1px solid #2a2a2a;border-radius:10px;display:flex;flex-shrink:0;font-size:28.96px;height:60px;justify-content:center;width:60px}.op-logo-preview{border-radius:10px;flex-shrink:0;height:60px;object-fit:cover;width:60px}.op-logo-right{display:flex;flex-direction:column;gap:5px}.op-upload-btn{background:#0000;border:1px solid #3a3a3a;border-radius:7px;color:#ccc;cursor:pointer;font-size:14.6px;padding:6px 14px;transition:border-color .2s;width:-webkit-fit-content;width:fit-content}.op-upload-btn:hover{border-color:#6366f1;color:#fff}.op-logo-hint{color:#555;font-size:11.36px}.op-subsection-label{border-top:1px solid #262626;color:#aaa;margin-top:4px;padding-top:16px}.op-subsection-label,.op-toast{font-size:14.6px;font-weight:600}.op-toast{animation:toastIn .3s ease;border-radius:10px;padding:12px 20px;position:fixed;right:24px;top:24px;z-index:9999}.op-toast.success{background:#14532d;border:1px solid #166534;color:#4ade80}.op-toast.error{background:#7f1d1d;border:1px solid #991b1b;color:#f87171}@keyframes toastIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.theme-light .create-operator-page{background:#f3f4f6}.theme-light .op-title{color:#111}.theme-light .op-subtitle{color:#888}.theme-light .op-tabs{background:#e5e7eb;border-color:#d1d5db}.theme-light .op-tab{color:#666}.theme-light .op-tab.active{background:#4f46e5;color:#fff}.theme-light .op-body{background:#fff;border-color:#e5e7eb}.theme-light .op-section-title{color:#111}.theme-light .op-section-header{border-color:#e5e7eb}.theme-light .op-input{background:#f9fafb;border-color:#d1d5db;color:#111}.theme-light .op-input::placeholder{color:#aaa}.theme-light .op-logo-area{background:#f9fafb;border-color:#d1d5db}.theme-light .op-logo-placeholder{background:#e5e7eb;border-color:#d1d5db}.theme-light .op-subsection-label{border-color:#e5e7eb;color:#555}.mo-page{background:#0000;display:flex;flex:1 1;flex-direction:column;gap:22px;overflow-y:auto;padding:28px 28px 48px}.mo-header{align-items:center;display:flex;gap:16px;justify-content:space-between}.mo-title{color:#111;font-size:24.51px;font-weight:800;letter-spacing:-.3px;margin-bottom:3px}.theme-dark .mo-title{color:#f0f0f0}.mo-subtitle{color:#888;font-size:14.6px}.mo-count-badge{background:linear-gradient(135deg,#3f51b5,#303f9f);border-radius:24px;box-shadow:0 4px 14px #f59e0b59;color:#fff;font-size:14.6px;font-weight:700;letter-spacing:.3px;padding:7px 18px;white-space:nowrap}.mo-toolbar{align-items:center;display:flex;gap:12px}.mo-search-wrap{flex:1 1;max-width:520px;position:relative}.mo-search-icon{font-size:15.68px;left:14px;opacity:.5;pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.mo-search{background:#fff;border:1.5px solid #e5e7eb;border-radius:12px;box-shadow:0 1px 4px #0000000f;color:#111;font-family:inherit;font-size:14.6px;outline:none;padding:10px 40px;transition:border-color .2s,box-shadow .2s;width:100%}.mo-search:focus{border-color:#3f51b5;box-shadow:0 0 0 3px #f59e0b24}.mo-search::placeholder{color:#bbb}.theme-dark .mo-search{background:#222;border-color:#333;box-shadow:none;color:#e0e0e0}.mo-clear-btn{align-items:center;background:#f0f0f0;border:none;border-radius:50%;color:#888;cursor:pointer;display:flex;font-size:12.44px;height:20px;justify-content:center;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:background .15s;width:20px}.mo-clear-btn:hover{background:#e0e0e0;color:#333}.mo-table-wrap{background:#fff;border:1px solid #eeeff2;border-radius:16px;box-shadow:0 2px 16px #00000012;overflow:hidden}.theme-dark .mo-table-wrap{background:#1a1a1a;border-color:#2a2a2a;box-shadow:0 2px 16px #0006}.mo-empty{color:#aaa;font-size:15.68px;padding:60px 24px;text-align:center}.mo-table{border-collapse:collapse;font-size:14.6px;width:100%}.mo-table thead tr{background:#f0f4ff;border-bottom:1px solid #e2e8f0}.theme-dark .mo-table thead tr{background:#1e1e1e;border-bottom:1px solid #2a2a2a}.mo-table thead th{color:#475569;font-size:14.6px;font-weight:600;letter-spacing:normal;padding:14px 18px;text-align:left;text-transform:none}.theme-dark .mo-table thead th{color:#888}.mo-table tbody tr{border-bottom:1px solid #f5f5f7;transition:background .14s}.theme-dark .mo-table tbody tr{border-bottom-color:#222}.mo-table tbody tr:last-child{border-bottom:none}.mo-table tbody tr:hover{background:#f8fafc}.theme-dark .mo-table tbody tr:hover{background:#1a1a1a}.mo-table td{color:#444;padding:14px 18px;vertical-align:middle}.mo-idx,.theme-dark .mo-table td{color:#ccc}.mo-idx{font-size:12.44px;font-weight:600;width:36px}.theme-dark .mo-idx{color:#444}.mo-name-cell{gap:12px}.mo-avatar,.mo-name-cell{align-items:center;display:flex}.mo-avatar{background:linear-gradient(135deg,#3f51b5,#303f9f);border-radius:10px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;flex-shrink:0;font-size:15.68px;font-weight:800;height:38px;justify-content:center;overflow:hidden;width:38px}.mo-avatar-img{height:100%;object-fit:cover;width:100%}.mo-name{color:#1a1a1a;font-size:14.6px;font-weight:700}.theme-dark .mo-name{color:#f0f0f0}.mo-tag{background:linear-gradient(135deg,#f59e0b1f,#d9770614);border:1px solid #f59e0b4d;border-radius:20px;color:#b45309;font-size:12.44px;font-weight:600;padding:4px 12px}.theme-dark .mo-tag{background:#f59e0b26;border-color:#f59e0b4d;color:#3f51b5}.mo-view-btn{background:linear-gradient(135deg,#3f51b5,#303f9f);border:none;border-radius:8px;box-shadow:0 2px 8px #f59e0b4d;color:#fff;cursor:pointer;font-size:14.6px;font-weight:600;letter-spacing:.2px;padding:7px 16px;transition:all .18s;white-space:nowrap}.mo-view-btn:hover{background:linear-gradient(135deg,#fbbf24,#3f51b5);box-shadow:0 4px 14px #f59e0b73;transform:translateY(-1px)}.mo-pagination{align-items:center;display:flex;flex-wrap:wrap;gap:6px;justify-content:center}.mo-page-btn{background:#fff;border:1.5px solid #e5e7eb;border-radius:9px;box-shadow:0 1px 3px #0000000f;color:#666;cursor:pointer;font-size:14.6px;font-weight:500;height:34px;min-width:34px;padding:0 10px;transition:all .15s}.theme-dark .mo-page-btn{background:#1e1e1e;border-color:#333;box-shadow:none;color:#888}.mo-page-btn:hover:not(:disabled){background:#fffbf1;border-color:#3f51b5;color:#b45309}.theme-dark .mo-page-btn:hover:not(:disabled){background:#f59e0b1a;border-color:#3f51b5;color:#3f51b5}.mo-page-btn.active{background:linear-gradient(135deg,#3f51b5,#303f9f);border-color:#3f51b5;box-shadow:0 3px 10px #f59e0b66;color:#fff;font-weight:700}.mo-page-btn:disabled{cursor:not-allowed;opacity:.35}.mo-page-ellipsis{color:#bbb;font-size:14.6px;padding:0 4px}.mo-page-info{color:#aaa;font-size:12.44px;margin-left:10px}.mo-modal-overlay{align-items:center;animation:mo-fade-in .2s ease;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:#0f0f0f8c;display:flex;inset:0;justify-content:center;padding:24px;position:fixed;z-index:1000}@keyframes mo-fade-in{0%{opacity:0}to{opacity:1}}.mo-modal{animation:mo-slide-up .24s cubic-bezier(.22,1,.36,1);background:#fff;border-radius:22px;box-shadow:0 24px 64px #0000002e,0 4px 16px #0000001a;max-height:90vh;max-width:700px;overflow-y:auto;position:relative;width:100%}.theme-dark .mo-modal{background:#1c1c1c;box-shadow:0 24px 64px #0009}@keyframes mo-slide-up{0%{opacity:0;transform:translateY(30px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.mo-modal-close{align-items:center;background:#00000012;border:none;border-radius:50%;color:#666;cursor:pointer;display:flex;font-size:15.68px;height:32px;justify-content:center;position:absolute;right:18px;top:18px;transition:all .15s;width:32px;z-index:10}.mo-modal-close:hover{background:#ef44441a;color:#ef4444}.theme-dark .mo-modal-close{background:#ffffff14;color:#aaa}.mo-modal-head{align-items:center;background:linear-gradient(135deg,#fffbeb,#fef3c7 60%,#fde68a);border-bottom:1px solid #fde68a;display:flex;gap:20px;padding:32px 28px 24px}.theme-dark .mo-modal-head{background:linear-gradient(135deg,#1e1a0d,#211d0f);border-bottom-color:#332b0e}.mo-modal-logo{align-items:center;background:linear-gradient(135deg,#3f51b5,#303f9f);border:3px solid #fff9;border-radius:18px;box-shadow:0 6px 20px #f59e0b66;color:#fff;display:flex;flex-shrink:0;font-size:31.19px;font-weight:800;height:72px;justify-content:center;overflow:hidden;width:72px}.mo-modal-logo-img{background:#fff;height:100%;object-fit:contain;width:100%}.mo-modal-name{color:#111;font-size:24.51px;font-weight:800;letter-spacing:-.3px;margin-bottom:5px}.theme-dark .mo-modal-name{color:#f0f0f0}.mo-modal-sub{color:#8a6d1a;font-size:14.6px;font-weight:500}.theme-dark .mo-modal-sub{color:#a07c30}.mo-modal-body{display:flex;flex-direction:column;gap:26px;padding:24px 28px 32px}.mo-section-title{align-items:center;border-bottom:2px solid #fef3c7;color:#3f51b5;display:flex;font-size:11.36px;font-weight:800;gap:6px;letter-spacing:1px;margin-bottom:14px;padding-bottom:8px;text-transform:uppercase}.theme-dark .mo-section-title{border-bottom-color:#2a2410}.mo-section-grid{grid-gap:14px 28px;display:grid;gap:14px 28px;grid-template-columns:1fr 1fr}.mo-row-label{color:#aaa;font-size:11.36px;font-weight:600;letter-spacing:.6px;margin-bottom:3px;text-transform:uppercase}.mo-row-value{color:#222;font-size:14.6px;font-weight:500}.theme-dark .mo-row-value{color:#ddd}.mo-row-link{color:#3f51b5;font-size:14.6px;font-weight:500;text-decoration:none}.mo-row-link:hover{text-decoration:underline}.mo-row-full{grid-column:1/-1}.op-select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath fill='%23888' d='M6 8 1 3h10z'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;cursor:pointer}.mo-action-group{align-items:center;display:flex;flex-wrap:nowrap;gap:6px}.mo-edit-btn{align-items:center;background:linear-gradient(135deg,#312e81,#1e1b4b);border:none;border-radius:8px;box-shadow:0 2px 8px #1e1b4b4d;color:#fff;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:600;gap:5px;letter-spacing:.2px;padding:7px 14px;transition:all .18s;white-space:nowrap}.mo-edit-btn:hover{background:linear-gradient(135deg,#3730a3,#312e81);box-shadow:0 4px 14px #1e1b4b73;transform:translateY(-1px)}.mo-delete-btn{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:8px;box-shadow:0 2px 8px #ef44444d;color:#fff;cursor:pointer;font-size:14.6px;font-weight:600;letter-spacing:.2px;padding:7px 14px;transition:all .18s;white-space:nowrap}.mo-delete-btn:hover:not(:disabled){background:linear-gradient(135deg,#f87171,#ef4444);box-shadow:0 4px 14px #ef444473;transform:translateY(-1px)}.mo-delete-btn:disabled{cursor:not-allowed;opacity:.55;transform:none}.mo-modal-actions{display:flex;flex-shrink:0;gap:8px;margin-left:auto}.op-multiselect-container{position:relative;width:100%}.op-multiselect-input{align-items:center;background:#fff;border:1.5px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;flex-wrap:wrap;gap:6px;min-height:42px;padding:6px 32px 6px 12px;position:relative;transition:all .2s}.op-multiselect-input:hover{border-color:#6366f1}.op-multiselect-input.active{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.op-multiselect-placeholder{color:#9ca3af;font-size:14.6px}.op-multiselect-chevron{color:#9ca3af;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%);transition:transform .2s}.op-multiselect-input.active .op-multiselect-chevron{transform:translateY(-50%) rotate(180deg)}.op-chip{background:#6366f11a;border:1px solid #6366f14d;border-radius:6px;color:#4f46e5;font-size:12.44px;font-weight:600;gap:6px;padding:3px 8px}.op-chip,.op-chip-remove{align-items:center;display:flex}.op-chip-remove{background:#0000000d;border-radius:50%;cursor:pointer;font-size:11.36px;height:14px;justify-content:center;transition:all .2s;width:14px}.op-chip-remove:hover{background:#ef4444;color:#fff}.op-multiselect-dropdown{animation:slideDropdown .2s ease-out;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 10px 25px -5px #0000001a;left:0;max-height:240px;overflow-y:auto;padding:8px;position:absolute;right:0;top:calc(100% + 5px);z-index:100}@keyframes slideDropdown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.op-multiselect-option{align-items:center;border-radius:8px;color:#374151;cursor:pointer;display:flex;font-size:14.6px;gap:10px;padding:10px 12px;transition:all .15s}.op-multiselect-option:hover{background:#f3f4f6}.op-multiselect-option.selected{background:#6366f114;color:#4f46e5}.op-checkbox{align-items:center;border:1.5px solid #d1d5db;border-radius:4px;display:flex;flex-shrink:0;height:16px;justify-content:center;transition:all .2s;width:16px}.op-multiselect-option.selected .op-checkbox{background:#6366f1;border-color:#6366f1}.op-checkbox-inner{color:#fff;font-size:11.36px;opacity:0;transform:scale(.5);transition:all .2s}.op-multiselect-option.selected .op-checkbox-inner{opacity:1;transform:scale(1)}.theme-dark .op-multiselect-input{background:#111;border-color:#2a2a2a}.theme-dark .op-multiselect-input:hover{border-color:#4f46e5}.theme-dark .op-multiselect-placeholder{color:#555}.theme-dark .op-multiselect-dropdown{background:#111;border-color:#2a2a2a;box-shadow:0 10px 25px -5px #00000080}.theme-dark .op-multiselect-option{color:#aaa}.theme-dark .op-multiselect-option:hover{background:#1e1e1e}.theme-dark .op-multiselect-option.selected{background:#4f46e51a;color:#818cf8}.theme-dark .op-checkbox{border-color:#333}.theme-dark .op-multiselect-option.selected .op-checkbox{background:#4f46e5;border-color:#4f46e5}.theme-dark .op-chip{background:#4f46e533;border-color:#4f46e566;color:#fff}.theme-dark .op-chip-remove{background:#ffffff1a}.theme-dark .op-chip-remove:hover{background:#ef4444}.profile-service-badge{align-items:center;background:#6366f11f;border:1px solid #6366f140;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:12.44px;font-weight:600;gap:6px;padding:5px 12px;transition:all .2s}.profile-service-badge:hover{background:#6366f133;border-color:#6366f166;transform:translateY(-1px)}.mo-service-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.mo-service-tag{align-items:center;background:#6366f126;border:1px solid #6366f159;border-radius:20px;color:#a5b4fc;display:inline-flex;font-size:12.44px;font-weight:600;letter-spacing:.2px;padding:4px 11px}.pp-page{background:#f0f2f8;display:flex;flex:1 1;flex-direction:column;gap:22px;overflow-y:auto;padding:28px 32px}.pp-toast{align-items:center;animation:ppSlideIn .3s cubic-bezier(.34,1.56,.64,1);border-radius:12px;box-shadow:0 8px 32px #00000073;display:flex;font-size:14.6px;font-weight:600;gap:8px;padding:13px 24px;position:fixed;right:28px;top:22px;z-index:9999}.pp-toast.success{background:linear-gradient(135deg,#16a34a,#15803d);border:1px solid #22c55e40;color:#fff}.pp-toast.error{background:linear-gradient(135deg,#dc2626,#b91c1c);border:1px solid #ef444440;color:#fff}@keyframes ppSlideIn{0%{opacity:0;transform:translateY(-14px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.pp-banner{align-items:center;background:linear-gradient(135deg,#fff,#f9faff);border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 10px 30px #0000000a;display:flex;justify-content:space-between;margin-bottom:24px;overflow:hidden;padding:24px 32px;position:relative}.pp-banner:before{background:radial-gradient(circle,#6366f140 0,#0000 70%);content:"";height:180px;pointer-events:none;position:absolute;right:-40px;top:-40px;width:180px}.pp-banner-left{align-items:center;display:flex;gap:18px;position:relative;z-index:1}.pp-banner-icon{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 12px #00000008;display:flex;flex-shrink:0;font-size:28.96px;height:56px;justify-content:center;width:56px}.pp-banner-title{color:#1e1e2e;font-size:24.51px;font-weight:800;letter-spacing:-.4px;margin-bottom:4px}.pp-banner-sub{color:#64748b;font-size:14.6px;font-weight:500}.pp-submit-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:1px solid #ffffff26;border-radius:12px;box-shadow:0 4px 20px #6366f166;color:#fff;cursor:pointer;flex-shrink:0;font-size:14.6px;font-weight:700;padding:12px 24px;position:relative;transition:all .2s;z-index:1}.pp-submit-btn:hover{background:linear-gradient(135deg,#4f46e5,#7c3aed);box-shadow:0 6px 28px #6366f180;transform:translateY(-2px)}.pp-submit-btn:active{transform:translateY(0)}.pp-submit-btn:disabled{background:#2a2a2a;border-color:#333;box-shadow:none;cursor:not-allowed;transform:none}.pp-btn-inner{align-items:center;display:flex;gap:8px}.pp-spinner{animation:spin .7s linear infinite;border:2.5px solid #ffffff40;border-radius:50%;border-top-color:#fff;height:14px;width:14px}@keyframes spin{to{transform:rotate(1turn)}}.pp-layout{grid-gap:18px;align-items:start;display:grid;gap:18px;grid-template-columns:1fr 290px}.pp-main-col,.pp-side-col{display:flex;flex-direction:column;gap:16px}.pp-card{background:#fff;border:1px solid #dde1f0;border-radius:16px;box-shadow:0 2px 12px #0000000f;overflow:hidden;padding:22px 24px;position:relative;transition:all .2s}.pp-card-vendors{background:linear-gradient(160deg,#f5f6ff,#eef0fb);border-top:2px solid #6366f1}.pp-card-vehicles{background:linear-gradient(160deg,#f0fafa,#eef0fb);border-top:2px solid #14b8a6}.pp-card-pricing{background:linear-gradient(160deg,#f0fdf9,#ecfdf5);border-top:2px solid #10b981}.pp-card-limits{background:linear-gradient(160deg,#fcfaf0,#fdfaf5);border-top:2px solid #3f51b5}.pp-card:before{border-radius:16px 16px 0 0;content:"";height:2px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .2s}.pp-card:hover{border-color:#9da3c8}.pp-card:hover:before{opacity:1}.pp-card:first-child:before{background:linear-gradient(90deg,#6366f1,#8b5cf6)}.pp-card:nth-child(2):before{background:linear-gradient(90deg,#14b8a6,#06b6d4)}.pp-card:nth-child(3):before{background:linear-gradient(90deg,#3f51b5,#f97316)}.pp-card-label{align-items:center;color:#6b7280;display:flex;font-size:11.36px;font-weight:700;gap:9px;letter-spacing:.9px;margin-bottom:14px;text-transform:uppercase}.pp-card-dot{border-radius:50%;box-shadow:0 0 6px currentColor;flex-shrink:0;height:8px;width:8px}.pp-card-vendors .pp-card-dot{background:#6366f1;color:#6366f1}.pp-card-vehicles .pp-card-dot{background:#14b8a6;color:#14b8a6}.pp-card-pricing .pp-card-dot{background:#10b981;color:#10b981}.pp-card-limits .pp-card-dot{background:#3f51b5;color:#3f51b5}.pp-required{color:#f87171;font-size:16.76px;margin-left:2px}.pp-hint-tag{background:linear-gradient(135deg,#f59e0b26,#f973161a);border:1px solid #f59e0b40;border-radius:20px;color:#fbbf24;font-size:11.36px;font-weight:600;letter-spacing:0;margin-left:auto;padding:3px 10px;text-transform:none}.pp-input{background:#f6f7fc;border:1.5px solid #dde1f0;border-radius:10px;box-sizing:border-box;color:#1e1e2e;font-family:inherit;font-size:15.68px;outline:none;transition:border-color .2s,box-shadow .2s,background .2s;width:100%}.pp-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pp-input::placeholder{color:#b0b4cc}.pp-input-lg{font-size:16.76px;font-weight:500;padding:14px 16px}.pp-textarea{line-height:1.65;min-height:110px;padding:13px 16px;resize:vertical}.pp-pricing-row{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}.pp-pricing-field{display:flex;flex-direction:column;gap:8px}.pp-field-label{color:#6b7280;font-size:12.44px;font-weight:700;letter-spacing:.7px;text-transform:uppercase}.pp-price-input-wrap{align-items:center;display:flex;position:relative}.pp-currency{color:#10b981;font-size:16.76px;font-weight:700;left:14px;pointer-events:none;position:absolute;z-index:1}.pp-price-input{padding-left:30px!important}.pp-limits-row{grid-gap:14px;display:grid;gap:14px;grid-template-columns:1fr 1fr;grid-template-rows:auto auto}.pp-limit-divider{display:none}.pp-limit-box{align-items:center;background:#f6f7fc;border:1.5px solid #dde1f0;border-radius:12px;cursor:text;display:flex;gap:14px;padding:18px 20px;transition:border-color .2s,box-shadow .2s}.pp-limit-box:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.pp-limit-icon{filter:drop-shadow(0 2px 6px rgba(0,0,0,.5));flex-shrink:0;font-size:28.96px}.pp-limit-info{display:flex;flex:1 1;flex-direction:column;gap:5px}.pp-limit-label{color:#6b7280;font-size:11.36px;font-weight:700;letter-spacing:.8px;text-transform:uppercase}.pp-limit-info .pp-input{background:#0000;border:none;border-bottom:1.5px solid #dde1f0;border-radius:0;box-shadow:none;color:#3730a3;font-size:28.96px;font-weight:800;padding:4px 0}.pp-limit-info .pp-input:focus{background:#0000;border-bottom-color:#6366f1;box-shadow:none;color:#4338ca}.pp-limit-info .pp-input::placeholder{color:#c0c4dc}.pp-free-card{background:linear-gradient(135deg,#f5f3ff,#ede9fe);border:1px solid #c4b5fd55;display:flex;flex-direction:column;gap:16px}.pp-free-card:before{background:linear-gradient(90deg,#8b5cf6,#ec4899)}.pp-free-card:hover:before{opacity:1}.pp-free-top{align-items:center;display:flex;gap:14px}.pp-free-icon{filter:drop-shadow(0 4px 8px rgba(139,92,246,.4));font-size:33.43px}.pp-free-title{color:#3730a3;font-size:16.76px;font-weight:700;margin-bottom:3px}.pp-free-desc{color:#7c6ab0;font-size:12.44px;line-height:1.4}.pp-toggle{align-self:center;background:#d1d5e8;border:1.5px solid #b0b4cc;border-radius:30px;cursor:pointer;flex-shrink:0;height:30px;position:relative;transition:all .3s cubic-bezier(.34,1.56,.64,1);width:54px}.pp-toggle-on{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-color:#6366f1;box-shadow:0 0 18px #6366f173}.pp-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 6px #00000059;height:18px;left:4px;position:absolute;top:4px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);width:18px}.pp-toggle-on .pp-toggle-thumb{transform:translateX(24px)}.pp-free-badge{animation:ppSlideIn .3s ease;background:linear-gradient(135deg,#22c55e1f,#10b98114);border:1px solid #4ade8040;border-radius:10px;box-shadow:0 0 16px #22c55e1a;color:#4ade80;font-size:14.6px;font-weight:600;padding:9px 14px;text-align:center}.pp-preview-card{background:linear-gradient(160deg,#f0f4ff,#eef2ff);border:1px solid #c7d0f5;min-height:140px}.pp-preview-card:before{background:linear-gradient(90deg,#06b6d4,#3b82f6)}.pp-preview-card:hover:before{opacity:1}.pp-preview-title{align-items:center;color:#9099c8;display:flex;font-size:10.28px;font-weight:800;gap:6px;letter-spacing:1.2px;margin-bottom:16px;text-transform:uppercase}.pp-preview-title:after{background:#dde1f5;content:"";flex:1 1;height:1px}.pp-preview-name{color:#3730a3;font-size:21.16px;font-weight:800;letter-spacing:-.3px;margin-bottom:8px;min-height:28px}.pp-preview-desc{color:#6b7280;font-size:14.6px;line-height:1.6;margin-bottom:12px}.pp-preview-chips{border-top:1px solid #dde1f5;display:flex;flex-wrap:wrap;gap:6px;margin-top:14px;padding-top:14px}.pp-chip{border-radius:20px;font-size:12.44px;font-weight:700;letter-spacing:.2px;padding:5px 13px}.pp-chip-green{background:#4ade801a;border:1px solid #4ade8040;color:#4ade80}.pp-chip-blue{background:#6366f11f;border:1px solid #6366f14d;color:#818cf8}.pp-chip-amber{background:#fbbf241a;border:1px solid #fbbf2440;color:#fbbf24}.mpp-page{background:#f0f2f8;display:flex;flex:1 1;flex-direction:column;gap:24px;overflow-y:auto;padding:28px 32px}.mpp-header{align-items:center;background:#fff;border:1px solid #e5e7f0;border-radius:20px;box-shadow:0 10px 30px #0000000a;display:flex;justify-content:space-between;margin-bottom:32px;padding:24px 32px}.mpp-title{color:#1e1e2e;font-size:24.51px;font-weight:800;letter-spacing:-.3px;margin-bottom:4px}.mpp-subtitle{color:#6b7280;font-size:14.6px}.mpp-btn-create{align-items:center;background:linear-gradient(135deg,#6366f1,#4f46e5);border:none;border-radius:12px;box-shadow:0 4px 12px #6366f140;color:#fff;cursor:pointer;display:flex;font-size:14.6px;font-weight:600;padding:10px 20px;transition:all .2s}.mpp-btn-create:hover{box-shadow:0 6px 16px #6366f159;filter:brightness(1.1);transform:translateY(-2px)}.mpp-grid{grid-gap:22px;align-items:start;display:grid;gap:22px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.mpp-card{background:#fff;border:1px solid #e5e7f0;border-radius:20px;box-shadow:0 4px 20px #00000012;display:flex;flex-direction:column;gap:0;overflow:hidden;padding:28px 24px 20px;position:relative;transition:transform .2s,box-shadow .2s}.mpp-card:before{background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:20px 20px 0 0;content:"";height:4px;left:0;position:absolute;right:0;top:0}.mpp-card-free:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.mpp-card:hover{box-shadow:0 10px 40px #0000001f;transform:translateY(-4px)}.mpp-card-top{margin-bottom:16px}.mpp-badge-free{background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:20px;color:#fff;display:inline-block;font-size:11.36px;font-weight:800;letter-spacing:1px;margin-bottom:8px;padding:3px 10px}.mpp-plan-name{color:#1e1e2e;font-size:22.28px;font-weight:800;letter-spacing:-.3px;margin-bottom:6px}.mpp-plan-desc{color:#6b7280;font-size:14.6px;line-height:1.5}.mpp-pricing-block{margin-bottom:18px}.mpp-price-amount{align-items:flex-start;color:#3730a3;display:flex;font-size:42.34px;font-weight:800;gap:2px;letter-spacing:-1px;line-height:1}.mpp-price-currency{color:#6366f1;font-size:22.28px;font-weight:700;margin-top:6px}.mpp-price-period{color:#9ca3af;font-size:14.6px;font-weight:500;margin-top:4px}.mpp-price-free{color:#10b981;font-size:37.88px;font-weight:800}.mpp-divider{background:#f0f0f8;height:1px;margin-bottom:18px}.mpp-limits-list{display:flex;flex-direction:column;gap:10px;margin-bottom:22px}.mpp-limit-row{gap:10px}.mpp-check,.mpp-limit-row{align-items:center;display:flex}.mpp-check{background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;flex-shrink:0;font-size:11.36px;font-weight:800;height:20px;justify-content:center;width:20px}.mpp-card-free .mpp-check{background:linear-gradient(135deg,#10b981,#06b6d4)}.mpp-limit-text{color:#374151;font-size:14.6px}.mpp-limit-text strong{color:#1e1e2e;font-weight:700}.mpp-card-actions{border-top:1px solid #f0f0f8;display:flex;gap:8px;padding-top:16px}.mpp-action-edit{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:10px;box-shadow:0 2px 10px #6366f140;color:#fff;cursor:pointer;flex:1 1;font-size:14.6px;font-weight:600;padding:9px 0;transition:all .18s}.mpp-action-edit:hover{box-shadow:0 4px 16px #6366f166;transform:translateY(-1px)}.mpp-action-delete{background:#ef444414;border:1.5px solid #ef444433;border-radius:10px;color:#ef4444;cursor:pointer;flex:1 1;font-size:14.6px;font-weight:600;padding:9px 0;transition:all .18s}.mpp-action-delete:hover{background:#ef4444;border-color:#ef4444;color:#fff;transform:translateY(-1px)}.mpp-modal-overlay{align-items:center;background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.mpp-modal-box{background:#fff;border-radius:20px;box-shadow:0 16px 60px #0000002e;min-width:340px;padding:36px 32px;text-align:center}.mpp-modal-icon{font-size:46.79px;margin-bottom:12px}.mpp-modal-title{color:#1e1e2e;font-size:20.05px;font-weight:800;margin-bottom:8px}.mpp-modal-sub{color:#6b7280;font-size:14.6px;margin-bottom:24px}.mpp-modal-actions{display:flex;gap:12px;justify-content:center}.mpp-btn-cancel{background:#f3f4f6;border:none;border-radius:10px;color:#374151;cursor:pointer;font-size:15.68px;font-weight:600;padding:10px 24px;transition:background .18s}.mpp-btn-cancel:hover{background:#e5e7eb}.mpp-btn-confirm{background:linear-gradient(135deg,#ef4444,#dc2626);border:none;border-radius:10px;box-shadow:0 2px 10px #ef44444d;color:#fff;cursor:pointer;font-size:15.68px;font-weight:600;padding:10px 24px;transition:all .18s}.mpp-btn-confirm:hover{box-shadow:0 4px 18px #ef444473;transform:translateY(-1px)}.mpp-empty{color:#9ca3af;padding:80px 0;text-align:center}.mpp-empty-icon{font-size:57.93px;margin-bottom:14px}.mpp-loading{color:#9ca3af;font-size:16.76px;padding:80px 0;text-align:center}.mpp-tabs-container{display:flex;justify-content:center;margin-bottom:40px}.mpp-tabs{background:#fff;border:1px solid #eef0f7;border-radius:18px;box-shadow:0 4px 25px #0000000a;display:flex;gap:4px;min-width:400px;padding:10px}.mpp-tab{background:#0000;border:none;border-radius:14px;color:#3b82f6;cursor:pointer;flex:1 1;font-size:17.85px;font-weight:700;padding:12px 20px;text-transform:capitalize;transition:all .25s cubic-bezier(.4,0,.2,1);white-space:nowrap}.mpp-tab.active{background:#3b82f6;box-shadow:0 4px 15px #3b82f64d;color:#fff}.mpp-tab:hover:not(.active){background:#f8fafc}.theme-dark .pp-page{background:#111}.theme-dark .pp-banner{background:linear-gradient(135deg,#1a1a1a,#161616);border-color:#222;box-shadow:0 10px 30px #0000004d}.theme-dark .pp-banner-title{color:#f0f0f0}.theme-dark .pp-banner-sub{color:#888}.theme-dark .pp-banner-icon{background:#1e1e1e;border-color:#2a2a2a}.theme-dark .pp-card{background:#161616;border-color:#262626;box-shadow:0 4px 20px #00000040}.theme-dark .pp-card-vendors{background:linear-gradient(160deg,#1a1b2e,#161616);border-top-color:#6366f1}.theme-dark .pp-card-vehicles{background:linear-gradient(160deg,#162423,#161616);border-top-color:#14b8a6}.theme-dark .pp-card-pricing{background:linear-gradient(160deg,#15241e,#161616);border-top-color:#10b981}.theme-dark .pp-card-limits{background:linear-gradient(160deg,#242018,#161616);border-top-color:#3f51b5}.theme-dark .pp-card-pricing label{color:#888}.theme-dark .pp-input{background:#1e1e1e;border-color:#2a2a2a;color:#f0f0f0}.theme-dark .pp-input:focus{background:#252525;border-color:#6366f1}.theme-dark .pp-limit-box{background:#1e1e1e;border-color:#2a2a2a}.theme-dark .pp-limit-label{color:#888}.theme-dark .pp-limit-info .pp-input{border-bottom-color:#2a2a2a;color:#818cf8}.theme-dark .pp-free-card{background:linear-gradient(135deg,#1e1b2e,#161616);border-color:#2d2a3e}.theme-dark .pp-free-title{color:#e9e9ff}.theme-dark .pp-free-desc{color:#a1a1c0}.theme-dark .pp-toggle{background:#2a2a2a;border-color:#333}.theme-dark .pp-preview-card{background:linear-gradient(160deg,#1a1e2e,#161616);border-color:#2d334e}.theme-dark .pp-preview-name{color:#e9e9ff}.theme-dark .pp-preview-desc{color:#888}.theme-dark .pp-preview-title:after{background:#2a2a2a}.theme-dark .pp-unnamed-text{color:#555}.theme-dark .mpp-page{background:#111}.theme-dark .mpp-header{background:#161616;border-color:#222;box-shadow:0 10px 30px #0000004d}.theme-dark .mpp-title{color:#f0f0f0}.theme-dark .mpp-subtitle{color:#888}.theme-dark .mpp-tabs{background:#161616;border-color:#222;box-shadow:0 4px 25px #0003}.theme-dark .mpp-tab:hover:not(.active){background:#1e1e1e}.theme-dark .mpp-card{background:#161616;border-color:#262626;box-shadow:0 4px 20px #00000040}.theme-dark .mpp-plan-name{color:#f0f0f0}.theme-dark .mpp-plan-desc{color:#888}.theme-dark .mpp-price-amount{color:#818cf8}.theme-dark .mpp-price-currency{color:#6366f1}.theme-dark .mpp-limit-text{color:#9ca3af}.theme-dark .mpp-limit-text strong{color:#e0e0e0}.theme-dark .mpp-divider{background:#222}.theme-dark .mpp-card-actions{border-top-color:#222}.theme-dark .mpp-modal-box{background:#161616;border:1px solid #222;box-shadow:0 16px 60px #00000080}.theme-dark .mpp-modal-title{color:#f0f0f0}.theme-dark .mpp-modal-sub{color:#888}.theme-dark .mpp-btn-cancel{background:#222;color:#ccc}.theme-dark .mpp-btn-cancel:hover{background:#2a2a2a}.md-page{background:#f5f6fa;background:var(--page-bg,#f5f6fa);display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:28px 28px 40px}.md-header{align-items:flex-start;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between}.md-title{color:#1a1a2e;font-size:24.51px;font-weight:700;margin:0}.md-subtitle{color:#7a7f9a;font-size:14.6px;margin-top:4px}.md-header-right{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.md-help-btn{align-items:center;background:#0000;border:1.5px solid #d0d5e8;border-radius:8px;color:#555c85;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:500;gap:6px;padding:7px 14px;transition:border-color .2s,color .2s}.md-help-btn:hover{border-color:#3d4ed8;color:#3d4ed8}.md-search-wrap{align-items:center;background:#fff;border:1.5px solid #d0d5e8;border-radius:8px;color:#aaa;display:flex;gap:8px;padding:7px 12px}.md-search{background:#0000;border:none;color:#333;font-size:14.6px;outline:none;width:160px}.md-search::placeholder{color:#b0b5cc}.md-add-btn{align-items:center;background:#2c3ecc;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:600;gap:6px;padding:8px 16px;transition:background .2s,transform .15s}.md-add-btn:hover{background:#2334b8;transform:translateY(-1px)}.md-add-btn:active{transform:translateY(0)}.md-tabs-wrap{-webkit-overflow-scrolling:touch;background:#fff;border:1px solid #e0e4f0;border-radius:12px;overflow-x:auto}.md-tabs{align-items:stretch;display:flex;gap:2px;min-width:-webkit-max-content;min-width:max-content;padding:4px}.md-tab{align-items:center;background:#0000;border:none;border-radius:8px;color:#7a7f9a;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:500;gap:6px;padding:9px 15px;transition:background .15s,color .15s;white-space:nowrap}.md-tab:hover{background:#f0f2fb;color:#3d4ed8}.md-tab-active{background:#2c3ecc;color:#fff}.md-tab-active:hover{background:#2334b8;color:#fff}.md-panel{background:#fff;border:1px solid #e0e4f0;border-radius:14px;overflow:hidden}.md-panel-toolbar{border-bottom:1px solid #eef0f8;display:flex;justify-content:flex-end;padding:12px 18px}.md-export-btn{align-items:center;background:#fff;border:1.5px solid #d0d5e8;border-radius:8px;color:#555c85;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:500;gap:6px;padding:7px 14px;transition:border-color .2s,color .2s}.md-export-btn:hover{border-color:#3d4ed8;color:#3d4ed8}.md-table-wrap{overflow-x:auto}.md-table{border-collapse:collapse;font-size:14.6px;width:100%}.md-th{background:#fafbff;border-bottom:1px solid #eef0f8;color:#7a7f9a;font-size:12.44px;font-weight:600;letter-spacing:.2px;padding:12px 16px;text-align:left;white-space:nowrap}.md-th-check{text-align:center;width:40px}.md-checkbox{accent-color:#2c3ecc;cursor:pointer;height:15px;width:15px}.md-table tbody tr{border-bottom:1px solid #f0f2f8;transition:background .15s}.md-table tbody tr:hover{background:#f7f8fd}.md-table tbody tr:last-of-type{border-bottom:none}.md-empty{padding:60px 24px;text-align:center}.md-empty-inner{flex-direction:column;gap:10px}.md-empty-icon,.md-empty-inner{align-items:center;display:flex}.md-empty-icon{background:#f0f2fb;border:1.5px solid #e0e4f0;border-radius:20px;color:#b0b8d8;height:72px;justify-content:center;margin-bottom:4px;width:72px}.md-empty-title{color:#3a3f5c;font-size:16.76px;font-weight:600}.md-empty-sub{color:#9298b5;font-size:14.6px}.theme-light .md-page{background:#f5f6fa}.theme-light .md-title{color:#1a1a2e}.theme-light .md-panel,.theme-light .md-tabs-wrap{background:#fff;border-color:#e0e4f0}.theme-dark .md-page{background:#111}.theme-dark .md-title{color:#e8eaf6}.theme-dark .md-subtitle{color:#666}.theme-dark .md-help-btn{background:#1a1a1a;border-color:#2a2a2a;color:#999}.theme-dark .md-help-btn:hover{border-color:#5c6ef5;color:#5c6ef5}.theme-dark .md-search-wrap{background:#1a1a1a;border-color:#2a2a2a;color:#666}.theme-dark .md-search{color:#ccc}.theme-dark .md-search::placeholder{color:#555}.theme-dark .md-tabs-wrap{background:#161616;border-color:#222}.theme-dark .md-tab{color:#666}.theme-dark .md-tab:hover{background:#6366f114;color:#a5b0ff}.theme-dark .md-tab-active{background:#2c3ecc;color:#fff}.theme-dark .md-panel{background:#161616;border-color:#222}.theme-dark .md-panel-toolbar,.theme-dark .md-th{border-bottom-color:#222}.theme-dark .md-th{background:#1a1a1a;color:#666}.theme-dark .md-table tbody tr{border-bottom-color:#1e1e1e}.theme-dark .md-table tbody tr:hover{background:#1c1c1c}.theme-dark .md-export-btn{background:#1a1a1a;border-color:#2a2a2a;color:#888}.theme-dark .md-export-btn:hover{border-color:#5c6ef5;color:#5c6ef5}.theme-dark .md-empty-icon{background:#1e1e1e;border-color:#2a2a2a;color:#444}.theme-dark .md-empty-title{color:#ccc}.theme-dark .md-empty-sub{color:#555}.md-td{color:#3a3f5c;font-size:14.6px;padding:12px 16px;vertical-align:middle}.md-actions{display:flex;gap:6px}.md-icon-btn{align-items:center;background:#fff;border:1.5px solid #e0e4f0;border-radius:7px;color:#6b7280;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:all .15s;width:30px}.md-icon-btn:hover{background:#f0f2fb;border-color:#3d4ed8;color:#3d4ed8}.md-icon-btn-danger:hover{background:#fff5f5;border-color:#ef4444;color:#ef4444}.md-color-dot{border:1.5px solid #0000001a;border-radius:50%;display:inline-block;height:14px;margin-right:4px;vertical-align:middle;width:14px}.md-status-badge{border-radius:20px;display:inline-block;font-size:12.44px;font-weight:600;padding:3px 10px}.md-badge-active{background:#dcfce7;color:#16a34a}.md-badge-inactive{background:#f3f4f6;color:#9ca3af}.md-modal-overlay{align-items:center;animation:mdFadeIn .18s ease;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000073;display:flex;inset:0;justify-content:center;position:fixed;z-index:1100}@keyframes mdFadeIn{0%{opacity:0}to{opacity:1}}.md-modal{animation:mdSlideUp .2s cubic-bezier(.34,1.56,.64,1);background:#fff;border-radius:18px;box-shadow:0 24px 80px #0000002e;display:flex;flex-direction:column;max-height:90vh;max-width:96vw;width:520px}@keyframes mdSlideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.md-modal-header{align-items:center;border-bottom:1px solid #eef0f8;display:flex;justify-content:space-between;padding:20px 24px 16px}.md-modal-title{color:#1a1a2e;font-size:17.85px;font-weight:700;margin:0}.md-modal-close{align-items:center;background:#f3f4f6;border:none;border-radius:8px;color:#6b7280;cursor:pointer;display:inline-flex;height:32px;justify-content:center;transition:background .15s,color .15s;width:32px}.md-modal-close:hover{background:#e5e7eb;color:#1f2937}.md-modal-body{gap:16px;overflow-y:auto;padding:20px 24px}.md-form-group,.md-modal-body{display:flex;flex-direction:column}.md-form-group{gap:6px}.md-form-row{align-items:flex-start;display:flex;gap:20px}.md-form-group-icon{min-width:160px}.md-label{color:#374151;font-size:14.6px;font-weight:600}.md-required{color:#ef4444}.md-input{background:#fff;border:1.5px solid #d0d5e8;border-radius:9px;box-sizing:border-box;color:#1f2937;font-size:14.6px;outline:none;padding:9px 12px;transition:border-color .18s;width:100%}.md-input:focus{border-color:#3d4ed8}.md-textarea{background:#f9fafb;border:1.5px solid #d0d5e8;border-radius:9px;box-sizing:border-box;color:#1f2937;font-family:inherit;font-size:14.6px;outline:none;padding:9px 12px;resize:vertical;transition:border-color .18s;width:100%}.md-textarea:focus{background:#fff;border-color:#3d4ed8}.md-color-palette{display:flex;flex-wrap:wrap;gap:7px}.md-color-swatch{border:2.5px solid #0000;border-radius:50%;cursor:pointer;height:30px;outline:none;transition:transform .15s,box-shadow .15s;width:30px}.md-color-swatch:hover{transform:scale(1.15)}.md-color-active{border-color:#1a1a2e!important;box-shadow:0 0 0 3px #2c3ecc40;transform:scale(1.12)}.md-select-wrap{position:relative}.md-select{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #d0d5e8;border-radius:9px;color:#1f2937;cursor:pointer;font-size:14.6px;outline:none;padding:9px 32px 9px 12px;transition:border-color .18s;width:100%}.md-select:focus{border-color:#3d4ed8}.md-select-caret{color:#9ca3af;pointer-events:none;position:absolute;right:10px;top:50%;transform:translateY(-50%)}.md-form-toggle-row{align-items:center;display:flex;gap:12px}.md-toggle-label{color:#374151;font-size:14.6px;font-weight:500}.md-toggle{background:#d1d5db;border:none;border-radius:12px;cursor:pointer;height:24px;padding:0;position:relative;transition:background .2s;width:42px}.md-toggle-on{background:#3d4ed8}.md-toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 1px 4px #0003;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s cubic-bezier(.34,1.56,.64,1);width:18px}.md-toggle-on .md-toggle-thumb{transform:translateX(18px)}.md-modal-footer{border-top:1px solid #eef0f8;display:flex;gap:10px;justify-content:flex-end;padding:16px 24px 20px}.md-cancel-btn{background:#f3f4f6;border:none;border-radius:9px;color:#374151;cursor:pointer;font-size:14.6px;font-weight:600;padding:9px 22px;transition:background .15s}.md-cancel-btn:hover{background:#e5e7eb}.md-save-btn{background:#2c3ecc;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:14.6px;font-weight:600;padding:9px 22px;transition:background .18s,transform .15s}.md-save-btn:hover{background:#2334b8;transform:translateY(-1px)}.theme-dark .md-modal{background:#161616;border:1px solid #222;box-shadow:0 24px 80px #0000008c}.theme-dark .md-modal-header{border-bottom-color:#222}.theme-dark .md-modal-title{color:#e8eaf6}.theme-dark .md-modal-close{background:#222;color:#aaa}.theme-dark .md-modal-close:hover{background:#2a2a2a;color:#fff}.theme-dark .md-label{color:#ccc}.theme-dark .md-input,.theme-dark .md-select,.theme-dark .md-textarea{background:#1e1e1e;border-color:#2a2a2a;color:#e0e0e0}.theme-dark .md-input:focus,.theme-dark .md-select:focus,.theme-dark .md-textarea:focus{border-color:#5c6ef5}.theme-dark .md-cancel-btn{background:#222;color:#ccc}.theme-dark .md-cancel-btn:hover{background:#2a2a2a}.theme-dark .md-modal-footer{border-top-color:#222}.theme-dark .md-td{color:#ccc}.theme-dark .md-icon-btn{background:#1a1a1a;border-color:#2a2a2a;color:#888}.theme-dark .md-icon-btn:hover{background:#1e1e2e;border-color:#5c6ef5;color:#5c6ef5}.theme-dark .md-badge-active{background:#16a34a26;color:#4ade80}.theme-dark .md-badge-inactive{background:#222;color:#666}.theme-dark .md-color-active{border-color:#fff!important}.md-delete-btn{background:#ef4444;border:none;border-radius:9px;color:#fff;cursor:pointer;font-size:14.6px;font-weight:600;padding:9px 22px;transition:background .18s,transform .15s}.md-delete-btn:hover{background:#dc2626;transform:translateY(-1px)}.md-modal-sm{width:400px}.md-delete-body{align-items:center;padding:24px 24px 16px!important;text-align:center}.md-delete-icon{align-items:center;background:#ef44441a;border-radius:50%;color:#ef4444;display:flex;height:56px;justify-content:center;margin-bottom:12px;width:56px}.md-delete-msg{color:#374151;font-size:15.68px;line-height:1.6;margin:0}.md-delete-sub{color:#9ca3af;font-size:14.6px}.theme-dark .md-delete-icon{background:#ef444426}.theme-dark .md-delete-msg{color:#ccc}.theme-dark .md-delete-sub{color:#666}.md-divider{border:none;border-top:1px solid #eef0f8;margin:4px 0}.theme-dark .md-divider{border-top-color:#2a2a2a}.md-status-card{align-items:center;background:#f5f7ff;border:1.5px solid #e0e4f0;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:14px 16px}.md-status-card-info{display:flex;flex-direction:column;gap:3px}.md-status-card-label{color:#2c3ecc;font-size:14.6px;font-weight:700}.md-status-card-desc{color:#7a7f9a;font-size:14.6px;line-height:1.4}.theme-dark .md-status-card{background:#1a1b2e;border-color:#2a2d4a}.theme-dark .md-status-card-label{color:#818cf8}.theme-dark .md-status-card-desc{color:#666}.et-page{background:#f5f6fa;background:var(--page-bg,#f5f6fa);display:flex;flex-direction:column;gap:20px;overflow-y:auto;padding:28px 28px 40px}.et-banner{background:linear-gradient(135deg,#1a237e,#283593 60%,#3949ab);border-radius:16px;flex-wrap:wrap;gap:16px;padding:22px 24px}.et-banner,.et-banner-icon{align-items:center;display:flex}.et-banner-icon{background:#ffffff1f;border-radius:14px;color:#fff;flex-shrink:0;height:48px;justify-content:center;width:48px}.et-banner-text{flex:1 1;min-width:0}.et-title{color:#fff;font-size:22.28px}.et-subtitle{color:#ffffffa6;font-size:14.6px;margin-top:3px}.et-banner-actions{align-items:center;display:flex;flex-shrink:0;gap:10px}.et-help-btn{align-items:center;background:#ffffff1f;border:1.5px solid #ffffff40;border-radius:8px;color:#ffffffd9;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:500;gap:6px;padding:8px 14px;transition:background .2s,border-color .2s}.et-help-btn:hover{background:#fff3;border-color:#ffffff73}.et-add-btn{background:#fff;box-shadow:0 2px 10px #00000026;color:#1a237e;display:inline-flex;font-weight:700;gap:6px;transition:box-shadow .2s,transform .15s}.et-add-btn:hover{box-shadow:0 4px 18px #0003;transform:translateY(-1px)}.et-tabs-row{align-items:center;border-bottom:2px solid #e0e4f0;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between}.et-tabs{display:flex;gap:0}.et-tab{align-items:center;background:#0000;border:none;border-bottom:2.5px solid #0000;color:#7a7f9a;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:500;gap:7px;margin-bottom:-2px;padding:10px 18px;transition:color .15s,border-color .15s;white-space:nowrap}.et-tab:hover{color:#3949ab}.et-tab-active{border-bottom-color:#1a237e;color:#1a237e;font-weight:700}.et-tab-count{align-items:center;background:#eef0f8;border-radius:10px;color:#7a7f9a;display:inline-flex;font-size:11.36px;font-weight:700;height:18px;justify-content:center;min-width:20px;padding:0 5px}.et-tab-active .et-tab-count{background:#1a237e1a;color:#1a237e}.et-tab-controls{align-items:center;display:flex;gap:8px;padding-bottom:8px}.et-select-wrap{position:relative}.et-select{-webkit-appearance:none;appearance:none;background:#fff;border:1.5px solid #d0d5e8;border-radius:8px;color:#374151;cursor:pointer;font-size:14.6px;outline:none;padding:7px 30px 7px 12px;transition:border-color .18s}.et-select:focus{border-color:#3949ab}.et-select-caret{color:#9ca3af;pointer-events:none;position:absolute;right:9px;top:50%;transform:translateY(-50%)}.et-export-btn{align-items:center;background:#fff;border:1.5px solid #d0d5e8;border-radius:8px;color:#555c85;cursor:pointer;display:inline-flex;font-size:14.6px;font-weight:500;gap:6px;padding:7px 14px;transition:border-color .2s,color .2s}.et-export-btn:hover{border-color:#3949ab;color:#3949ab}.et-panel{background:#fff;border:1px solid #e0e4f0;border-radius:14px;overflow:hidden}.et-table-wrap{overflow-x:auto}.et-table{border-collapse:collapse;font-size:14.6px;width:100%}.et-th{background:#fafbff;border-bottom:1px solid #eef0f8;color:#7a7f9a;font-size:12.44px;font-weight:600;letter-spacing:.2px;padding:12px 16px;text-align:left;white-space:nowrap}.et-th-check{text-align:center;width:44px}.et-checkbox{accent-color:#1a237e;cursor:pointer;height:15px;width:15px}.et-table tbody tr{border-bottom:1px solid #f0f2f8;transition:background .15s}.et-table tbody tr:hover{background:#f7f8fd}.et-table tbody tr:last-of-type{border-bottom:none}.et-empty{padding:70px 24px;text-align:center}.et-empty-inner{flex-direction:column;gap:10px}.et-empty-icon,.et-empty-inner{align-items:center;display:flex}.et-empty-icon{background:#1a237e0f;border:1.5px solid #1a237e1f;border-radius:20px;color:#7986cb;height:72px;justify-content:center;margin-bottom:4px;width:72px}.et-empty-title{color:#3a3f5c;font-size:16.76px;font-weight:600}.et-empty-sub{color:#9298b5;font-size:14.6px}.et-td{color:#374151;font-size:14.6px;padding:12px 16px;vertical-align:middle}.et-td-check{text-align:center;width:44px}.et-td-subject{max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.et-td-actions{align-items:center;display:flex;gap:6px}.et-badge{align-items:center;border-radius:20px;display:inline-flex;font-size:12.44px;font-weight:600;padding:3px 10px}.et-badge-active{background:#16a34a1a;color:#16a34a}.et-badge-inactive{background:#f3f4f6;color:#9ca3af}.et-icon-btn{align-items:center;background:#fff;border:1.5px solid #e0e4f0;border-radius:7px;color:#555c85;cursor:pointer;display:inline-flex;height:30px;justify-content:center;transition:border-color .15s,color .15s,background .15s;width:30px}.et-icon-btn:hover{background:#f0f3ff;border-color:#3949ab;color:#3949ab}.et-icon-btn-danger:hover{background:#fff5f5;border-color:#ef4444;color:#ef4444}.et-modal-error{background:#fef2f2;border:1.5px solid #fca5a5;border-radius:8px;color:#b91c1c;font-size:14.6px;padding:9px 14px}.theme-dark .et-page{background:#111}.et-page{background:#f8fafc;flex:1 1;min-height:100%;padding:28px}.et-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:24px}.et-title{color:#1e293b;font-size:26.74px;font-weight:700;margin:0}.et-subtitle{color:#64748b;font-size:15.68px;margin-top:4px}.et-actions{gap:12px}.et-actions,.et-search-box{align-items:center;display:flex}.et-search-box{background:#fff;border:1px solid #e2e8f0;border-radius:8px;gap:8px;padding:8px 12px;width:240px}.et-search-box input{border:none;font-size:14.6px;outline:none;width:100%}.et-add-btn{align-items:center;background:#4f46e5;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14.6px;font-weight:600;gap:8px;padding:9px 16px;transition:background .2s}.et-add-btn:hover{background:#4338ca}.et-content{margin-top:20px}.et-list-container{background:#fff;border:1px solid #eef2f6;border-radius:16px;box-shadow:0 4px 20px #00000008;display:flex;flex-direction:column;gap:12px;padding:24px}.et-list-item{align-items:center;background:#f8fafc;border:1px solid #edf2f7;border-radius:12px;display:flex;justify-content:space-between;padding:16px 24px;transition:all .2s}.et-list-item:hover{background:#fff;border-color:#cbd5e1;box-shadow:0 4px 12px #0000000d;transform:translateX(4px)}.et-li-info{display:flex;flex-direction:column;gap:4px}.et-li-name{color:#1e293b;font-size:17.85px;font-weight:700;margin:0}.et-li-sub{color:#64748b;font-size:14.6px;margin:0}.et-li-actions{display:flex;gap:12px}.et-li-btn{align-items:center;background:#0000;border:1px solid #0000;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.et-li-btn:hover{background:#edf2f7;border-color:#cbd5e1;color:#1e293b}.et-li-btn.send:hover{background:#e0e7ff;border-color:#c7d2fe;color:#4f46e5}.et-li-btn.delete:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.et-card-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.et-light-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;box-shadow:0 1px 2px #0000000d;display:flex;flex-direction:column;gap:12px;padding:20px;transition:transform .2s,box-shadow .2s}.et-light-card:hover{border-color:#cbd5e1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-2px)}.et-lc-head{align-items:center;display:flex;justify-content:space-between}.et-lc-cat{background:#f1f5f9;border-radius:4px;color:#64748b;font-size:12.44px;letter-spacing:.05em;text-transform:uppercase}.et-lc-cat,.et-status-pill{font-weight:700;padding:2px 8px}.et-status-pill{border-radius:100px;font-size:11.36px}.et-status-pill.active{background:#dcfce7;color:#15803d}.et-status-pill.inactive{background:#f1f5f9;color:#64748b}.et-lc-name{color:#1e293b;font-size:17.85px;font-weight:700;margin:0}.et-lc-sub{-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;color:#64748b;display:-webkit-box;font-size:14.6px;height:3em;line-height:1.5;margin:0;overflow:hidden}.et-lc-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;margin-top:auto;padding-top:12px}.et-lc-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;display:flex;flex:1 1;font-size:14.6px;font-weight:600;gap:6px;justify-content:center;padding:8px;transition:all .2s}.et-lc-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#1e293b}.et-lc-btn-primary{background:#4f46e5;border-color:#4f46e5;color:#fff}.et-lc-btn-primary:hover{background:#4338ca;border-color:#4338ca;color:#fff}.theme-dark .et-lc-btn-primary{background:#6366f1;border-color:#6366f1;color:#fff}.theme-dark .et-lc-btn-primary:hover{background:#4f46e5;border-color:#4f46e5}.et-empty-state,.et-loading{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#64748b;font-size:15.68px;padding:60px;text-align:center}.et-li-meta{align-items:center;display:flex;gap:8px}.et-li-badge{background:#e0e7ff;border-radius:4px;color:#4338ca;letter-spacing:.04em;text-transform:uppercase}.et-li-badge,.et-li-status{font-size:12.44px;font-weight:700;padding:2px 8px}.et-li-status{border-radius:100px}.et-li-status.active{background:#dcfce7;color:#15803d}.et-li-status.inactive{background:#f1f5f9;color:#64748b}.et-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a66;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.et-modal{box-shadow:0 20px 25px -5px #0000001a;max-height:85vh;max-width:90vw;width:600px}.et-modal,.et-modal-wide{background:#fff;border-radius:16px;display:flex;flex-direction:column;overflow:hidden}.et-modal-wide{box-shadow:0 24px 40px #00000024;max-height:92vh;max-width:96vw;width:1000px}.et-modal-cols{display:flex;flex:1 1;overflow:hidden}.et-modal-left{border-right:1px solid #e2e8f0;display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px 28px}.et-modal-right{background:#f8fafc;min-width:280px;overflow-y:auto;width:320px}.et-merge-panel{display:flex;flex-direction:column;height:100%}.et-merge-panel-header{background:#f1f5f9;border-bottom:1px solid #e2e8f0;padding:16px 18px 12px;position:-webkit-sticky;position:sticky;top:0;z-index:1}.et-merge-panel-title{color:#1e293b;display:block;font-size:14.6px;font-weight:700;margin-bottom:4px}.et-merge-panel-hint{color:#64748b;font-size:12.44px;line-height:1.4;margin:0}.et-merge-panel-body{display:flex;flex-direction:column;gap:16px;padding:12px}.et-merge-section{display:flex;flex-direction:column;gap:4px}.et-merge-section-label{color:#94a3b8;font-size:12.44px;font-weight:700;letter-spacing:.07em;padding:4px 6px;text-transform:uppercase}.et-merge-table{background:#fff;border:1px solid #e2e8f0;border-radius:10px;overflow:hidden}.et-merge-row{align-items:center;border-bottom:1px solid #f1f5f9;cursor:pointer;display:flex;gap:8px;justify-content:space-between;padding:8px 12px;transition:background .15s}.et-merge-row:last-child{border-bottom:none}.et-merge-row:hover{background:#eff6ff}.et-merge-field-label{color:#475569;font-size:14.6px;white-space:nowrap}.et-merge-tag{background:#e0e7ff;border-radius:4px;color:#4f46e5;font-size:12.44px;font-weight:600;padding:2px 7px;transition:background .15s,color .15s;white-space:nowrap}.et-merge-tag.copied{background:#dcfce7;color:#15803d}.et-toggle-row{align-items:center;display:flex;gap:16px}.theme-dark .et-modal-wide{background:#1e293b}.theme-dark .et-modal-left{border-right-color:#334155}.theme-dark .et-modal-right{background:#0f172a}.theme-dark .et-merge-panel-header{background:#0f172a;border-bottom-color:#334155}.theme-dark .et-merge-panel-title{color:#f1f5f9}.theme-dark .et-merge-panel-hint{color:#64748b}.theme-dark .et-merge-table{background:#1e293b;border-color:#334155}.theme-dark .et-merge-row{border-bottom-color:#243048}.theme-dark .et-merge-row:hover{background:#1e2d44}.theme-dark .et-merge-field-label{color:#94a3b8}.theme-dark .et-merge-tag{background:#312e81;color:#a5b4fc}.theme-dark .et-merge-tag.copied{background:#14532d;color:#86efac}.et-modal-header{align-items:center;border-bottom:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px 24px}.et-modal-title{color:#1e293b;font-size:20.05px;font-weight:700;margin:0}.et-modal-close{background:#0000;border:none;color:#94a3b8;cursor:pointer;padding:4px}.et-modal-body{display:flex;flex-direction:column;gap:24px;overflow-y:auto;padding:24px 32px}.et-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr}.et-form-group{display:flex;flex-direction:column;gap:8px}.et-label{color:#334155;font-size:15.68px;font-weight:700;letter-spacing:-.01em}.et-category-pills{display:flex;flex-wrap:wrap;gap:8px}.et-cat-pill{background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:100px;color:#475569;cursor:pointer;font-size:14.6px;font-weight:600;padding:6px 14px;transition:all .18s ease;white-space:nowrap}.et-cat-pill:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.et-cat-pill.selected{background:#4f46e5;border-color:#4f46e5;box-shadow:0 2px 8px #4f46e540;color:#fff}.theme-dark .et-category-pills .et-cat-pill{background:#1e293b;border-color:#334155;color:#94a3b8}.theme-dark .et-category-pills .et-cat-pill:hover{background:#243048;border-color:#475569;color:#f1f5f9}.theme-dark .et-category-pills .et-cat-pill.selected{background:#4f46e5;border-color:#4f46e5;color:#fff}.et-input,.et-select{background:#fff;border:1px solid #cbd5e1;border-radius:10px;color:#1e293b;font-size:15.68px;outline:none;padding:12px;transition:all .2s}.et-input:focus,.et-select:focus{border-color:#4f46e5;box-shadow:0 0 0 3px #4f46e51a}.et-editor-wrap{border:1px solid #cbd5e1;border-radius:12px;box-shadow:0 1px 2px #0000000d;overflow:hidden}.et-toolbar{background:#f8fafc;border-bottom:1px solid #e2e8f0;display:flex;gap:6px;padding:10px}.et-tb-btn{background:#fff;border:1px solid #e2e8f0;border-radius:6px;color:#475569;cursor:pointer;font-size:14.6px;font-weight:600;padding:6px 12px;transition:all .2s}.et-tb-btn:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e293b}.et-editor{background:#fff;color:#1e293b;font-size:16.76px;line-height:1.6;min-height:250px;outline:none;padding:24px}.et-editor div,.et-editor h1,.et-editor h2,.et-editor h3,.et-editor p{color:#1e293b!important;margin-bottom:.5em}.et-editor h1{font-size:1.5em;font-weight:800}.et-editor h2{font-size:1.25em;font-weight:700}.et-editor h3{font-size:1.1em;font-weight:700}.et-var-hints{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.et-var-pill{background:#eff6ff;border:1px solid #dbeafe;border-radius:6px;color:#1d4ed8;cursor:pointer;font-size:12.44px;font-weight:500;padding:4px 10px}.et-var-pill:hover{background:#dbeafe}.et-toggle{background:#e2e8f0;border:none;border-radius:100px;cursor:pointer;height:24px;position:relative;transition:background .2s;width:44px}.et-toggle.on{background:#4f46e5}.et-toggle-thumb{background:#fff;border-radius:50%;height:18px;left:3px;position:absolute;top:3px;transition:transform .2s;width:18px}.et-toggle.on .et-toggle-thumb{transform:translateX(20px)}.et-modal-footer{border-top:1px solid #e2e8f0;display:flex;gap:12px;justify-content:flex-end;padding:16px 24px}.et-btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#475569}.et-btn-cancel,.et-btn-save{cursor:pointer;font-size:15.68px;font-weight:600;padding:10px 20px}.et-btn-save{background:#4f46e5;border:none;border-radius:8px;color:#fff}.et-btn-save:hover{background:#4338ca}.theme-dark .et-page{background:#0f172a}.theme-dark .et-title{color:#f1f5f9}.theme-dark .et-subtitle{color:#94a3b8}.theme-dark .et-light-card{background:#1e293b;border-color:#334155;box-shadow:0 4px 6px -1px #0003}.theme-dark .et-light-card:hover{background:#243048;border-color:#475569}.theme-dark .et-lc-name{color:#f1f5f9}.theme-dark .et-lc-sub{color:#94a3b8}.theme-dark .et-lc-cat{background:#334155;color:#94a3b8}.theme-dark .et-lc-actions{border-top-color:#334155}.theme-dark .et-lc-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.theme-dark .et-lc-btn:hover{background:#243048;border-color:#475569;color:#f1f5f9}.fa-spin{animation:fa-spin 1.5s linear infinite}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.et-cat-promotion{border-top:3px solid #6366f1}.et-cat-promotion .et-lc-cat{background:#e0e7ff;color:#4338ca}.et-cat-notice{border-top:3px solid #22c55e}.et-cat-notice .et-lc-cat{background:#dcfce7;color:#15803d}.et-cat-reminder{border-top:3px solid #f59e0b}.et-cat-reminder .et-lc-cat{background:#fef3c7;color:#92400e}.et-cat-trip-confirmation{border-top:3px solid #a855f7}.et-cat-trip-confirmation .et-lc-cat{background:#f3e8ff;color:#7e22ce}.et-cat-driver-assignment{border-top:3px solid #0ea5e9}.et-cat-driver-assignment .et-lc-cat{background:#e0f2fe;color:#0369a1}.et-cat-expense-approval{border-top:3px solid #f43f5e}.et-cat-expense-approval .et-lc-cat{background:#ffe4e6;color:#be123c}.theme-dark .et-cat-promotion{border-top-color:#4f46e5}.theme-dark .et-cat-notice{border-top-color:#16a34a}.theme-dark .et-cat-reminder{border-top-color:#d97706}.theme-dark .et-cat-trip-confirmation{border-top-color:#9333ea}.theme-dark .et-cat-driver-assignment{border-top-color:#0284c7}.theme-dark .et-cat-expense-approval{border-top-color:#e11d48}.theme-dark .et-empty-state,.theme-dark .et-loading{background:#1e293b;border-color:#334155;color:#94a3b8}.theme-dark .et-panel{background:#1e293b;border-color:#334155}.theme-dark .et-table th{background:#334155;border-color:#475569;color:#94a3b8}.theme-dark .et-table td{border-color:#334155;color:#cbd5e1}.theme-dark .et-td-name{color:#f1f5f9}.theme-dark .et-cat-tag{background:#334155;color:#94a3b8}.theme-dark .et-icon-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.theme-dark .et-modal{background:#1e293b}.theme-dark .et-modal-header{border-color:#334155}.theme-dark .et-modal-title{color:#f1f5f9}.theme-dark .et-label{color:#94a3b8}.theme-dark .et-input,.theme-dark .et-select{background:#0f172a;border-color:#334155;color:#f1f5f9}.theme-dark .et-toolbar{background:#334155;border-color:#475569}.theme-dark .et-tb-btn{background:#0f172a;border-color:#334155;color:#94a3b8}.theme-dark .et-btn-cancel{background:#1e293b;border-color:#334155;color:#94a3b8}.theme-dark .et-search-box{background:#0f172a;border-color:#334155}.theme-dark .et-search-box input{color:#f1f5f9}.settings-page{background:#f8fafc;display:flex;flex:1 1;flex-direction:column;gap:32px;overflow-y:auto;padding:40px}.theme-dark .settings-page{background:#0f172a}.settings-header{max-width:900px}.settings-title{color:#1e293b;font-size:31.19px;font-weight:800;letter-spacing:-.02em;margin-bottom:8px}.theme-dark .settings-title{color:#f1f5f9}.settings-subtitle{color:#64748b;font-size:16.76px}.settings-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(400px,1fr));max-width:1200px}.settings-card{align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;cursor:pointer;display:flex;gap:20px;padding:24px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-dark .settings-card{background:#1e293b;border-color:#334155}.settings-card:hover{border-color:#6366f1;box-shadow:0 12px 20px -8px #6366f126;transform:translateY(-4px)}.settings-card-icon{align-items:center;background:#f1f5f9;border-radius:14px;color:#6366f1;display:flex;flex-shrink:0;height:52px;justify-content:center;transition:all .3s;width:52px}.theme-dark .settings-card-icon{background:#334155;color:#818cf8}.settings-card:hover .settings-card-icon{background:#6366f1;color:#fff}.settings-card-content{flex:1 1}.settings-card-title{color:#1e293b;font-size:18.94px;font-weight:700;margin-bottom:6px}.theme-dark .settings-card-title{color:#f1f5f9}.settings-card-desc{color:#64748b;font-size:14.6px;line-height:1.5}.settings-card-arrow{align-self:center;color:#cbd5e1;transform:translateX(0);transition:all .3s}.settings-card:hover .settings-card-arrow{color:#6366f1;transform:translateX(4px)}.ts-container{background:#f8fafc;display:flex;height:calc(100vh - 70px)}.theme-dark .ts-container{background:#0f172a}.ts-sidebar{background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;padding:24px 12px;width:280px}.theme-dark .ts-sidebar{background:#1e293b;border-color:#334155}.ts-nav-item{align-items:center;border-radius:12px;color:#64748b;cursor:pointer;display:flex;font-weight:500;gap:12px;margin-bottom:4px;padding:12px 16px;transition:all .2s}.ts-nav-item:hover{background:#f1f5f9;color:#1e293b}.theme-dark .ts-nav-item:hover{background:#334155;color:#f1f5f9}.ts-nav-item.active{background:#6366f1;box-shadow:0 4px 12px #6366f133;color:#fff}.ts-main{flex:1 1;overflow-y:auto;padding:40px}.ts-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:32px}.ts-title-group h1{color:#1e293b;font-size:26.74px;font-weight:800;margin-bottom:4px}.theme-dark .ts-title-group h1{color:#f1f5f9}.ts-title-group p{color:#64748b;font-size:15.68px}.ts-controls{display:flex;gap:12px}.ts-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.ts-priority-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;cursor:default;overflow:hidden;padding:20px;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.theme-dark .ts-priority-card{background:#1e293b;border-color:#334155}.ts-priority-card.tinted{background:#ffffffb3;border-width:2px}.theme-dark .ts-priority-card.tinted{background:#1e293bb3}.ts-priority-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-4px)}.ts-priority-accent{bottom:0;left:0;position:absolute;top:0;width:5px}.ts-priority-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.ts-priority-name{color:#1e293b;font-size:17.85px;font-weight:700}.theme-dark .ts-priority-name{color:#f1f5f9}.ts-dept-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;border-top:3px solid #6366f1;box-shadow:0 1px 3px #0000000d;padding:24px;transition:all .3s}.theme-dark .ts-dept-card{background:#1e293b;border-color:#818cf8 #334155 #334155}.ts-dept-card:hover{border-color:#6366f1}.ts-dept-icon{align-items:center;background:#f1f5f9;border-radius:12px;color:#6366f1;display:flex;height:44px;justify-content:center;margin-bottom:16px;width:44px}.theme-dark .ts-dept-icon{background:#334155;color:#818cf8}.ts-dept-name{color:#1e293b;font-size:20.05px;font-weight:700;margin-bottom:6px}.theme-dark .ts-dept-name{color:#f1f5f9}.ts-dept-manager{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:6px;color:#64748b;display:flex;font-size:14.6px;gap:6px;margin-bottom:0;padding:6px 10px}.theme-dark .ts-dept-manager{background:#0f172a;border-color:#334155;color:#94a3b8}.ts-reply-card{background:#fdfdfd;background:linear-gradient(135deg,#f8fafc,#fff);border:1px solid #eef2f7;border-radius:16px;padding:24px;position:relative;transition:all .3s}.theme-dark .ts-reply-card{background:linear-gradient(135deg,#0f172a,#1e293b);border-color:#334155}.ts-reply-card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f614}.ts-reply-header{align-items:center;display:flex;gap:12px;margin-bottom:16px}.ts-reply-title{color:#1e293b;font-size:17.85px;font-weight:700}.theme-dark .ts-reply-title{color:#f1f5f9}.ts-reply-body{background:#fff;border:1px solid #f1f5f9;border-radius:12px;margin-bottom:16px;padding:16px}.theme-dark .ts-reply-body{background:#0f172a;border-color:#334155}.ts-card-actions{border-top:1px solid #f1f5f9;display:flex;gap:8px;margin-top:20px;padding-top:16px}.theme-dark .ts-card-actions{border-color:#334155}.ts-action-btn{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;justify-content:center;padding:8px;transition:all .2s}.theme-dark .ts-action-btn{background:#1e293b;border-color:#334155;color:#94a3b8}.ts-action-btn:hover{background:#f1f5f9;color:#1e293b}.ts-action-btn.danger:hover{background:#fef2f2;border-color:#fecaca;color:#ef4444}.ts-cp-container{position:relative;width:100%}.ts-cp-input{align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:12px;padding:10px 14px;transition:all .2s}.theme-dark .ts-cp-input{background:#1e293b;border-color:#334155}.ts-cp-input:hover{border-color:#6366f1}.ts-cp-swatch{border-radius:6px;box-shadow:inset 0 0 0 1px #0000001a;height:24px;width:24px}.ts-cp-hex{color:#1e293b;flex:1 1;font-family:JetBrains Mono,Courier New,monospace;font-size:15.68px;font-weight:600}.theme-dark .ts-cp-hex{color:#f1f5f9}.ts-cp-popover{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 10px 25px -5px #0000001a,0 8px 10px -6px #0000001a;left:0;padding:16px;position:absolute;top:calc(100% + 8px);width:240px;z-index:100}.theme-dark .ts-cp-popover{background:#1e293b;border-color:#334155}.ts-cp-wheel-space{display:flex;justify-content:center;margin-bottom:16px;padding:10px}.ts-cp-wheel{background:conic-gradient(red,#ff0,lime,aqua,blue,#f0f,red);border-radius:50%;cursor:crosshair;height:160px;position:relative;width:160px}.ts-cp-wheel-inner{background:#fff;border-radius:50%;bottom:30px;left:30px;position:absolute;right:30px;top:30px}.theme-dark .ts-cp-wheel-inner{background:#1e293b}.ts-cp-selector{background:#fff;border:2px solid #1e293b;border-radius:50%;height:12px;left:50%;margin:-6px;pointer-events:none;position:absolute;top:50%;width:12px}.ts-cp-footer{display:flex;gap:8px}.ts-cp-hex-input{border:1px solid #e2e8f0;border-radius:8px;flex:1 1;font-family:monospace;font-size:14.6px;padding:8px 12px}.theme-dark .ts-cp-hex-input{background:#0f172a;border-color:#334155;color:#f1f5f9}.ts-cp-native{background:none;border:none;cursor:pointer;height:36px;padding:0;width:36px}.ts-cp-native::-webkit-color-swatch-wrapper{padding:0}.ts-cp-native::-webkit-color-swatch{border:1px solid #e2e8f0;border-radius:6px}.border-premium{border:1px solid #e2e8f0!important;border-radius:10px!important;padding:12px 14px!important;transition:all .2s ease}.border-premium:focus{border-color:#3b82f6!important;box-shadow:0 0 0 4px #3b82f61a!important;outline:none}.btn-premium{border-radius:10px!important;font-weight:600!important;height:44px;padding:0 24px!important}.premium-toggle-box{background:#f8fafc!important;border:1px solid #f1f5f9!important;border-radius:12px!important;margin-top:24px!important;padding:16px!important}.zone-form-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:1fr 1fr}@media (max-width:600px){.zone-form-grid{grid-template-columns:1fr}}.zone-modal{max-width:550px!important}.zone-card{background:#fff!important;border:1px solid #e2e8f0!important;border-left:4px solid #1e293b!important}.theme-dark .zone-card{background:#1e293b!important;border-color:#334155 #334155 #334155 #94a3b8!important}.zone-card:hover{border-color:#1e293b!important;box-shadow:0 10px 15px -3px #0000000d!important}.users-page{display:flex;flex:1 1;flex-direction:column;gap:20px;overflow-y:auto;padding:24px}.users-header h1{font-size:26.74px;font-weight:700;margin-bottom:4px}.users-header p{color:#666;font-size:15.6px}.users-tabs{background:#fff;border:1px solid #e5e7eb;border-radius:12px;display:flex;gap:8px;margin-bottom:24px;padding:6px}.theme-dark .users-tabs{background:#1a1a1a;border-color:#2a2a2a}.tab-btn{align-items:center;background:#0000;border:none;border-radius:8px;color:#666;cursor:pointer;display:flex;font-size:15.6px;font-weight:500;gap:8px;padding:10px 20px;transition:all .2s}.tab-btn:hover{background:#0000000d}.theme-dark .tab-btn:hover{background:#ffffff0d}.tab-btn.active{color:#fff}.tab-btn.active,.theme-dark .tab-btn.active{background:#1e1b4b}.filters-bar{align-items:center;display:flex;flex-wrap:wrap;gap:16px;justify-content:space-between;margin-bottom:24px}.search-input-wrap{flex:1 1;max-width:400px;position:relative}.search-input-wrap input{background:#fff;border:1px solid #e5e7eb;border-radius:10px;font-size:15.6px;outline:none;padding:10px 16px 10px 40px;width:100%}.theme-dark .search-input-wrap input{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.search-icon-inline{color:#999;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.filter-selects{display:flex;gap:12px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#333;cursor:pointer;font-size:15.6px;min-width:120px;outline:none;padding:10px 16px}.theme-dark .filter-select{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.action-btns{display:flex;gap:12px}.btn-export{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;font-size:15.6px;font-weight:500;gap:8px;padding:10px 20px}.theme-dark .btn-export{background:#1a1a1a;border-color:#2a2a2a;color:#fff}.btn-primary{border-radius:10px;font-size:15.6px;font-weight:500;padding:10px 20px}.premium-table-container{background:#fff;border:1px solid #e5e7eb;border-radius:16px;box-shadow:0 4px 6px -1px #0000001a;overflow:hidden}.theme-dark .premium-table-container{background:#161616;border-color:#222}.premium-table{border-collapse:collapse;text-align:left;width:100%}.premium-table th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:14.49px;font-weight:600;padding:16px 24px}.theme-dark .premium-table th{background:#1a1a1a;border-bottom-color:#222;color:#9ca3af}.premium-table td{border-bottom:1px solid #f3f4f6;color:#111827;font-size:15.6px;padding:16px 24px}.theme-dark .premium-table td{border-bottom-color:#222;color:#e5e7eb}.icon-btn{align-items:center;background:#0000;border:none;border-radius:6px;color:#6b7280;cursor:pointer;display:inline-flex;justify-content:center;padding:6px;transition:all .2s}.icon-btn:hover{background:#0000000d}.theme-dark .icon-btn:hover{background:#ffffff0d}.icon-btn.edit:hover{color:#1e1b4b}.icon-btn.delete:hover{color:#ef4444}.theme-dark .icon-btn.edit:hover{color:#3b82f6}.premium-table tr:last-child td{border-bottom:none}.empty-state{color:#6b7280;padding:60px;text-align:center}.status-pill{border-radius:9999px;font-size:13.36px;font-weight:500;padding:4px 12px;text-transform:capitalize}.status-active{background:#dcfce7;color:#166534}.theme-dark .status-active{background:#16653433;color:#4ade80}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0006}.modal-content{border-radius:20px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;max-width:500px;position:relative;width:100%}.theme-dark .modal-content{background:#1a1a1a;border:1px solid #2a2a2a}.modal-header{padding:24px 24px 16px}.modal-header h2{color:#1e1b4b;font-size:20.05px;font-weight:700}.theme-dark .modal-header h2{color:#fff}.close-btn{background:#0000;color:#9ca3af;padding:4px}.modal-body{padding:0 24px 24px}.form-label{color:#374151;display:block;font-size:14.49px;font-weight:600;margin-bottom:6px}.theme-dark .form-label{color:#9ca3af}.form-input,.form-select,.form-textarea{background:#fff;border:1px solid #e5e7eb;border-radius:10px;color:#111827;font-size:15.6px;outline:none;padding:10px 14px;transition:border-color .2s;width:100%}.form-input:focus,.form-textarea:focus{border-color:#1e1b4b}.theme-dark .form-input,.theme-dark .form-select,.theme-dark .form-textarea{background:#111;border-color:#2a2a2a;color:#fff}.form-textarea{min-height:100px;resize:vertical}.permissions-container{border:1px solid #e5e7eb;border-radius:14px;margin-top:8px;padding:16px}.theme-dark .permissions-container{border-color:#2a2a2a}.permissions-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:1fr 1fr}.permission-item{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:14.49px;gap:8px}.theme-dark .permission-item{color:#9ca3af}.permission-item input[type=checkbox]{border-radius:4px;cursor:pointer;height:18px;width:18px}.toggle-group{align-items:center;display:flex;gap:12px;margin-top:16px}.toggle-switch{display:inline-block;height:22px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background-color:#e5e7eb;border-radius:34px;bottom:0;cursor:pointer;left:0;position:absolute;right:0;top:0;transition:.4s}.theme-dark .toggle-slider{background-color:#2a2a2a}.toggle-slider:before{background-color:#fff;border-radius:50%;bottom:2px;content:"";height:18px;left:2px;position:absolute;transition:.4s;width:18px}input:checked+.toggle-slider{background-color:#1e1b4b}input:checked+.toggle-slider:before{transform:translateX(22px)}.toggle-label{color:#374151;font-size:14.49px;font-weight:500}.theme-dark .toggle-label{color:#9ca3af}.modal-footer{padding:0 24px 24px}.btn-cancel{border:1px solid #e5e7eb;border-radius:10px;color:#374151;font-size:15.6px;font-weight:600;padding:10px 24px}.theme-dark .btn-cancel{background:#0000;border-color:#2a2a2a;color:#9ca3af}.btn-save{border-radius:10px;font-size:15.6px;font-weight:600;padding:10px 24px}.modal-steps{background:#f9fafb;border-radius:12px;display:flex;gap:4px;margin:0 24px 24px;padding:4px}.theme-dark .modal-steps{background:#111}.step-item{background:#0000;border:none;border-radius:8px;color:#6b7280;cursor:pointer;flex:1 1;font-size:13.36px;font-weight:600;padding:8px;text-align:center;transition:all .2s}.step-item.active{background:#fff;box-shadow:0 1px 3px #0000001a;color:#111827}.theme-dark .step-item.active{background:#1a1a1a;color:#fff}.form-row{grid-gap:16px;gap:16px}.active-pill{background:#dcfce7;border-radius:12px;color:#166534;font-size:12.25px;font-weight:600;margin-left:auto;padding:4px 10px}.theme-dark .active-pill{background:#16653433;color:#4ade80}.admin-theme{background:linear-gradient(135deg,#1e1b4be6,#1e1b4bb3),url(/static/media/admin-bg.776c28759e1fc49372f2.png);background-position:50%;background-size:cover}.blob-2{background:#bfdbfe}.forgot-link{color:#1e1b4b}.input-inner input:focus{border-color:#1e1b4b;box-shadow:0 0 0 4px #1e1b4b1a}.checkbox-container:hover input~.checkmark{border-color:#1e1b4b}.checkbox-container input:checked~.checkmark{background-color:#1e1b4b;border-color:#1e1b4b}.submit-btn{background:#1e1b4b}.submit-btn:hover:not(:disabled){background:#312e81;box-shadow:0 10px 15px -3px #1e1b4b4d}.login-container{background:#fff;display:flex;font-family:Inter,sans-serif;height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:10000}.theme-dark .login-container{background:#0b0f19}.login-side-decoration{color:#fff;display:flex;flex:1.2 1;flex-direction:column;justify-content:space-between;overflow:hidden;padding:60px;position:relative}.operator-theme{background:linear-gradient(135deg,#1f2937e6,#111827b3),url(/static/media/operator-bg.e6b87355dd2fa7d982ea.png);background-position:50%;background-size:cover}.login-side-decoration:before{background:radial-gradient(circle at 20% 50%,#1e1b4b99 0,#0000 100%);bottom:0;content:"";left:0;position:absolute;right:0;top:0;z-index:1}@media (max-width:900px){.login-side-decoration{display:none}}.glass-logo{gap:15px;z-index:10}.glass-logo,.logo-symbol{align-items:center;display:flex}.logo-symbol{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border:1px solid #ffffff4d;border-radius:12px;font-size:24px;font-weight:800;height:48px;justify-content:center;width:48px}.logo-text{font-size:22px;font-weight:700;letter-spacing:-.5px}.decor-content{max-width:440px;z-index:10}.decor-content h2{font-size:42px;font-weight:800;line-height:1.1;margin-bottom:20px}.decor-content p{font-size:18px;line-height:1.6;opacity:.9}.animated-blobs{bottom:0;left:0;position:absolute;right:0;top:0}.blob{animation:float 20s infinite alternate;border-radius:50%;filter:blur(60px);opacity:.5;position:absolute}.blob-1{background:#312e81;height:400px;right:-100px;top:-100px;width:400px}.blob-2{animation-delay:-5s;background:#4338ca;bottom:-150px;height:500px;left:-100px;width:500px}.blob-3{animation-delay:-10s;background:#1e1b4b;height:300px;left:20%;top:50%;width:300px}@keyframes float{0%{transform:translate(0) scale(1)}to{transform:translate(40px,40px) scale(1.1)}}.login-main{align-items:center;background:#f8fafc;display:flex;flex:1 1;justify-content:center;padding:40px}.theme-dark .login-main{background:#0b0f19}.login-box{max-width:420px;width:100%}.login-box-header{margin-bottom:35px}.login-box-header h1{color:#1e293b;font-size:32px;font-weight:800;letter-spacing:-1px;margin-bottom:8px}.theme-dark .login-box-header h1{color:#fff}.login-box-header p{color:#64748b;font-size:16px}.login-form-premium{gap:20px}.input-field,.login-form-premium{display:flex;flex-direction:column}.input-field{gap:8px}.label-row{align-items:center;display:flex;justify-content:space-between}.input-field label{color:#475569;font-size:14px;font-weight:600}.theme-dark .input-field label{color:#94a3b8}.forgot-link{color:#10b981;font-size:13px;font-weight:600;text-decoration:none}.input-inner{align-items:center;display:flex;position:relative}.input-icon-svg{color:#94a3b8;left:16px;pointer-events:none;position:absolute}.input-inner input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#1e293b;font-size:15px;outline:none;padding:14px 16px 14px 48px;transition:all .2s;width:100%}.theme-dark .input-inner input{background:#161b27;border-color:#2d3748;color:#fff}.input-inner input:focus{border-color:#10b981;box-shadow:0 0 0 4px #10b9811a}.remember-row{margin-top:5px}.checkbox-container{align-items:center;color:#64748b;cursor:pointer;display:flex;font-size:14px;padding-left:28px;position:relative;-webkit-user-select:none;user-select:none}.checkbox-container input{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.checkmark{background-color:#fff;border:1px solid #e2e8f0;border-radius:4px;height:18px;left:0;position:absolute;transition:all .2s;width:18px}.theme-dark .checkmark{background-color:#161b27;border-color:#2d3748}.checkbox-container:hover input~.checkmark{border-color:#10b981}.checkbox-container input:checked~.checkmark{background-color:#10b981;border-color:#10b981}.checkmark:after{border:solid #fff;border-width:0 2px 2px 0;content:"";display:none;height:9px;left:6px;position:absolute;top:2px;transform:rotate(45deg);width:4px}.checkbox-container input:checked~.checkmark:after{display:block}.submit-btn{align-items:center;background:#10b981;border:none;border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:16px;font-weight:700;gap:10px;justify-content:center;margin-top:10px;padding:14px;transition:all .3s}.submit-btn:hover:not(:disabled){background:#059669;box-shadow:0 10px 15px -3px #10b9814d;transform:translateY(-2px)}.submit-btn:disabled{cursor:not-allowed;opacity:.7}.error-message-shake{align-items:center;animation:shake .5s cubic-bezier(.36,.07,.19,.97) both;background:#fef2f2;border:1px solid #fee2e2;border-radius:12px;color:#b91c1c;display:flex;font-size:14px;font-weight:500;gap:10px;padding:12px 16px}.theme-dark .error-message-shake{background:#dc26261a;border-color:#dc262633;color:#f87171}@keyframes shake{10%,90%{transform:translate3d(-1px,0,0)}20%,80%{transform:translate3d(2px,0,0)}30%,50%,70%{transform:translate3d(-4px,0,0)}40%,60%{transform:translate3d(4px,0,0)}}.loader-text{align-items:center;display:flex;gap:12px}.dot-flashing{animation:dot-flashing 1s linear infinite alternate;animation-delay:.5s;background-color:#fff;border-radius:5px;color:#fff;height:10px;position:relative;width:10px}.dot-flashing:after,.dot-flashing:before{content:"";display:inline-block;position:absolute;top:0}.dot-flashing:before{animation:dot-flashing 1s infinite alternate;animation-delay:0s;left:-15px}.dot-flashing:after,.dot-flashing:before{background-color:#fff;border-radius:5px;color:#fff;height:10px;width:10px}.dot-flashing:after{animation:dot-flashing 1s infinite alternate;animation-delay:1s;left:15px}@keyframes dot-flashing{0%{background-color:#fff}50%,to{background-color:#fff3}}.login-box-footer{margin-top:40px;text-align:center}.login-box-footer p{color:#64748b;font-size:14px}.login-box-footer a{color:#1e3a8a;font-weight:700;text-decoration:none}.theme-dark .login-box-footer a{color:#60a5fa}.status-badge.paid{background:#dcfce7;color:#166534}.status-badge.unpaid{background:#fee2e2;color:#991b1b}.status-badge.overdue{background:#fef3c7;color:#92400e}.status-badge.clickable{cursor:pointer;transition:transform .2s}.status-badge.clickable:hover{transform:scale(1.05)}.small-modal{width:450px!important}.inv-actions button.payment-btn{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.inv-actions button.payment-btn:hover{background:#2563eb;border-color:#2563eb;color:#fff}.invoice-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a99;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.invoice-modal-content{background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #00000040;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:960px}.invoice-modal-content form{display:flex;flex:1 1;flex-direction:column;overflow:hidden}.invoice-modal-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.invoice-modal-header h2{color:#1e293b;font-size:20px;font-weight:800;margin:0}.invoice-modal-body{flex:1 1;overflow-y:auto;padding:32px}.invoice-form-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(4,1fr);margin-bottom:32px}.form-group{gap:8px}.form-group label{letter-spacing:.5px}.form-group input,.form-group select,.form-group textarea{padding:12px 14px;transition:all .2s}.form-group input:focus,.form-group select:focus{background:#fff;border-color:#1e1b4b;box-shadow:0 0 0 4px #1e1b4b0d}.invoice-items-section{margin-bottom:32px}.items-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;margin-bottom:16px;padding-bottom:12px}.items-header h3{color:#1e293b;font-size:15px;font-weight:800;letter-spacing:.5px;margin:0;text-transform:uppercase}.add-item-btn{align-items:center;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;color:#1e1b4b;cursor:pointer;display:flex;font-size:12px;font-weight:700;gap:6px;padding:8px 16px;transition:all .2s}.add-item-btn:hover{background:#e2e8f0;color:#000}.items-table{border-collapse:collapse;width:100%}.items-table th{color:#64748b;font-size:11px;font-weight:700;padding:12px;text-align:left;text-transform:uppercase}.items-table td{padding:8px 12px}.items-table input,.items-table select{background:#fff;border:1px solid #e2e8f0;border-radius:10px;font-size:13px;padding:10px 12px;width:100%}.row-total{color:#1e293b;font-size:14px;font-weight:700;text-align:right}.remove-row{align-items:center;background:#fee2e2;border:none;border-radius:8px;color:#dc2626;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.remove-row:hover{background:#fecaca}.invoice-totals-section{border-top:2px dashed #e2e8f0;margin-top:40px;padding-top:32px}.totals-title{color:#1e293b;font-size:15px;font-weight:800;letter-spacing:.5px;margin-bottom:24px;text-transform:uppercase}.totals-form-grid{grid-gap:40px;display:grid;gap:40px;grid-template-columns:1fr 1fr;margin-bottom:24px}.totals-display-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;box-shadow:inset 0 2px 4px #00000005;padding:28px}.total-row{color:#64748b;display:flex;font-size:14px;font-weight:500;justify-content:space-between;padding:10px 0}.subtotal-line{border-top:1px solid #e2e8f0;color:#1e293b;margin-top:12px;padding-top:16px}.bold{font-weight:800}.final-total{border-top:2px solid #1e1b4b;color:#1e1b4b;margin-top:16px;padding-top:20px}.final-total span:first-child{font-size:16px;font-weight:900;letter-spacing:1px;text-transform:uppercase}.grand-total{color:#2563eb;font-size:24px;font-weight:900}.invoice-modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-cancel{background:#fff;border:1px solid #e2e8f0;border-radius:12px;color:#475569;font-weight:700;padding:12px 24px}.btn-cancel,.btn-save{cursor:pointer;transition:all .2s}.btn-save{background:#1e1b4b;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #1e1b4b33;color:#fff;font-weight:800;padding:12px 40px}.btn-save:hover{background:#312e81;box-shadow:0 10px 15px -3px #1e1b4b4d;transform:translateY(-1px)}.close-btn{background:#f1f5f9;border-radius:50%;color:#94a3b8;height:32px;width:32px}.close-btn:hover{background:#e2e8f0;color:#475569}*,:after,:before{box-sizing:border-box}.cd-shell{background:#f8fafc;display:flex;font-family:Inter,sans-serif;height:100vh;overflow:hidden}.cd-sidebar{background:#fff;border-right:1px solid #e2e8f0;box-shadow:2px 0 8px #0000000a;display:flex;flex-direction:column;min-width:240px;overflow-y:auto;width:240px;z-index:10}.cd-sidebar-logo{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:12px;padding:20px 16px}.cd-header-logo{align-items:center;background:linear-gradient(135deg,#0f172a,#334155);border-radius:10px;display:flex;height:40px;justify-content:center;min-width:40px;overflow:hidden;width:40px}.cd-header-brand-container{overflow:hidden}.cd-header-brand{color:#0f172a;font-size:14px;font-weight:800;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cd-header-sub{color:#94a3b8;font-size:11px;font-weight:600;margin-top:2px}.cd-sidebar-nav{display:flex;flex:1 1;flex-direction:column;gap:2px;padding:12px 8px}.cd-nav-item{align-items:center;border-radius:10px;color:#475569;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:10px;padding:10px 12px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cd-nav-item:hover{background:#f8fafc;color:#0f172a}.cd-nav-item.active{background:#f1f5f9;color:#0f172a;font-weight:700}.cd-nav-item.active svg{color:#0f172a}.cd-nav-group,.cd-submenu{margin-top:2px}.cd-submenu{border-left:2px solid #e2e8f0;display:flex;flex-direction:column;gap:2px;margin-left:12px;padding-left:8px}.cd-submenu-item{align-items:center;border-radius:8px;color:#64748b;cursor:pointer;display:flex;font-size:12px;font-weight:600;gap:8px;padding:8px 10px;transition:all .15s ease;-webkit-user-select:none;user-select:none}.cd-submenu-item:hover{background:#f8fafc;color:#0f172a}.cd-submenu-item.active{background:#e2e8f0;color:#0f172a;font-weight:700}.cd-sidebar-bottom{border-top:1px solid #f1f5f9;padding:12px 8px}.cd-logout-btn{align-items:center;background:none;border:none;border-radius:10px;color:#ef4444;cursor:pointer;display:flex;font-size:13px;font-weight:600;gap:8px;padding:10px 12px;transition:all .15s ease;width:100%}.cd-logout-btn:hover{background:#fee2e2}.cd-content-area{display:flex;flex:1 1;flex-direction:column;min-width:0;overflow:hidden}.cd-header{align-items:center;background:#fff;border-bottom:1px solid #e2e8f0;box-shadow:0 1px 4px #0000000a;display:flex;gap:16px;justify-content:space-between;min-height:64px;padding:14px 28px}.cd-header-left h2{color:#0f172a;font-size:18px;font-weight:700;margin:0}.cd-header-right{align-items:center;display:flex;gap:12px}.cd-avatar-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;gap:10px;padding:6px 14px 6px 6px}.cd-avatar,.cd-avatar-chip{align-items:center;display:flex}.cd-avatar{background:linear-gradient(135deg,#0f172a,#334155);border-radius:8px;color:#fff;font-size:14px;font-weight:800;height:32px;justify-content:center;width:32px}.cd-avatar-name{color:#0f172a;font-size:13px;font-weight:700;white-space:nowrap}.cd-avatar-email{color:#94a3b8;font-size:11px;white-space:nowrap}.hide-mobile{display:block}.cd-main{flex:1 1;overflow-y:auto;padding:24px 28px}.cd-welcome-banner{align-items:center;background:linear-gradient(135deg,#eef2ff,#e0e7ff 50%,#ede9fe);border:1px solid #c7d2fe;border-radius:20px;display:flex;justify-content:space-between;margin-bottom:24px;min-height:120px;overflow:hidden;padding:32px;position:relative}.cd-welcome-h1{color:#1e1b4b;font-size:22px;font-weight:800;letter-spacing:-.3px;margin:0 0 8px}.cd-welcome-p{color:#6366f1;font-size:14px;font-weight:500;margin:0}.cd-welcome-badge{background:#6366f11f;border:1px solid #6366f14d;border-radius:20px;color:#4338ca;font-size:11px;font-weight:700;letter-spacing:.8px;padding:6px 16px;white-space:nowrap;z-index:2}.cd-stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:24px}.cd-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;overflow:hidden;padding:20px;position:relative;transition:transform .2s,box-shadow .2s}.cd-stat-card:hover{box-shadow:0 8px 20px #00000014;transform:translateY(-2px)}.cd-stat-icon{align-items:center;border-radius:12px;display:flex;height:44px;justify-content:center;margin-bottom:12px;width:44px}.cd-stat-value{font-size:26px;font-weight:900;letter-spacing:-.5px;line-height:1;margin-bottom:6px}.cd-stat-label{color:#64748b;font-size:12px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.cd-two-col{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.cd-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 2px 8px #0000000a;margin-bottom:20px;padding:24px}.cd-card-header{align-items:center;border-bottom:1px solid #f1f5f9;display:flex;gap:10px;margin-bottom:16px;padding-bottom:14px}.cd-card-title{color:#0f172a;font-size:15px;font-weight:800}.cd-info-list{display:flex;flex-direction:column;gap:12px}.cd-info-row{align-items:flex-start;display:flex;font-size:13px;gap:10px}.cd-info-label{color:#94a3b8;font-size:12px;font-weight:600;letter-spacing:.4px;min-width:60px;padding-top:1px;text-transform:uppercase}.cd-info-value{color:#0f172a;font-weight:500;word-break:break-word}.cd-trip-list{display:flex;flex-direction:column;gap:10px}.cd-trip-row{align-items:center;background:#f8fafc;border:1px solid #f1f5f9;border-radius:10px;display:flex;justify-content:space-between;padding:12px 14px;transition:background .15s}.cd-trip-row:hover{background:#f1f5f9}.cd-trip-name{color:#0f172a;font-size:13px;font-weight:700}.cd-trip-date{color:#94a3b8;font-size:11px;font-weight:500;margin-top:2px}.cd-badge{border-radius:20px;font-size:11px;font-weight:700;letter-spacing:.4px;padding:4px 10px;text-transform:uppercase;white-space:nowrap}.cd-empty{color:#94a3b8;font-size:14px;font-weight:500;padding:40px 20px;text-align:center}.cd-search-wrap{align-items:center;display:flex;position:relative}.cd-search-wrap svg{left:12px;pointer-events:none;position:absolute}.cd-search-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:10px 12px 10px 36px;transition:all .2s;width:260px}.cd-search-input:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0f}.cd-add-btn{align-items:center;background:linear-gradient(135deg,#0f172a,#334155);border:none;border-radius:10px;box-shadow:0 4px 6px -1px #0f172a33;color:#fff;cursor:pointer;display:flex;font-family:Inter,sans-serif;font-size:13px;font-weight:700;gap:8px;padding:10px 18px;transition:all .2s;white-space:nowrap}.cd-add-btn:hover{box-shadow:0 8px 16px -2px #0f172a4d;transform:translateY(-1px)}.cd-add-btn:disabled{cursor:not-allowed;opacity:.6;transform:none}.cd-table{border-collapse:collapse;width:100%}.cd-th{background:#f8fafc;border-bottom:2px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;padding:10px 14px;text-align:left;text-transform:uppercase}.cd-td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:13px;padding:12px 14px;vertical-align:middle}.cd-tr:hover .cd-td{background:#f8fafc}.cd-icon-btn{align-items:center;background:#f0f4ff;border:none;border-radius:8px;cursor:pointer;display:flex;height:30px;justify-content:center;transition:all .15s;width:30px}.cd-icon-btn:hover{box-shadow:0 2px 8px #0000001a;transform:scale(1.1)}.cd-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a8c;display:flex;inset:0;justify-content:center;padding:20px;position:fixed;z-index:1000}.cd-modal-content{animation:cd-modal-in .2s ease;background:#fff;border-radius:20px;box-shadow:0 25px 50px -12px #0000004d;display:flex;flex-direction:column;max-height:90vh;max-width:95vw;overflow:hidden;width:700px}@keyframes cd-modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.cd-modal-header{align-items:center;background:linear-gradient(135deg,#fafbfc,#f8fafc);border-bottom:2px solid #f1f5f9;border-radius:20px 20px 0 0;display:flex;flex-shrink:0;justify-content:space-between;padding:20px 28px}.cd-modal-title{color:#0f172a;font-size:16px;font-weight:800;letter-spacing:-.2px;margin:0}.cd-modal-close{align-items:center;background:#f1f5f9;border:none;border-radius:50%;color:#94a3b8;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .15s;width:32px}.cd-modal-close:hover{background:#e2e8f0;color:#475569}.cd-modal-body{flex:1 1;overflow-y:auto;padding:28px}.cd-modal-input{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:11px 14px;transition:all .2s;width:100%}.cd-modal-input:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0f}.cd-input-wrap{align-items:center;display:flex;position:relative}.cd-input-icon,.cd-input-wrap svg{flex-shrink:0;left:12px;pointer-events:none;position:absolute}.cd-modal-input-icon{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;color:#0f172a;font-family:Inter,sans-serif;font-size:13px;outline:none;padding:11px 14px 11px 38px;transition:all .2s;width:100%}.cd-modal-input-icon:focus{background:#fff;border-color:#0f172a;box-shadow:0 0 0 3px #0f172a0f}.cd-modal-btn{border:none;border-radius:10px;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:700;padding:12px 20px;transition:all .2s}.cd-modal-btn:hover{opacity:.9;transform:translateY(-1px)}.cd-req-label{color:#475569;display:block;font-size:12px;font-weight:700;letter-spacing:.4px;margin-bottom:8px;text-transform:uppercase}.cd-finance-summary{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));margin-bottom:24px}.cd-finance-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:16px}.cd-finance-label{color:#94a3b8;font-size:11px;font-weight:700;letter-spacing:.5px;margin-bottom:6px;text-transform:uppercase}.cd-finance-value{color:#0f172a;font-size:20px;font-weight:800;letter-spacing:-.3px}@media (max-width:900px){.cd-sidebar{min-width:200px;width:200px}.cd-two-col{grid-template-columns:1fr}.cd-stats-grid{grid-template-columns:1fr 1fr}.cd-main{padding:16px}.cd-header{padding:12px 16px}}@media (max-width:640px){.cd-sidebar{display:none}.cd-stats-grid{grid-template-columns:1fr}.hide-mobile{display:none}.cd-search-input{width:160px}}.cd-filter-btn{background:#fff;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:600;padding:8px 16px;transition:all .15s ease;white-space:nowrap}.cd-filter-btn:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.cd-filter-btn.active{background:#0f172a;border-color:#0f172a;box-shadow:0 2px 8px #0f172a33;color:#fff}.operator-page{background:#f8fafc;display:flex;flex-direction:column;min-height:calc(100vh - 64px);padding:24px}.op-breadcrumb{align-items:center;color:#64748b;display:flex;font-size:14px;gap:8px;margin-bottom:20px}.op-breadcrumb .sep{color:#cbd5e1}.op-breadcrumb .current{color:#1e1b4b;font-weight:600}.op-header{margin-bottom:24px}.op-title{color:#1e1b4b;font-size:28px;font-weight:800;letter-spacing:-.5px;margin:0}.op-subtitle{color:#64748b;font-size:15px;margin:6px 0 0}.op-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-bottom:32px}.op-stat-card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 1px 3px #0000000d;display:flex;flex-direction:column;padding:24px;transition:transform .2s,box-shadow .2s}.op-stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;transform:translateY(-2px)}.op-stat-label{color:#64748b;font-size:13px;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.op-stat-value{color:#2563eb;font-size:28px;font-weight:800;margin-top:8px}.op-actions-bar{align-items:center;display:flex;gap:20px;justify-content:space-between;margin-bottom:24px}.op-search-box{flex:1 1;max-width:400px;position:relative}.op-search-box .search-icon{color:#94a3b8;display:flex;left:14px;position:absolute;top:50%;transform:translateY(-50%)}.op-search-box input{background:#fff;border:1px solid #e2e8f0;border-radius:12px;font-size:14px;outline:none;padding:12px 12px 12px 42px;transition:all .2s;width:100%}.op-search-box input:focus{border-color:#1e1b4b;box-shadow:0 0 0 4px #1e1b4b0d}.op-create-btn{align-items:center;background:#1e1b4b;border:none;border-radius:12px;box-shadow:0 4px 6px -1px #1e1b4b33;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 24px;transition:all .2s}.op-create-btn:hover{background:#312e81;box-shadow:0 10px 15px -3px #1e1b4b4d;transform:translateY(-1px)}.op-table-container{background:#fff;border:1px solid #e2e8f0;border-radius:16px;box-shadow:0 4px 6px -1px #0000000d;flex-grow:1;overflow:hidden}.op-table{border-collapse:collapse;width:100%}.op-table th{background:#f8fafc;border-bottom:1px solid #e2e8f0;color:#64748b;font-size:11px;font-weight:700;letter-spacing:.5px;padding:14px 20px;text-align:left;text-transform:uppercase}.op-table td{border-bottom:1px solid #f1f5f9;color:#334155;font-size:14px;padding:16px 20px}.op-table tr:hover{background:#fcfcfc}.status-badge{border-radius:20px;font-size:11px;font-weight:700;padding:4px 12px;text-transform:uppercase}.status-badge.approved{background:#dcfce7;color:#166534}.status-badge.pending{background:#fef9c3;color:#854d0e}.status-badge.rejected{background:#fee2e2;color:#991b1b}.inv-actions{display:flex;gap:8px}.inv-actions button{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;color:#64748b;cursor:pointer;display:flex;height:32px;justify-content:center;transition:all .2s;width:32px}.inv-actions button:hover{background:#f1f5f9;border-color:#cbd5e1;color:#1e1b4b}.inv-actions button.delete-btn:hover{background:#fee2e2;border-color:#fecaca;color:#dc2626}.op-pagination{align-items:center;background:#fff;border-top:1px solid #e2e8f0;display:flex;justify-content:space-between;padding:20px}.page-info{color:#64748b;font-size:13px}.page-controls{display:flex;gap:8px}.page-btn{background:#fff;border:1px solid #e2e8f0;border-radius:10px;color:#475569;cursor:pointer;font-size:13px;font-weight:600;padding:8px 16px;transition:all .2s}.page-btn:hover:not(:disabled){background:#f1f5f9;color:#1e1b4b}.page-btn:disabled{cursor:not-allowed;opacity:.4}.page-btn.active{background:#1e1b4b;border-color:#1e1b4b;color:#fff}.modal-overlay{align-items:center;animation:fadeIn .3s ease;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a66;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:1000}.modal-content{animation:slideUp .4s cubic-bezier(.16,1,.3,1);background:#fff;border-radius:24px;box-shadow:0 25px 50px -12px #00000026;max-height:90vh;max-width:95vw;width:600px}.modal-content,.modal-content form{display:flex;flex-direction:column;overflow:hidden}.modal-content form{flex:1 1}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.modal-header{align-items:center;background:#fff;border-bottom:1px solid #f1f5f9;display:flex;justify-content:space-between;padding:24px 32px}.modal-header h2{color:#0f172a;font-size:22px;font-weight:800;letter-spacing:-.02em;margin:0}.close-btn{align-items:center;background:#f8fafc;border:none;border-radius:12px;color:#64748b;cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s;width:36px}.close-btn:hover{background:#f1f5f9;color:#0f172a;transform:rotate(90deg)}.modal-body{flex:1 1;overflow-y:auto;padding:32px}.form-row{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.form-group{display:flex;flex-direction:column;margin-bottom:20px}.form-group label{color:#64748b;display:block;font-size:11px;font-weight:700;letter-spacing:.05em;margin-bottom:8px;text-transform:uppercase}.form-group input,.form-group select,.form-group textarea{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;color:#0f172a;font-size:14px;font-weight:500;outline:none;padding:12px 16px;transition:all .2s cubic-bezier(.4,0,.2,1);width:100%}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb1a;transform:translateY(-1px)}.form-group select{-webkit-appearance:none;appearance:none;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m19 9-7 7-7-7'/%3E%3C/svg%3E");background-position:right 16px center;background-repeat:no-repeat;background-size:16px;padding-right:44px}.inclusion-section{background:#fff;border:1px solid #e2e8f0;border-radius:20px;box-shadow:0 4px 6px -1px #00000005;margin:10px 0 24px;padding:20px}.inclusion-section-header{margin-bottom:20px}.inclusion-section-title{align-items:center;color:#0f172a;display:flex;font-size:13px;font-weight:700;gap:8px;margin-bottom:4px}.inclusion-help{color:#64748b;font-size:12px;margin:0}.inclusion-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fill,minmax(100px,1fr))}.inclusion-item{align-items:center;background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;cursor:pointer;display:flex;gap:8px;justify-content:center;padding:10px;position:relative;transition:all .2s;-webkit-user-select:none;user-select:none}.inclusion-item:hover{background:#f1f5f9;border-color:#cbd5e1}.inclusion-item.active{background:#eff6ff;border-color:#2563eb;color:#1d4ed8}.inclusion-item input[type=checkbox]{height:0;opacity:0;position:absolute;width:0}.inclusion-item span{font-size:13px;font-weight:600}.dynamic-fields-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:1fr 1fr;margin-bottom:20px}.dynamic-fields-grid:empty{display:none}.fade-in{animation:fadeIn .3s ease-out}.file-upload-container{width:100%}.file-input-hidden{display:none}.file-upload-label{align-items:center;background:#f8fafc;border:2px dashed #e2e8f0;border-radius:16px;cursor:pointer;display:flex;gap:16px;padding:16px;transition:all .2s}.file-upload-label:hover{background:#f1f5f9;border-color:#cbd5e1}.upload-icon-wrapper{align-items:center;background:#fff;border-radius:12px;box-shadow:0 4px 6px -1px #0000000d;color:#2563eb;display:flex;height:44px;justify-content:center;width:44px}.upload-text{display:flex;flex-direction:column;gap:2px}.primary-text{color:#0f172a;font-size:14px;font-weight:600}.secondary-text{color:#64748b;font-size:12px}.current-attachment{align-items:center;background:#eff6ff;border-radius:8px;color:#2563eb;display:inline-flex;font-size:12px;font-weight:500;gap:6px;margin-top:10px;padding:8px 12px}.modal-footer{background:#f8fafc;border-top:1px solid #f1f5f9;display:flex;gap:12px;justify-content:flex-end;padding:24px 32px}.btn-secondary{background:#fff;border:1px solid #e2e8f0;border-radius:14px;color:#475569;cursor:pointer;font-size:14px;font-weight:700;padding:12px 24px;transition:all .2s}.btn-secondary:hover{background:#f8fafc;border-color:#cbd5e1;color:#0f172a}.btn-primary{align-items:center;background:#1e1b4b;border:none;border-radius:14px;box-shadow:0 10px 15px -3px #1e1b4b40;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:700;gap:8px;padding:12px 32px;transition:all .2s cubic-bezier(.4,0,.2,1)}.btn-primary:hover{background:#312e81;box-shadow:0 20px 25px -5px #1e1b4b4d;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}@media (max-width:640px){.dynamic-fields-grid,.form-row{gap:0;grid-template-columns:1fr}.modal-content{border-radius:0;height:100%;max-height:100vh;width:100%}.modal-body{padding:20px}}
/*# sourceMappingURL=main.5b5f2906.css.map*/