@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--primary-color: #0071E3;--primary-hover: #0077ED;--bg-color: #F5F5F7;--sidebar-bg: rgba(255, 255, 255, .8);--header-bg: rgba(255, 255, 255, .8);--widget-bg: rgba(255, 255, 255, .8);--text-color: #1D1D1F;--text-light: #86868B;--border-color: rgba(0, 0, 0, .05);--shadow: 0 8px 30px rgba(0, 0, 0, .04);--success-color: #34C759;--pending-color: #FF9500;--processing-color: #AF52DE;--danger-color: #FF3B30;--icon-color-1: #0071E3;--icon-color-2: #FF9500;--icon-color-3: #FF3B30;--icon-color-4: #34C759;--icon-color-5: #AF52DE;--icon-color-6: #FF453A;--icon-color-7: #1D1D1F;--icon-color-8: #BF5AF2;--icon-color-9: #5E5E62;--icon-color-10: #8E8E93}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;background-color:var(--bg-color);color:var(--text-color);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5{color:var(--text-color);font-weight:600}.layout{display:flex}.sidebar{width:280px;height:100vh;position:fixed;top:0;left:0;background:var(--sidebar-bg);box-shadow:0 0 2rem #8898aa1a;display:flex;flex-direction:column;justify-content:space-between;z-index:100;border-right:1px solid var(--border-color)}.main-content{flex:1;margin-left:280px;height:100vh;display:flex;flex-direction:column}.page-content{padding:2rem 2.5rem;flex:1;overflow-y:auto}.logout-button{width:auto;padding:.5rem 1rem;font-size:.9rem;background-color:var(--primary-color);color:#fff;border:none;border-radius:4px;cursor:pointer}.sidebar{width:260px;height:100vh;position:fixed;top:0;left:0;background:var(--sidebar-bg);box-shadow:0 0 2rem #8898aa1a;display:flex;flex-direction:column;z-index:100;border-right:1px solid var(--border-color)}.sidebar-logo{padding:1.6rem 2.25rem;font-size:1.5rem;font-weight:700;text-align:left}.sidebar-logo a{text-decoration:none;color:var(--primary-color)}.sidebar-nav{display:flex;flex-direction:column;padding:0 1.25rem;overflow-y:auto;flex:1;scrollbar-width:none}.sidebar-nav::-webkit-scrollbar{display:none}.nav-item{display:flex;align-items:center;padding:.85rem 1rem;margin-bottom:.35rem;text-decoration:none;color:var(--text-color);border-radius:6px;font-weight:500;font-size:.925rem;transition:background-color .2s,color .2s,box-shadow .2s}.nav-item svg{margin-right:1.15rem;font-size:1.2rem;flex-shrink:0;stroke-width:2.5;transition:color .2s}.nav-item:hover{background-color:#f6f9fc;color:var(--primary-color)}.nav-item:hover svg{color:var(--primary-color)!important}.nav-item.active{background:linear-gradient(135deg,#0071e3,#005bb5);color:#fff;border-radius:10px;box-shadow:0 8px 18px -4px #0071e359;font-weight:600}.nav-item.active svg{color:#fff!important}.nav-item[href="/"] svg{color:var(--primary-color)}.nav-item[href="/khach-hang"] svg{color:var(--icon-color-4)}.nav-item[href="/ban-hang"] svg{color:var(--icon-color-3)}.nav-item[href="/kho-tai-nguyen"] svg{color:var(--icon-color-2)}.nav-item[href="/ban-quyen-ca-nhan"] svg{color:var(--icon-color-8)}.nav-item[href="/gia-han"] svg{color:var(--icon-color-6)}.nav-item[href="/nha-cung-cap"] svg{color:var(--icon-color-1)}.nav-item[href="/cai-dat"] svg{color:var(--icon-color-10)}.sidebar-category-header{font-size:.72rem;color:var(--text-light);opacity:.75;text-transform:uppercase;margin:1.25rem 0 .5rem .5rem;font-weight:700;letter-spacing:.05em}.nav-group-toggle{display:flex;justify-content:space-between;width:100%;cursor:pointer}.nav-group-toggle .chevron{transition:transform .2s;color:var(--text-light)}.nav-group-toggle.open .chevron{transform:rotate(90deg)}.nav-group-toggle:hover .chevron{color:var(--primary-color)}.nav-item.active .chevron{color:#fff!important}.sidebar-submenu{padding-left:2.85rem;max-height:0;overflow:hidden;transition:max-height .3s ease-out}.sidebar-submenu.open{max-height:500px}.sidebar-submenu a{display:block;padding:.7rem 0;text-decoration:none;color:var(--text-light);font-size:.9rem;font-weight:500}.sidebar-submenu a:hover{color:var(--text-color)}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem}.dashboard-header p{font-size:1rem;color:var(--text-light)}.widgets-grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:2rem}.widget{background:var(--widget-bg);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.widget-header{display:flex;justify-content:space-between;align-items:top;margin-bottom:1rem}.widget-header h3{color:var(--text-light);font-size:.9rem;text-transform:uppercase;font-weight:600}.widget-icon{font-size:1.25rem;color:var(--text-light)}.widget-body .value{font-size:1.75rem;font-weight:600;color:var(--text-color);margin-bottom:.5rem}.widget-body .change{font-size:.9rem;color:var(--success-color)}.widget-body .change.negative{color:var(--pending-color)}.widgets-grid-2{display:grid;grid-template-columns:2fr 1fr;gap:1.5rem;margin-bottom:2rem}.list-widget h3{margin-bottom:1.5rem;font-size:1.1rem}.list-item{display:flex;align-items:center;justify-content:space-between;padding:1rem 0;border-bottom:1px solid var(--border-color)}.list-item:last-child{border-bottom:none}.list-item-main{display:flex;align-items:center;gap:1rem}.list-item-main svg{font-size:1.5rem;color:var(--text-color)}.list-item-main-text h4{font-size:1rem;font-weight:600}.list-item-main-text p{font-size:.9rem;color:var(--text-light)}.list-item-side .value{font-weight:600;text-align:right}.badge{display:inline-block;white-space:nowrap;padding:.25rem .75rem;border-radius:1rem;font-size:.8rem;font-weight:600;color:#fff}.badge-success{background-color:var(--success-color)}.badge-pending{background-color:var(--pending-color)}.quick-actions a{display:flex;align-items:center;gap:1rem;padding:1rem;text-decoration:none;color:var(--text-color);font-weight:500;border-radius:6px}.quick-actions a:hover{background-color:var(--bg-color)}.quick-actions a svg{color:var(--primary-color);font-size:1.25rem}.alert-widget{background:var(--widget-bg);border-radius:8px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color)}.alert-widget h3{font-size:1.1rem;margin-bottom:1.5rem}.alert-item{display:flex;align-items:center;gap:1rem;margin-bottom:1rem}.alert-item svg{font-size:1.25rem;color:var(--pending-color)}.alert-item p{font-size:.95rem}.alert-item p strong{color:var(--text-color)}.login-container{display:flex;justify-content:center;align-items:center;height:100vh;background-color:var(--bg-color)}.login-form{background:var(--widget-bg);padding:2.5rem;border-radius:8px;box-shadow:var(--shadow);width:100%;max-width:450px}.login-form h2{text-align:center;margin-bottom:2rem;color:var(--text-color);font-size:1.75rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;margin-bottom:.5rem;font-weight:600}.form-group input{width:100%;padding:.9rem 1rem;border:1px solid var(--border-color);border-radius:6px;font-size:1rem}.login-button,.logout-button{width:100%;padding:.9rem;border:none;border-radius:6px;background-color:var(--primary-color);color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.table-container{overflow-x:auto}.styled-table{width:100%;border-collapse:collapse;margin-top:1.5rem;font-size:.95rem;background-color:var(--widget-bg);box-shadow:var(--shadow);border-radius:8px;overflow:hidden}.styled-table thead tr{background-color:#f6f9fc;color:var(--text-light);text-align:left;font-size:.85rem;text-transform:uppercase;letter-spacing:.5px}.styled-table th,.styled-table td{padding:1rem 1.25rem;border-bottom:1px solid var(--border-color)}.styled-table tbody tr{transition:background-color .2s}.styled-table tbody tr:last-of-type td{border-bottom:none}.styled-table tbody tr:hover{background-color:#f6f9fc}.styled-table td:first-child{font-weight:600;color:var(--text-color)}.action-buttons button{border:none;background:none;cursor:pointer;font-size:1.1rem;margin-right:12px;color:var(--text-light);transition:color .2s}.action-buttons button:hover{color:var(--primary-color)}.action-buttons button.delete:hover{color:var(--pending-color)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);display:flex;justify-content:center;align-items:center;z-index:1000;opacity:0;animation:fadeIn .3s forwards cubic-bezier(.25,1,.5,1)}@keyframes fadeIn{to{opacity:1}}.modal-content{background:#fff;padding:2.25rem;border-radius:20px;width:90%;max-width:850px;box-shadow:0 30px 70px #0000002e,0 0 0 1px #0000000a;transform:scale(.95) translateY(10px);animation:scaleIn .35s forwards cubic-bezier(.34,1.56,.64,1)}@keyframes scaleIn{to{transform:scale(1) translateY(0)}}.modal-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.15rem;border-bottom:1px solid #F2F2F7;margin-bottom:1.75rem}.modal-header h2{margin:0;font-size:1.45rem;font-weight:700;letter-spacing:-.02em;color:#1d1d1f}.modal-close-btn{background:none;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;padding:0;color:transparent;font-size:0;transition:background .2s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.modal-close-btn:before,.modal-close-btn:after{content:"";position:absolute;width:16px;height:2px;background-color:#6e6e73;border-radius:2px;transition:background-color .2s ease}.modal-close-btn:before{transform:rotate(45deg)}.modal-close-btn:after{transform:rotate(-45deg)}.modal-close-btn:hover{background:#00000012;transform:rotate(90deg) scale(1.1)}.modal-close-btn:hover:before,.modal-close-btn:hover:after{background-color:#1d1d1f}.modal-close-btn:active{transform:rotate(90deg) scale(.88);background:#0000001f}.close-button{background:none;border:none;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;flex-shrink:0;position:relative;padding:0;color:transparent;font-size:0;transition:background .2s ease,transform .35s cubic-bezier(.34,1.56,.64,1)}.close-button:before,.close-button:after{content:"";position:absolute;width:16px;height:2px;background-color:#6e6e73;border-radius:2px;transition:background-color .2s ease}.close-button:before{transform:rotate(45deg)}.close-button:after{transform:rotate(-45deg)}.close-button:hover{background:#00000012;transform:rotate(90deg) scale(1.1)}.close-button:hover:before,.close-button:hover:after{background-color:#1d1d1f}.close-button:active{transform:rotate(90deg) scale(.88);background:#0000001f}.modal-body .form-group{margin-bottom:1.5rem}.modal-body .form-group label{font-weight:600;display:block;margin-bottom:.45rem;font-size:.8rem;color:#6e6e73;letter-spacing:.03em;text-transform:uppercase;transition:color .2s ease}.modal-body .form-group input,.modal-body .form-group textarea{width:100%;padding:.85rem 1.1rem;border:1px solid #E5E5EA;border-radius:12px;font-size:.95rem;font-weight:500;color:#1d1d1f;background-color:#fafafc;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #00000005}.modal-body .form-group input:hover,.modal-body .form-group textarea:hover{border-color:#c7c7cc;background-color:#f4f4f6}.modal-body .form-group input:focus,.modal-body .form-group textarea:focus{outline:none;background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #0071e31f,0 4px 12px #0071e30d;transform:translateY(-1px)}.modal-body .form-group:focus-within label{color:var(--primary-color)}.modal-footer{text-align:right;margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--border-color)}.modal-footer button{padding:.8rem 1.5rem;border:none;border-radius:6px;cursor:pointer;font-weight:600;font-size:.95rem;margin-left:.75rem;transition:all .2s}.modal-footer .btn-cancel{background-color:var(--bg-color);color:var(--text-light);border:1px solid var(--border-color)}.modal-footer .btn-cancel:hover{background-color:#e9ecef}.modal-footer .btn-save{background-color:var(--primary-color);color:#fff;box-shadow:0 4px 6px #32325d1c,0 1px 3px #00000014}.modal-footer .btn-save:hover{transform:translateY(-2px);box-shadow:0 7px 14px #32325d1a,0 3px 6px #00000014}.table-toolbar{margin-bottom:1.5rem}.search-input{width:100%;max-width:400px;padding:.85rem 1.25rem;font-size:.95rem;border:1px solid var(--border-color);border-radius:6px;background-color:var(--widget-bg);font-family:Inter,sans-serif;transition:border-color .2s,box-shadow .2s}.search-input:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px #5e72e433}.styled-table{font-weight:400}.styled-table th{font-weight:600}.widget,.modal-content,.btn-save,.login-button,.sidebar-nav a{transition:all .2s ease-out}.widget:hover{box-shadow:0 10px 30px #00000012;transform:translateY(-3px)}.gradient-title{font-weight:700;font-size:2.25rem;background:linear-gradient(90deg,var(--primary-color),#a07aff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-fill-color:transparent;padding-bottom:5px}.stats-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:2rem}.stat-card{background:var(--widget-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color);display:flex;align-items:center;gap:1.25rem;transition:all .2s ease-out}.stat-card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000012}.stat-card-icon{font-size:2rem;padding:1rem;border-radius:50%;display:flex;align-items:center;justify-content:center}.stat-card-icon.icon-total{color:#5e72e4;background-color:#f0f2ff}.stat-card-icon.icon-new{color:#2dce89;background-color:#eafbf4}.stat-card-icon.icon-source{color:#f3a41a;background-color:#fef6e8}.stat-card-info h3{font-size:.9rem;color:var(--text-light);font-weight:600;text-transform:uppercase;margin-bottom:.25rem}.stat-card-info p{font-size:1.75rem;font-weight:600;color:var(--text-color)}.stat-card-info .source-list{font-size:.9rem;color:var(--text-color);font-weight:500}.stat-card-info .source-list span{font-weight:400;color:var(--text-light)}.styled-table thead tr{background-color:#00000005!important;color:var(--text-light)!important;font-size:.85rem!important;font-weight:600!important;text-transform:uppercase!important;letter-spacing:.5px!important;border-radius:0}.styled-table th{padding:1.1rem 1.25rem!important;border-bottom:2px solid var(--border-color)!important}.source-badge{padding:.35rem .85rem;border-radius:100px;font-size:.825rem;font-weight:600;display:inline-block;text-align:center;min-width:90px}.source-facebook{background-color:#e8f4ff!important;color:#1877f2!important;border:1px solid rgba(24,119,242,.1)}.source-zalo{background-color:#e5f2ff!important;color:#0068ff!important;border:1px solid rgba(0,104,255,.1)}.source-telegram{background-color:#ebf7ff!important;color:#2aabee!important;border:1px solid rgba(42,171,238,.1)}.source-gioi-thieu{background-color:#eafbf4!important;color:#34c759!important;border:1px solid rgba(52,199,89,.1)}.source-khac{background-color:#f5f5f7!important;color:var(--text-light)!important;border:1px solid var(--border-color)}.status-badge{padding:.35rem .85rem;border-radius:100px;font-size:.825rem;font-weight:600;display:inline-block;text-align:center;min-width:90px}.status-vip{background-color:#fff8e6!important;color:#ff9500!important;border:1px solid rgba(255,149,0,.15)}.status-tiem-nang{background-color:#f8f2ff!important;color:#af52de!important;border:1px solid rgba(175,82,222,.15)}.status-binh-thuong{background-color:#f5f5f7!important;color:#5e5e62!important;border:1px solid var(--border-color)}.status-canh-bao{background-color:#ffebea!important;color:#ff3b30!important;border:1px solid rgba(255,59,48,.15)}.modal-body .form-group select{width:100%;padding:.85rem 1.1rem;border:1px solid #E5E5EA;border-radius:12px;font-size:.95rem;font-weight:500;color:#1d1d1f;font-family:Inter,sans-serif;background-color:#fafafc;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22292.4%22%20height%3D%22292.4%22%3E%3Cpath%20fill%3D%22%238898AA%22%20d%3D%22M287%2069.4a17.6%2017.6%200%200%200-13-5.4H18.4c-5%200-9.3%201.8-12.9%205.4A17.6%2017.6%200%200%200%200%2082.2c0%205%201.8%209.3%205.4%2012.9l128%20127.9c3.6%203.6%207.8%205.4%2012.8%205.4s9.2-1.8%2012.8-5.4L287%2095c3.6-3.6%205.4-7.9%205.4-12.9%200-4.9-1.8-9.2-5.4-12.7z%22%2F%3E%3C%2Fsvg%3E);background-repeat:no-repeat;background-position:right 1.1rem center;background-size:.65em auto;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:inset 0 1px 2px #00000005}.modal-body .form-group select:hover{border-color:#c7c7cc;background-color:#f4f4f6}.modal-body .form-group select:focus{outline:none;background-color:#fff;border-color:var(--primary-color);box-shadow:0 0 0 4px #0071e31f,0 4px 12px #0071e30d;transform:translateY(-1px)}.customer-link{font-weight:600;color:var(--primary-color);text-decoration:none}.customer-link:hover{text-decoration:underline}.customer-detail-header{margin-bottom:2rem}.customer-detail-grid{display:grid;grid-template-columns:1fr 2fr;gap:1.5rem}.customer-info-card{background:var(--widget-bg);border-radius:12px;padding:1.5rem;box-shadow:var(--shadow);border:1px solid var(--border-color);align-self:flex-start}.customer-info-card h2{font-size:1.5rem;margin-bottom:1.5rem;border-bottom:1px solid var(--border-color);padding-bottom:1rem}.customer-info-card .info-item{margin-bottom:1rem}.customer-info-card .info-item label{font-size:.9rem;font-weight:600;color:var(--text-light);display:block}.customer-info-card .info-item p{font-size:1rem;color:var(--text-color);font-weight:500;white-space:pre-wrap}.customer-stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-bottom:1.5rem}.tabs-container{background:var(--widget-bg);border-radius:12px;box-shadow:var(--shadow);border:1px solid var(--border-color);overflow:hidden}.tab-nav{display:flex;background-color:#f6f9fc;border-bottom:1px solid var(--border-color)}.tab-nav button{padding:1rem 1.5rem;font-size:1rem;font-weight:600;color:var(--text-light);background:none;border:none;cursor:pointer;transition:all .2s;border-bottom:3px solid transparent}.tab-nav button:hover{color:var(--text-color)}.tab-nav button.active{color:var(--primary-color);border-bottom-color:var(--primary-color);background-color:var(--widget-bg)}.tab-content{padding:1.5rem}.tab-pane{display:none}.tab-pane.active{display:block}.sidebar-footer{margin-top:auto;padding:1.25rem;border-top:1px solid var(--border-color)}.logout-button-sidebar{display:flex;align-items:center;gap:1rem;width:100%;padding:.85rem 1rem;border:none;border-radius:6px;background-color:#f6f9fc;color:var(--pending-color);font-size:.925rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;transition:all .2s}.logout-button-sidebar svg{font-size:1.2rem;stroke-width:2.5}.logout-button-sidebar:hover{background-color:var(--pending-color);color:#fff}.page-header-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1.5rem;height:70px;margin-bottom:2rem}.page-header-actions{display:flex;align-items:center;gap:1.5rem}.search-bar-container input{border:1px solid var(--border-color);border-radius:2rem;padding:.75rem 1.25rem;width:300px;font-size:.95rem;font-family:Inter,sans-serif;transition:all .2s}.search-bar-container input:focus{border-color:var(--primary-color);box-shadow:0 0 0 3px #5e72e433;outline:none}.mmo-social-links{display:flex;align-items:center;gap:.5rem}.mmo-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;text-decoration:none;font-size:.9rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 5px #0000000d}.mmo-icon-btn:hover{transform:translateY(-2px) scale(1.08);box-shadow:0 4px 10px #0000001a}.mmo-facebook{background-color:#e8f4ff;color:#1877f2;border:1px solid rgba(24,119,242,.15)}.mmo-telegram{background-color:#ebf7ff;color:#2aabee;border:1px solid rgba(42,171,238,.15)}.mmo-zalo{background-color:#e5f2ff;color:#0068ff;border:1px solid rgba(0,104,255,.15)}.mmo-empty{background-color:#f5f5f7;color:#c2c2c7;border:1px solid rgba(0,0,0,.04);cursor:not-allowed}.secure-note-box{background:linear-gradient(135deg,#fffdf5,#fff9e6);border:1px solid rgba(243,164,26,.2);border-radius:12px;padding:1.25rem;margin-top:1rem;position:relative;overflow:hidden}.secure-note-box:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background-color:#f3a41a}.secure-note-header{display:flex;align-items:center;gap:.5rem;color:#b27b00;font-weight:600;font-size:.95rem;margin-bottom:.5rem}.secure-note-content{font-size:.95rem;color:#5c4a27;line-height:1.5;white-space:pre-wrap}.btn-save:active,.login-button:active,.mmo-icon-btn:active,.btn-primary:active,.btn-secondary:active,.btn-cancel:active,.btn-danger:active{transform:scale(.96);transition:transform .1s}.btn,.login-button,.logout-button,.btn-save,.btn-cancel,.btn-primary,.btn-secondary,.btn-danger,.delete-button,.edit-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.65rem 1.25rem;font-size:.9rem;font-weight:600;border-radius:8px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-family:Inter,sans-serif;outline:none;border:none;box-sizing:border-box}.btn-primary,.login-button,.btn-save{background-color:var(--primary-color)!important;color:#fff!important;box-shadow:0 1px 2px #0000000d!important}.btn-primary:hover,.login-button:hover,.btn-save:hover{background-color:var(--primary-hover)!important;transform:translateY(-1px);box-shadow:0 4px 12px #0071e333!important}.btn-primary:active,.login-button:active,.btn-save:active{transform:scale(.97)}.btn-secondary,.btn-cancel{background-color:#f5f5f7!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.08)!important;font-weight:500!important;box-shadow:none!important}.btn-secondary:hover,.btn-cancel:hover{background-color:#e8e8ed!important;color:var(--primary-color)!important;border-color:#0071e326!important}.btn-secondary:active,.btn-cancel:active{transform:scale(.97)}.btn-danger,.delete-button{background-color:var(--danger-color)!important;color:#fff!important;box-shadow:0 1px 2px #ff3b301a!important}.btn-danger:hover,.delete-button:hover{background-color:#e0352a!important;transform:translateY(-1px);box-shadow:0 4px 12px #ff3b3033!important}.btn-danger:active,.delete-button:active{transform:scale(.97)}.login-form .login-button{width:100%!important;padding:.9rem!important}.action-buttons button,.btn-edit-sm,.btn-delete-sm,.btn-action-sm{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:32px!important;height:32px!important;border-radius:8px!important;border:none!important;cursor:pointer!important;transition:all .2s cubic-bezier(.4,0,.2,1)!important;padding:0!important;margin-right:6px!important;box-shadow:none!important}.action-buttons button,.btn-edit-sm{background-color:#e1f5fe!important;color:#0288d1!important}.action-buttons button:hover,.btn-edit-sm:hover{background-color:#0288d1!important;color:#fff!important;transform:translateY(-1px)}.action-buttons button:active,.btn-edit-sm:active{transform:scale(.92)}.action-buttons button.delete,.btn-delete-sm{background-color:#ffebea!important;color:#ff3b30!important}.action-buttons button.delete:hover,.btn-delete-sm:hover{background-color:#ff3b30!important;color:#fff!important;transform:translateY(-1px)}.action-buttons button.delete:active,.btn-delete-sm:active{transform:scale(.92)}.btn-action-sm{background-color:#f5f5f7!important;color:#1d1d1f!important;border:1px solid rgba(0,0,0,.05)!important}.btn-action-sm:hover{background-color:var(--primary-color)!important;color:#fff!important;border-color:var(--primary-color)!important;transform:translateY(-1px)}.btn-action-sm:active{transform:scale(.92)}.stats-grid-4{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:1.25rem!important}@media (max-width: 1024px){.stats-grid-4{grid-template-columns:repeat(2,1fr)!important}}@media (max-width: 600px){.stats-grid-4{grid-template-columns:1fr!important}}.btn-renew-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:32px!important;padding:0 14px!important;border-radius:16px!important;border:none!important;font-weight:600!important;font-size:.8rem!important;cursor:pointer!important;transition:all .2s ease!important;background-color:#e1f5fe!important;color:#0288d1!important;width:auto!important;box-shadow:none!important;margin-right:6px!important;white-space:nowrap!important}.btn-renew-action:hover{background-color:#0288d1!important;color:#fff!important;transform:translateY(-1px)}.btn-renew-action:active{transform:scale(.96)}.btn-remind-action{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;height:32px!important;padding:0 14px!important;border-radius:16px!important;border:none!important;font-weight:600!important;font-size:.8rem!important;cursor:pointer!important;transition:all .2s ease!important;background-color:#0071e3!important;color:#fff!important;width:auto!important;box-shadow:0 2px 4px #0071e326!important;white-space:nowrap!important}.btn-remind-action:hover{background-color:#005bb5!important;box-shadow:0 4px 8px #0071e340!important;transform:translateY(-1px)}.btn-remind-action:active{transform:scale(.96)}.quick-actions-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}@media (max-width: 1024px){.quick-actions-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.quick-actions-grid{grid-template-columns:1fr}}.quick-action-card{display:flex;align-items:center;gap:14px;padding:1.25rem;background-color:#ffffffd9;border-radius:16px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 6px #00000003}.quick-action-card:hover{transform:translateY(-4px);background-color:#fff;box-shadow:0 12px 24px #0000000d;border-color:#0071e34d}.dashboard-split-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media (max-width: 1100px){.dashboard-split-grid{grid-template-columns:1fr}}.dashboard-section-card{background-color:#ffffffd9;border-radius:20px;border:1px solid var(--border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column;height:100%}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;border-bottom:1px solid var(--border-color);padding-bottom:.75rem}.dashboard-section-header h2{font-size:1.2rem;font-weight:700;display:flex;align-items:center;gap:8px}.dashboard-view-all{font-size:.825rem;color:var(--primary-color);font-weight:600;text-decoration:none;transition:opacity .2s}.dashboard-view-all:hover{opacity:.8}.stat-card.widget{padding:1.6rem 1.75rem;border-radius:20px;border:1px solid rgba(226,232,240,.8);display:flex;align-items:center;gap:1.25rem;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 20px -2px #00000008;cursor:pointer;background:#fff}.stat-card.widget:hover{transform:translateY(-4px);box-shadow:0 12px 24px -4px #00000014}.stat-card-blue{background:linear-gradient(135deg,#f0f7ff,#e0f2fe)!important;border-color:#bae6fd99!important}.stat-card-blue .stat-card-icon{background-color:#0071e3;color:#fff}.stat-card-blue h3{color:#0369a1}.stat-card-blue .stat-card-value{color:#0c4a6e}.stat-card-blue .stat-card-link{color:#0284c7}.stat-card-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7)!important;border-color:#bbf7d099!important}.stat-card-green .stat-card-icon{background-color:#34c759;color:#fff}.stat-card-green h3{color:#15803d}.stat-card-green .stat-card-value{color:#14532d}.stat-card-green .stat-card-link{color:#16a34a}.stat-card-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff)!important;border-color:#e9d5ff99!important}.stat-card-purple .stat-card-icon{background-color:#af52de;color:#fff}.stat-card-purple h3{color:#6b21a8}.stat-card-purple .stat-card-value{color:#581c87}.stat-card-purple .stat-card-link{color:#7e22ce}.stat-card-orange{background:linear-gradient(135deg,#fffbeb,#fef3c7)!important;border-color:#fde68a99!important}.stat-card-orange .stat-card-icon{background-color:#ff9500;color:#fff}.stat-card-orange h3{color:#b45309}.stat-card-orange .stat-card-value{color:#78350f}.stat-card-orange .stat-card-link{color:#d97706}.stat-card-icon{width:54px;height:54px;border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;box-shadow:0 4px 12px #00000014}.stat-card-info{display:flex;flex-direction:column;gap:2px;width:100%}.stat-card-info h3{font-size:.825rem;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin:0}.stat-card-value{font-size:1.8rem;font-weight:700;margin:4px 0;letter-spacing:-.03em}.stat-card-link{font-size:.8rem;font-weight:600;transition:opacity .2s}.stat-card.widget:hover .stat-card-link{text-decoration:underline}.quick-actions-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.25rem}.quick-action-card{background:#fff;border:1px solid rgba(226,232,240,.8);border-radius:16px;padding:1.15rem 1.25rem;display:flex;align-items:center;gap:1rem;cursor:pointer;transition:all .3s cubic-bezier(.25,.8,.25,1);box-shadow:0 4px 15px -3px #00000005}.quick-action-card:hover{transform:translateY(-3px);border-color:var(--primary-color);box-shadow:0 10px 20px -5px #0071e31a}.quick-action-card h4{color:var(--text-color);transition:color .2s}.quick-action-card:hover h4{color:var(--primary-color)}.login-page{position:relative;display:flex;justify-content:center;align-items:center;min-height:100vh;background-image:url(/assets/login-bg-NCztBGdv.png);background-size:cover;background-position:center;background-repeat:no-repeat;overflow-y:auto;padding:2rem;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.login-page:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,#1e1b4bd9,#4c1d95bf,#6d28d9b3);z-index:1}.login-card{position:relative;z-index:2;width:100%;max-width:400px;background:#ffffff0f;backdrop-filter:blur(25px) saturate(130%);-webkit-backdrop-filter:blur(25px) saturate(130%);border:1px solid rgba(255,255,255,.18);border-radius:24px;box-shadow:0 20px 40px #00000040;padding:2.5rem 2.25rem;display:flex;flex-direction:column}.login-logo-section{text-align:center;margin-bottom:2rem}.login-logo-img{width:auto;height:56px;margin-bottom:.75rem;object-fit:contain}.login-logo-icon{display:inline-flex;align-items:center;justify-content:center;width:60px;height:60px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);border-radius:18px;color:#fff;margin-bottom:.75rem;box-shadow:0 8px 20px #0000001a}.login-title{font-size:1.8rem;font-weight:700;color:#fff;margin:0 0 .3rem;letter-spacing:-.02em}.login-subtitle{font-size:.9rem;color:#ffffffbf;margin:0;font-weight:400}.login-form-elegant{margin-bottom:.5rem}.login-error-banner{display:flex;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#fca5a5;font-size:.875rem;font-weight:500;margin-bottom:1.25rem;animation:shakeError .4s ease-out}@keyframes shakeError{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.login-field{margin-bottom:1.5rem;display:flex;flex-direction:column;align-items:flex-start;position:relative;width:100%}.login-label{display:inline-flex;align-items:center;font-size:.75rem;font-weight:700;color:#fff;background:#6d28d9;padding:4px 12px;border-radius:10px;margin-bottom:-10px;margin-left:1.25rem;position:relative;z-index:10;border:1px solid rgba(255,255,255,.15);letter-spacing:.02em;pointer-events:none;box-shadow:0 2px 8px #6d28d94d;text-transform:none}.login-input-wrapper{position:relative;display:flex;align-items:center;width:100%}.login-input-wrapper .login-input-icon{position:absolute;right:18px;left:auto;color:#ffffffbf;z-index:2;pointer-events:none;transition:color .2s ease}.login-input-wrapper:focus-within .login-input-icon{color:#fff}.login-input-wrapper input{width:100%;padding:.9rem 3.25rem .9rem 1.25rem;border:1px solid rgba(255,255,255,.25);border-radius:30px;font-size:.95rem;font-weight:500;font-family:Inter,sans-serif;color:#fff;background:#ffffff0f;transition:all .25s ease;outline:none}.login-input-wrapper input:hover{border-color:#ffffff73;background:#ffffff1a}.login-input-wrapper input:focus{border-color:#ffffffd9;background:#ffffff26;box-shadow:0 0 0 4px #ffffff26}.login-input-wrapper input::placeholder{color:#fff;opacity:.6}.login-input-wrapper input:disabled{opacity:.6;cursor:not-allowed}.login-input-wrapper input:-webkit-autofill{-webkit-text-fill-color:#ffffff!important;transition:background-color 5000s ease-in-out 0s}.login-pwd-toggle{position:absolute;right:44px;display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:50%;color:#ffffffa6;cursor:pointer;transition:all .2s ease;z-index:2;padding:0}.login-pwd-toggle:hover{background:#ffffff1a;color:#fff}.login-pwd-toggle:active{transform:scale(.92)}.login-options-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.login-checkbox-label{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:#ffffffd9;cursor:pointer;-webkit-user-select:none;user-select:none}.login-checkbox-label input[type=checkbox]{display:none}.login-checkbox-custom{width:18px;height:18px;border:1.5px solid rgba(255,255,255,.5);border-radius:5px;display:flex;align-items:center;justify-content:center;transition:all .2s ease;flex-shrink:0;position:relative;background:#ffffff0d}.login-checkbox-custom:after{content:"";width:4px;height:8px;border:solid transparent;border-width:0 2px 2px 0;transform:rotate(45deg) scale(0);opacity:0;transition:all .15s ease;position:absolute;top:1px}.login-checkbox-label input:checked+.login-checkbox-custom{background:#fff;border-color:#fff}.login-checkbox-label input:checked+.login-checkbox-custom:after{opacity:1;transform:rotate(45deg) scale(1);border-color:#6d28d9}.login-checkbox-label input:disabled+.login-checkbox-custom{opacity:.5}.login-forgot-btn{background:none;border:none;font-size:.875rem;font-weight:600;color:#ffffffd9;cursor:pointer;padding:.25rem 0;transition:opacity .2s ease;font-family:Inter,sans-serif}.login-forgot-btn:hover{color:#fff;text-decoration:underline}.login-forgot-btn:disabled{opacity:.4;cursor:not-allowed}.login-submit-btn{width:100%;padding:.9rem;border:none;border-radius:30px;background:#fff;color:#1d1d1f;font-size:1rem;font-weight:600;font-family:Inter,sans-serif;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 14px #00000026}.login-submit-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 22px #ffffff40;background:#f0f0f0}.login-submit-btn:active:not(:disabled){transform:scale(.97)}.login-submit-btn:disabled{opacity:.7;cursor:not-allowed}.login-submit-btn.loading{background:#e0e0e0;cursor:wait}.spin-animation{animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.login-keyboard-hint{text-align:center;margin-top:1rem;font-size:.8rem;color:#ffffff8c}.login-keyboard-hint kbd{display:inline-block;padding:.15rem .5rem;font-size:.75rem;font-family:SF Mono,Inter,monospace;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:6px;box-shadow:0 1px 2px #0000000a;color:#fff}.login-footer{text-align:center;margin-top:1.25rem;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.login-footer p{font-size:.75rem;color:#ffffff8c;margin:0}.login-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0071e326;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;justify-content:center;align-items:center;z-index:1001;animation:fadeIn .25s ease-out;padding:1.5rem}.login-modal-content{position:relative;width:100%;max-width:380px;background:#0f0e1cd9;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);border:1px solid rgba(0,113,227,.3);border-radius:16px;padding:1.75rem 1.5rem;box-shadow:0 25px 50px #0006;animation:modalSlideUp .35s cubic-bezier(.34,1.56,.64,1);max-height:90vh;overflow-y:auto;color:#fff}@keyframes modalSlideUp{0%{opacity:0;transform:translateY(20px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.login-modal-close{position:absolute;top:12px;right:12px;width:32px;height:32px;display:flex;align-items:center;justify-content:center;border:none;background:#ffffff1a;border-radius:50%;font-size:1.25rem;color:#ffffffb3;cursor:pointer;transition:all .2s ease;line-height:1}.login-modal-close:hover{background:#fff3;color:#fff;transform:rotate(90deg)}.fp-step{text-align:center}.fp-icon-circle{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;background:#ffffff1a;color:#fff;border-radius:50%;margin-bottom:1rem}.fp-icon-warning{background:#ef444433;color:#fca5a5}.fp-step h2{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 .5rem}.fp-desc{font-size:.9rem;color:#ffffffb3;line-height:1.5;margin:0 0 1.5rem}.fp-form{text-align:left}.fp-form .login-field{margin-bottom:1rem}.fp-form .login-submit-btn{margin-top:.5rem}.fp-error{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:10px;color:#fca5a5;font-size:.825rem;font-weight:500;margin-bottom:1rem;text-align:left}.fp-success{display:flex;align-items:center;gap:.4rem;padding:.65rem .85rem;background:#10b98133;border:1px solid rgba(16,185,129,.3);border-radius:10px;color:#a7f3d0;font-size:.825rem;font-weight:500;margin-bottom:1rem;text-align:left}.fp-back-btn{display:inline-flex;align-items:center;gap:.35rem;margin-top:1rem;background:none;border:none;font-size:.85rem;font-weight:600;color:#ffffffb3;cursor:pointer;font-family:Inter,sans-serif;padding:.4rem .6rem;border-radius:8px;transition:all .2s ease}.fp-back-btn:hover{background:#ffffff1a;color:#fff}.fp-step-success{display:flex;flex-direction:column;align-items:center}.fp-step-success .login-submit-btn{max-width:240px}@media (max-width: 768px){.login-page{padding:0}.login-frame{height:100vh;border-radius:0}.login-card{padding:2rem 1.5rem;border-radius:20px;margin:1rem;max-width:360px}.login-title{font-size:1.5rem}.login-logo-icon{width:50px;height:50px}.login-modal-content{padding:1.75rem 1.25rem}}.customer-avatar-circle{width:36px;height:36px;border-radius:50%;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:700;font-size:.825rem;letter-spacing:.5px;box-shadow:0 4px 10px #0000000d;flex-shrink:0;-webkit-user-select:none;user-select:none}.avatar-bg-blue{background:linear-gradient(135deg,#60a5fa,#2563eb)}.avatar-bg-green{background:linear-gradient(135deg,#34d399,#059669)}.avatar-bg-purple{background:linear-gradient(135deg,#c084fc,#7c3aed)}.avatar-bg-orange{background:linear-gradient(135deg,#fbbf24,#d97706)}.avatar-bg-indigo{background:linear-gradient(135deg,#818cf8,#4f46e5)}.table-toolbar{margin:1.5rem 0;width:100%}.search-input{width:100%;max-width:480px;height:44px;padding:.5rem 1rem .5rem 2.75rem;border:1px solid rgba(0,0,0,.08);border-radius:12px;font-size:.925rem;background:#fff;outline:none;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px -2px #00000008}.search-input:focus{border-color:var(--primary-color);background:#fff;box-shadow:0 0 0 4px #0071e31a,0 4px 15px -2px #0000000a}.payment-status-paid{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;background-color:#eafcee;color:#1e7e34;border:1px solid #C1F0C8}.payment-status-pending{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .75rem;border-radius:20px;font-size:.8rem;font-weight:600;background-color:#fff3cd;color:#856404;border:1px solid #FFEEBA}.segmented-control{display:flex;background-color:#eeeef0;border-radius:10px;padding:2px;gap:2px}.segment-button{flex:1;border:none;background:transparent;padding:.6rem;font-size:.9rem;font-weight:500;color:var(--text-color);border-radius:8px;cursor:pointer;transition:all .2s ease}.segment-button.active{background-color:#fff;font-weight:600;box-shadow:0 1px 3px #0000001a;color:var(--primary-color)}.profit-card-blue{background:linear-gradient(135deg,#f0f7ff,#e0f2fe);border:1px solid rgba(186,230,253,.6)}.profit-card-gray{background:linear-gradient(135deg,#f9fafb,#f3f4f6);border:1px solid rgba(229,231,235,.6)}.profit-card-green{background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1px solid rgba(187,247,208,.6)}.profit-card-purple{background:linear-gradient(135deg,#faf5ff,#f3e8ff);border:1px solid rgba(233,213,255,.6)}