.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0e1f1cbf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .2s ease;overflow-y:auto}.modal-content{background:#fff;border-radius:20px;box-shadow:0 24px 48px #0006,0 0 0 1px #ffffff1a;max-height:90vh;display:flex;flex-direction:column;animation:slideUp .3s cubic-bezier(.16,1,.3,1);overflow:hidden;width:100%;position:relative}@keyframes slideUp{0%{transform:translateY(30px) scale(.95);opacity:0}to{transform:translateY(0) scale(1);opacity:1}}.modal-sm{max-width:420px}.modal-md{max-width:640px}.modal-lg{max-width:900px}.modal-xl{max-width:1200px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:2px solid var(--color-border);background:#fff;position:relative}.modal-header:after{content:"";position:absolute;bottom:0;left:0;right:0;height:3px;background:linear-gradient(90deg,transparent,var(--color-primary),transparent);opacity:.3}.modal-title{font-size:22px;font-weight:700;color:var(--color-text);margin:0;letter-spacing:-.3px}.modal-close{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:var(--color-surface-muted);color:var(--color-text-muted);cursor:pointer;border-radius:10px;transition:all .2s ease;flex-shrink:0}.modal-close:hover{background:var(--color-error);color:#fff;transform:rotate(90deg)}.modal-body{padding:28px;overflow-y:auto;flex:1;background:#fff;color:var(--color-text)}.modal-body::-webkit-scrollbar{width:8px}.modal-body::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:4px}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:4px}.modal-body::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:20px 28px;border-top:2px solid var(--color-border);background:#fff}@media (max-width: 768px){.modal-overlay{padding:10px}.modal-content{max-height:95vh;border-radius:16px}.modal-header,.modal-body,.modal-footer{padding:20px}.modal-title{font-size:20px}}.user-profile-modal{display:flex;flex-direction:column;height:100%;font-family:inherit}.profile-tabs{display:flex;border-bottom:2px solid #e5e7eb;margin-bottom:24px}.profile-tab{display:flex;align-items:center;gap:8px;padding:12px 24px;background:none;border:none;border-bottom:2px solid transparent;cursor:pointer;font-family:inherit;font-size:14px;font-weight:500;color:#6b7280;transition:all .2s;margin-bottom:-2px}.profile-tab:hover{color:#374151;background-color:#f9fafb}.profile-tab.active{color:#3b82f6;border-bottom-color:#3b82f6;font-weight:600}.profile-content{flex:1;overflow-y:auto;padding-right:8px}.profile-tab-content{animation:fadeIn .2s}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.profile-form{display:flex;flex-direction:column;gap:20px}.form-section-title{display:flex;align-items:center;font-family:inherit;font-size:18px;font-weight:600;color:#111827;margin-bottom:8px;padding-bottom:12px;border-bottom:1px solid #e5e7eb}.form-group{display:flex;flex-direction:column;gap:6px}.form-group label{font-family:inherit;font-size:14px;font-weight:500;color:#374151}.form-group .form-control{padding:10px 12px;border:1px solid #d1d5db;border-radius:6px;font-family:inherit;font-size:14px;transition:all .2s}.form-group .form-control:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group .form-control:disabled{background-color:#f3f4f6;color:#6b7280;cursor:not-allowed}.form-group .form-text{font-size:12px;color:#6b7280;margin-top:4px}.form-actions{display:flex;justify-content:flex-end;gap:12px;margin-top:8px}.btn{padding:10px 20px;border:none;border-radius:6px;font-family:inherit;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.btn-primary{background-color:#3b82f6;color:#fff}.btn-primary:hover:not(:disabled){background-color:#2563eb}.btn-primary:disabled{background-color:#9ca3af;cursor:not-allowed}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;color:#6b7280;text-align:center}.empty-state p{font-family:inherit;font-size:16px;margin:0}.loading{display:flex;justify-content:center;align-items:center;padding:48px}.spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin .8s linear infinite}.password-section{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;transition:all .3s ease}.password-toggle-btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:#f9fafb;border:none;cursor:pointer;transition:all .2s;font-family:inherit;font-size:15px;font-weight:600;color:#374151}.password-toggle-btn:hover{background:#f3f4f6}.password-toggle-header{display:flex;align-items:center;gap:10px}.password-toggle-header svg{color:#6b7280}.password-form{padding:20px;background:#fff;animation:slideDown .3s ease-out;border-top:1px solid #e5e7eb}@keyframes slideDown{0%{opacity:0;max-height:0;transform:translateY(-10px)}to{opacity:1;max-height:500px;transform:translateY(0)}}.btn-secondary{background-color:#f3f4f6;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover:not(:disabled){background-color:#e5e7eb;border-color:#9ca3af}.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.password-input-wrapper{position:relative;display:flex;align-items:center}.password-input-wrapper .form-control{padding-right:40px;width:100%}.password-toggle-icon{position:absolute;right:12px;background:none;border:none;cursor:pointer;color:#6b7280;display:flex;align-items:center;justify-content:center;padding:4px;transition:color .2s}.password-toggle-icon:hover{color:#374151}.password-toggle-icon:focus{outline:none;color:#3b82f6}.menu-customize-modal{padding:0}.menu-customize-description{padding:16px 24px;background:#f9fafb;border-bottom:1px solid #e5e7eb;margin-bottom:0}.menu-customize-description p{margin:0;font-size:14px;color:#6b7280;line-height:1.5}.menu-customize-list{padding:16px;max-height:500px;overflow-y:auto}.menu-customize-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:8px;transition:all .2s ease}.menu-customize-item:last-child{margin-bottom:0}.menu-customize-item:hover{border-color:#d1d5db;box-shadow:0 1px 3px #0000001a}.menu-customize-item.dragging{opacity:.5;border-color:#3b82f6;box-shadow:0 4px 12px #3b82f633}.menu-customize-item.disabled{opacity:.6;background:#f9fafb}.menu-customize-item.disabled .menu-item-label{color:#9ca3af}.menu-customize-item-content{display:flex;align-items:center;gap:12px;padding:12px 16px}.drag-handle{cursor:grab;color:#9ca3af;display:flex;align-items:center;padding:4px;border-radius:4px;transition:all .2s ease;flex-shrink:0}.drag-handle:active{cursor:grabbing}.drag-handle:hover{background:#f3f4f6;color:#6b7280}.menu-item-icon{color:#6b7280;flex-shrink:0}.menu-item-label{flex:1;font-size:14px;font-weight:500;color:#1f2937}.menu-item-toggle{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.menu-item-toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background-color:#d1d5db;transition:.3s;border-radius:24px}.toggle-slider:before{position:absolute;content:"";height:18px;width:18px;left:3px;bottom:3px;background-color:#fff;transition:.3s;border-radius:50%}.menu-item-toggle input:checked+.toggle-slider{background-color:#3b82f6}.menu-item-toggle input:checked+.toggle-slider:before{transform:translate(20px)}.menu-item-toggle input:focus+.toggle-slider{box-shadow:0 0 1px #3b82f6}.menu-customize-empty{padding:60px 20px;text-align:center;color:#9ca3af}.menu-customize-footer{display:flex;justify-content:space-between;align-items:center;padding:16px 24px;border-top:1px solid #e5e7eb;background:#f9fafb}.menu-customize-actions{display:flex;gap:12px}.btn{padding:10px 20px;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all .2s ease}.btn-secondary{background:#fff;color:#374151;border:1px solid #d1d5db}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af}.btn-primary{background:#3b82f6;color:#fff}.btn-primary:hover{background:#2563eb}.menu-customize-list::-webkit-scrollbar{width:8px}.menu-customize-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:4px}.menu-customize-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:4px}.menu-customize-list::-webkit-scrollbar-thumb:hover{background:#94a3b8}.layout{display:flex;min-height:100vh}.sidebar{width:260px;background:linear-gradient(180deg,#016b61,#0e7f79);color:#fff;display:flex;flex-direction:column;position:fixed;height:100vh;overflow-y:auto;box-shadow:2px 0 10px #016b6133;transition:transform .3s cubic-bezier(.4,0,.2,1),width .3s cubic-bezier(.4,0,.2,1);z-index:1000}.sidebar.closed{transform:translate(-100%)}.sidebar.open{transform:translate(0)}.sidebar-header{padding:24px 20px;border-bottom:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative}.logo-container{display:flex;align-items:center;gap:12px;flex:1;transition:opacity .3s ease}.sidebar.closed .logo-container{opacity:0;pointer-events:none}.sidebar-toggle-btn{width:32px;height:32px;border-radius:8px;border:none;background:#ffffff1a;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0;opacity:.8}.sidebar-toggle-btn:hover{background:#fff3;opacity:1;transform:scale(1.1) rotate(90deg)}.sidebar-toggle-btn:active{transform:scale(.95) rotate(90deg)}.logo-icon{color:#fff}.logo-text{font-size:20px;font-weight:700;color:#fff}.sidebar-nav{flex:1;padding:20px 12px;transition:opacity .3s ease}.sidebar.closed .sidebar-nav{opacity:0;pointer-events:none}.nav-item{display:flex;align-items:center;gap:12px;padding:12px 16px;margin-bottom:4px;border-radius:8px;color:#ffffffb3;text-decoration:none;transition:all .2s;font-weight:500}.nav-item:hover{background:#ffffff1a;color:#fff}.nav-item.active{background:#fff3;color:#fff;box-shadow:0 4px 12px #ffffff1a}.sidebar-footer{padding:16px;border-top:1px solid rgba(255,255,255,.1);display:flex;align-items:center;gap:12px;transition:opacity .3s ease}.sidebar.closed .sidebar-footer{opacity:0;pointer-events:none}.user-info{display:flex;align-items:center;gap:10px;flex:1;overflow:hidden}.user-avatar{width:36px;height:36px;border-radius:8px;background:#fff3;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff}.user-details{flex:1;overflow:hidden}.user-name{font-size:14px;font-weight:600;color:#fff;margin:0 0 2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.user-email{font-size:12px;color:#ffffff80;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.logout-btn{width:36px;height:36px;border-radius:8px;border:none;background:#e6504f33;color:#e6504f;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s cubic-bezier(.4,0,.2,1);flex-shrink:0}.logout-btn:hover{background:#e6504f;color:#fff;transform:scale(1.05)}.logout-btn:active{transform:scale(.95)}.main-content{flex:1;margin-left:260px;background:#f8fbf7;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.main-content.sidebar-closed{margin-left:0}.sidebar-open-btn{position:fixed;left:0;top:50%;transform:translateY(-50%);width:48px;height:64px;background:linear-gradient(180deg,#016b61,#0e7f79);border:none;border-radius:0 12px 12px 0;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:2px 0 12px #016b614d;z-index:999;transition:all .3s cubic-bezier(.4,0,.2,1);animation:slideInFromLeft .3s cubic-bezier(.4,0,.2,1)}.sidebar-open-btn:hover{background:linear-gradient(180deg,#018b7f,#0e9f99);transform:translateY(-50%) translate(4px);box-shadow:4px 0 16px #016b6166;width:52px}.sidebar-open-btn:active{transform:translateY(-50%) translate(2px)}@keyframes slideInFromLeft{0%{transform:translateY(-50%) translate(-100%);opacity:0}to{transform:translateY(-50%) translate(0);opacity:1}}.content-wrapper{padding:24px;max-width:1600px;margin:0 auto}@media (max-width: 768px){.sidebar{width:70px}.sidebar-header{padding:20px 10px}.logo-text,.sidebar-toggle-btn,.nav-item span{display:none}.nav-item{justify-content:center}.sidebar-footer{display:none}.main-content{margin-left:70px}.main-content.sidebar-closed{margin-left:0}.sidebar-open-btn{display:none}}.user-info-container{position:relative;width:100%}.user-info{cursor:pointer;padding:8px;border-radius:8px;transition:background-color .2s}.user-info:hover{background-color:#ffffff1a}.user-menu-dropdown{position:absolute;bottom:100%;left:0;right:0;margin-bottom:8px;background:#fff;border-radius:8px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;overflow:hidden;z-index:1000;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.user-menu-item{display:flex;align-items:center;gap:12px;width:100%;padding:12px 16px;background:none;border:none;text-align:left;cursor:pointer;font-size:14px;color:#374151;transition:background-color .2s}.user-menu-item:hover{background-color:#f3f4f6}.user-menu-item svg{color:#6b7280}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(167,207,200,.3);transition:all .3s ease}.navbar.scrolled{background:#fffffffa;box-shadow:0 2px 20px #016b611a}.navbar-container{max-width:1200px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;height:70px}.navbar-logo{display:flex;align-items:center;text-decoration:none;transition:transform .3s ease;height:155px}.navbar-logo:hover{transform:scale(1.05)}.logo-image{height:100%;width:auto;object-fit:contain;max-height:40px;min-height:45px}.navbar-menu{display:flex;align-items:center;gap:32px}.navbar-link{color:#0e1f1c;text-decoration:none;font-weight:500;font-size:15px;transition:color .3s ease;position:relative}.navbar-link:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:2px;background:#016b61;transition:width .3s ease}.navbar-link:hover{color:#016b61}.navbar-link:hover:after{width:100%}.navbar-login-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:#016b61;color:#fff;border:none;border-radius:24px;font-weight:600;font-size:15px;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 12px #016b6133}.navbar-login-btn:hover{background:#0e7f79;transform:translateY(-2px);box-shadow:0 6px 16px #016b614d}.navbar-toggle{display:none;background:none;border:none;color:#016b61;cursor:pointer;padding:8px}@media (max-width: 768px){.navbar-toggle{display:block}.navbar-menu{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:24px;gap:16px;transform:translate(-100%);transition:transform .3s ease;box-shadow:0 4px 20px #0000001a;border-top:1px solid rgba(167,207,200,.3)}.navbar-menu.active{transform:translate(0)}.navbar-link{width:100%;padding:12px 0;border-bottom:1px solid rgba(167,207,200,.2)}.navbar-login-btn{width:100%;justify-content:center;margin-top:8px}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:70px;overflow:hidden;background:linear-gradient(180deg,#f8fbf7,#fff)}.hero-background{position:absolute;top:0;left:0;right:0;bottom:0;z-index:0;overflow:hidden}.hero-gradient{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(1,107,97,.06) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(14,127,121,.05) 0%,transparent 50%),linear-gradient(135deg,#f8fbf7,#fff,#eef3ed)}.hero-circle{position:absolute;border-radius:50%;background:#016b6114;animation:float 20s infinite ease-in-out}.hero-circle-1{width:400px;height:400px;top:-100px;right:-100px;animation-delay:0s}.hero-circle-2{width:300px;height:300px;bottom:-50px;left:-50px;animation-delay:5s}.hero-circle-3{width:200px;height:200px;top:50%;right:20%;animation-delay:10s}@keyframes float{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}.hero-container{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:80px 24px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;min-height:calc(100vh - 70px)}.hero-content{display:flex;flex-direction:column;gap:32px}.hero-badge{display:inline-flex;align-items:center;padding:10px 20px;background:linear-gradient(135deg,#016b611a,#0e7f7914);border:1px solid rgba(1,107,97,.15);border-radius:50px;color:#016b61;font-size:14px;font-weight:600;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 2px 8px #016b6114;opacity:0;transform:translateY(20px);transition:all .6s ease}.hero-fade-in.animate{opacity:1;transform:translateY(0)}.hero-title{font-size:64px;font-weight:800;line-height:1.15;color:#0e1f1c;margin:0;letter-spacing:-.02em;opacity:0;transform:translateY(20px);transition:all .6s ease .1s}.hero-title-highlight{background:linear-gradient(135deg,#016b61,#0e7f79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative}.hero-description{font-size:19px;line-height:1.8;color:#3d5f5a;max-width:580px;opacity:0;transform:translateY(20px);transition:all .6s ease .2s;font-weight:400}.hero-actions{display:flex;gap:16px;flex-wrap:wrap;opacity:0;transform:translateY(20px);transition:all .6s ease .3s}.hero-btn-primary{display:flex;align-items:center;gap:10px;padding:18px 36px;background:linear-gradient(135deg,#016b61,#0e7f79);color:#fff;border:none;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 6px 20px #016b6140;position:relative;overflow:hidden}.hero-btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s}.hero-btn-primary:hover:before{left:100%}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 30px #016b6159}.hero-btn-primary:active{transform:translateY(-1px)}.hero-btn-secondary{display:flex;align-items:center;gap:10px;padding:18px 36px;background:#fff;color:#016b61;border:2px solid #016b61;border-radius:14px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 8px #016b611a}.hero-btn-secondary:hover{background:#016b61;color:#fff;transform:translateY(-3px);box-shadow:0 6px 20px #016b6133}.hero-btn-secondary:active{transform:translateY(-1px)}.hero-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:24px;opacity:0;transform:translateY(20px);transition:all .6s ease .4s}.hero-stat-item{display:flex;align-items:center;gap:14px;padding:20px;background:#fff;border-radius:16px;box-shadow:0 4px 16px #016b6114;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid rgba(1,107,97,.05)}.hero-stat-item:hover{transform:translateY(-6px);box-shadow:0 8px 28px #016b6126;border-color:#016b6126}.hero-stat-icon{color:#016b61;flex-shrink:0;width:32px;height:32px;padding:6px;background:#016b6114;border-radius:10px}.hero-stat-value{font-size:22px;font-weight:700;color:#0e1f1c;line-height:1.2}.hero-stat-label{font-size:13px;color:#5e7c75;font-weight:500;margin-top:2px}.hero-visual{position:relative;opacity:0;transform:translate(20px);transition:all .8s ease .2s}.hero-visual-wrapper{position:relative;width:100%;height:550px;display:flex;align-items:center;justify-content:center;overflow:hidden}.hero-illustration{position:relative;width:100%;max-width:600px;height:100%;display:flex;align-items:center;justify-content:center}.hero-svg{width:100%;height:100%;filter:drop-shadow(0 20px 40px rgba(1,107,97,.15))}.float-circle{animation:floatCircle 8s infinite ease-in-out;filter:blur(20px)}.circle-1{animation-delay:0s}.circle-2{animation-delay:2s}.circle-3{animation-delay:4s}@keyframes floatCircle{0%,to{transform:translate(0) scale(1);opacity:.6}33%{transform:translate(20px,-30px) scale(1.1);opacity:.8}66%{transform:translate(-15px,20px) scale(.9);opacity:.7}}.main-illustration{transform-origin:center;animation:gentlePulse 4s infinite ease-in-out}@keyframes gentlePulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}.cart-base{filter:drop-shadow(0 4px 12px rgba(1,107,97,.2))}.cart-handle{filter:drop-shadow(0 2px 8px rgba(1,107,97,.15))}.product-1,.product-2,.product-3{filter:drop-shadow(0 2px 8px rgba(1,107,97,.2))}.chart-group{transform-origin:bottom}.bar-1,.bar-2,.bar-3{filter:drop-shadow(0 2px 6px rgba(1,107,97,.15))}.icon-group-1,.icon-group-2{animation:floatIcons 6s infinite ease-in-out}@keyframes floatIcons{0%,to{transform:translate(0)}50%{transform:translate(10px,-15px)}}.sparkles{animation:sparkleGroup 3s infinite ease-in-out}@keyframes sparkleGroup{0%,to{opacity:.8}50%{opacity:1}}.hero-decoration{position:absolute;border-radius:50%;background:linear-gradient(135deg,#016b611a,#0e7f7914);filter:blur(40px);z-index:1}.hero-decoration-1{width:200px;height:200px;top:10%;right:-10%;animation:decorationFloat 8s infinite ease-in-out}.hero-decoration-2{width:150px;height:150px;bottom:20%;left:-5%;animation:decorationFloat 10s infinite ease-in-out 2s}.hero-decoration-3{width:120px;height:120px;top:60%;right:5%;animation:decorationFloat 12s infinite ease-in-out 4s}@keyframes decorationFloat{0%,to{transform:translate(0) scale(1);opacity:.6}50%{transform:translate(20px,-20px) scale(1.1);opacity:.8}}@media (max-width: 968px){.hero-container{grid-template-columns:1fr;gap:50px;text-align:center;padding:60px 24px}.hero-content{align-items:center}.hero-title{font-size:48px}.hero-description{max-width:100%;text-align:center}.hero-actions{justify-content:center}.hero-stats{grid-template-columns:repeat(2,1fr)}.hero-visual{order:-1}.hero-visual-wrapper{height:400px}.hero-illustration{max-width:100%}.hero-svg{max-width:100%;height:auto}}@media (max-width: 480px){.hero-container{padding:40px 20px}.hero-title{font-size:36px;line-height:1.2}.hero-description{font-size:17px}.hero-actions{flex-direction:column;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center}.hero-stats{grid-template-columns:1fr;gap:16px}.hero-stat-item{padding:16px}.hero-visual-wrapper{height:300px}.hero-illustration{max-width:100%}.hero-svg{max-width:100%;height:auto}}.features{padding:100px 0!important;background:linear-gradient(180deg,#fff,#f8fbf7,#fff)!important;position:relative;overflow:hidden;margin:0;min-height:100vh}.features:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 30%,rgba(1,107,97,.03) 0%,transparent 50%),radial-gradient(circle at 80% 70%,rgba(137,201,199,.05) 0%,transparent 50%);pointer-events:none}.features:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(1,107,97,.2),transparent)}.features-container{max-width:1280px;margin:0 auto;padding:0 32px;position:relative;z-index:1;width:100%;box-sizing:border-box}.features-header{text-align:center;margin-bottom:56px;animation:fadeInUp .8s ease-out;padding:0 16px}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.features-title{font-size:42px;font-weight:800;color:#0e1f1c;margin-bottom:24px;background:linear-gradient(135deg,#016b61,#0e7f79,#2e9e6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px;position:relative;display:inline-block;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.features-title:after{content:"";position:absolute;bottom:-8px;left:50%;transform:translate(-50%);width:80px;height:4px;background:linear-gradient(90deg,transparent,#016b61,transparent);border-radius:2px}.features-subtitle{font-size:16px;color:#3d5f5a;max-width:700px;margin:0 auto;line-height:1.7;word-wrap:break-word;overflow-wrap:break-word}.savings-banner{display:block;background:linear-gradient(135deg,#e6504f,#d43e3e);color:#fff;padding:12px 24px;border-radius:32px;font-size:15px;font-weight:600;margin:20px auto 24px;text-align:center;box-shadow:0 4px 20px #e6504f4d;animation:pulse 2s ease-in-out infinite;position:relative;overflow:hidden;white-space:normal;max-width:600px;width:fit-content;box-sizing:border-box;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.savings-banner:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:linear-gradient(45deg,transparent,rgba(255,255,255,.2),transparent);transform:rotate(45deg);animation:shimmer 3s infinite}@keyframes pulse{0%,to{transform:scale(1);box-shadow:0 4px 20px #e6504f4d}50%{transform:scale(1.02);box-shadow:0 6px 30px #e6504f66}}@keyframes shimmer{0%{transform:translate(-100%) translateY(-100%) rotate(45deg)}to{transform:translate(100%) translateY(100%) rotate(45deg)}}.billing-tabs{display:flex;justify-content:center;gap:8px;margin-bottom:56px;padding:6px;background:#f8fbf7cc;border-radius:32px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 4px 20px #016b6114;max-width:fit-content;margin-left:auto;margin-right:auto;flex-wrap:wrap}.tab-button{padding:10px 24px!important;border:2px solid transparent!important;background:transparent!important;border-radius:24px!important;font-family:inherit!important;font-size:14px!important;font-weight:600!important;color:#3d5f5a!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;position:relative;overflow:hidden;margin:0;text-decoration:none;white-space:nowrap;min-width:100px;text-align:center;box-sizing:border-box}.tab-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,#016b61,#0e7f79);opacity:0;transition:opacity .4s ease;border-radius:24px}.tab-button:hover{color:#016b61!important;transform:translateY(-2px);background:transparent!important}.tab-button:hover:before{opacity:.1}.tab-button.active{background:linear-gradient(135deg,#016b61,#0e7f79)!important;color:#fff!important;border-color:#016b61!important;box-shadow:0 4px 16px #016b614d!important;transform:translateY(-2px)}.tab-button.active:before{opacity:0}.pricing-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin:0 auto 80px;width:100%;max-width:1200px;box-sizing:border-box;justify-items:center}.pricing-card{padding:36px 28px!important;background:linear-gradient(135deg,#fff,#f8fbf7)!important;border:2px solid #e8ede9!important;border-radius:24px!important;position:relative;opacity:0;transform:translateY(40px);transition:all .7s cubic-bezier(.4,0,.2,1)!important;overflow:visible!important;box-shadow:0 4px 20px #016b610d!important;margin:0;display:flex;flex-direction:column;min-height:500px;width:100%;max-width:100%;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.pricing-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,transparent,rgba(1,107,97,.3),transparent);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.4,0,.2,1)}.pricing-card:hover:before{transform:scaleX(1)}.pricing-card.animate{opacity:1;transform:translateY(0)}.pricing-card:hover{transform:translateY(-8px)!important;border-color:#016b61!important;box-shadow:0 16px 48px #016b6126!important;background:linear-gradient(135deg,#fff,#f0f7f5)!important}.pricing-card.featured{border:3px solid #016b61!important;box-shadow:0 12px 48px #016b6133!important;background:linear-gradient(135deg,#fff,#f0f7f5,#fff)!important;transform:scale(1.02)!important;position:relative;margin-top:12px}.pricing-card.featured:after{content:"";position:absolute;top:-2px;left:-2px;right:-2px;bottom:-2px;background:linear-gradient(135deg,#016b61,#0e7f79,#2e9e6f);border-radius:24px;z-index:-1;opacity:.1;animation:glow 3s ease-in-out infinite}@keyframes glow{0%,to{opacity:.1}50%{opacity:.2}}.pricing-card.featured:hover{transform:scale(1.04) translateY(-8px);box-shadow:0 20px 60px #016b6140}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:linear-gradient(135deg,#016b61,#0e7f79);color:#fff;padding:6px 18px;border-radius:20px;font-size:12px;font-weight:700;box-shadow:0 4px 16px #016b6166;letter-spacing:.5px;animation:badgeFloat 2s ease-in-out infinite;white-space:nowrap;z-index:10}@keyframes badgeFloat{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3px)}}.pricing-plan-name{font-size:20px;font-weight:700;color:#0e1f1c;margin-bottom:20px;margin-top:8px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.pricing-amount{margin-bottom:28px;display:flex;align-items:baseline;gap:8px;flex-wrap:wrap}.price{font-size:42px;font-weight:800;background:linear-gradient(135deg,#016b61,#0e7f79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-1px;line-height:1;word-wrap:break-word;overflow-wrap:break-word}.period{font-size:15px;color:#3d5f5a;white-space:nowrap}.pricing-features{list-style:none;padding:0;margin:0;flex:1;display:flex;flex-direction:column;gap:0}.pricing-feature{display:flex;align-items:flex-start;gap:12px;padding:12px 0;font-size:14px;color:#0e1f1c;border-bottom:1px solid rgba(167,207,200,.15);transition:all .3s ease;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word;min-height:44px;box-sizing:border-box}.pricing-feature:hover{padding-left:8px;color:#016b61}.pricing-feature:last-child{border-bottom:none}.pricing-feature span{flex:1;min-width:0;word-wrap:break-word;overflow-wrap:break-word}.feature-check{color:#2e9e6f;flex-shrink:0;margin-top:3px;filter:drop-shadow(0 2px 4px rgba(46,158,111,.2));min-width:18px}.promotions-section{margin-top:100px;padding-top:80px;border-top:2px solid;border-image:linear-gradient(90deg,transparent,rgba(1,107,97,.3),transparent) 1;position:relative;width:100%;box-sizing:border-box}.promotions-section:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:100px;height:4px;background:linear-gradient(90deg,#016b61,#0e7f79);border-radius:2px}.promotions-title{font-size:38px;font-weight:800;background:linear-gradient(135deg,#016b61,#0e7f79,#2e9e6f);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center;margin-bottom:12px;letter-spacing:-.5px;line-height:1.2;word-wrap:break-word;overflow-wrap:break-word}.promotions-subtitle{font-size:16px;color:#3d5f5a;text-align:center;margin-bottom:48px;line-height:1.6;word-wrap:break-word;overflow-wrap:break-word}.promotions-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:48px;width:100%;box-sizing:border-box}.promotion-section{padding:32px 28px;background:linear-gradient(135deg,#fff,#f8fbf7);border:2px solid #e8ede9;border-radius:20px;opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #016b610d;position:relative;overflow:visible;box-sizing:border-box;word-wrap:break-word;overflow-wrap:break-word}.promotion-section:before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:linear-gradient(180deg,#016b61,#0e7f79);transform:scaleY(0);transform-origin:top;transition:transform .6s cubic-bezier(.4,0,.2,1)}.promotion-section:hover:before{transform:scaleY(1)}.promotion-section.animate{opacity:1;transform:translateY(0)}.promotion-section:hover{transform:translateY(-6px);border-color:#016b61;box-shadow:0 12px 40px #016b611f;background:linear-gradient(135deg,#fff,#f0f7f5)}.promotion-tier{font-size:18px;font-weight:700;color:#0e1f1c;margin-bottom:24px;line-height:1.3;word-wrap:break-word;overflow-wrap:break-word}.promotion-item{padding:14px 0;border-bottom:1px solid rgba(167,207,200,.2);word-wrap:break-word;overflow-wrap:break-word}.promotion-item:last-child{border-bottom:none}.promotion-duration{font-size:14px;color:#0e1f1c;font-weight:500;margin-bottom:6px;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.promotion-bonus{font-size:14px;color:#2e9e6f;font-weight:600;line-height:1.5;word-wrap:break-word;overflow-wrap:break-word}.promotion-bonus b{color:#016b61;font-weight:700}.promotion-bonus u{text-decoration:underline;text-decoration-color:#016b61}.contact-button{display:block!important;margin:0 auto!important;padding:16px 48px!important;background:linear-gradient(135deg,#016b61,#0e7f79,#2e9e6f)!important;background-size:200% 200%!important;color:#fff!important;border:none!important;border-radius:32px!important;font-size:16px!important;font-weight:700!important;cursor:pointer!important;transition:all .4s cubic-bezier(.4,0,.2,1)!important;box-shadow:0 6px 24px #016b614d!important;position:relative;overflow:hidden;letter-spacing:.3px;text-decoration:none;white-space:nowrap;max-width:fit-content;box-sizing:border-box}.contact-button:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .6s ease}.contact-button:hover{transform:translateY(-4px)!important;box-shadow:0 12px 40px #016b6166!important;background-position:right center!important;background:linear-gradient(135deg,#016b61,#0e7f79,#2e9e6f)!important;color:#fff!important}.contact-button:hover:before{left:100%}.contact-button:active{transform:translateY(-2px);box-shadow:0 8px 32px #016b6159}@media (max-width: 1024px){.pricing-cards,.promotions-grid{grid-template-columns:repeat(2,1fr);gap:24px}.pricing-card.featured{transform:scale(1)!important;margin-top:0}.pricing-card.featured:hover{transform:translateY(-8px)!important}}@media (max-width: 768px){.features{padding:60px 0!important}.features-container{padding:0 20px}.features-title{font-size:32px;margin-bottom:20px}.features-subtitle{font-size:14px}.savings-banner{font-size:13px;padding:10px 20px;white-space:normal;max-width:90%;width:auto;margin:20px auto 24px}.billing-tabs{gap:6px;padding:4px;width:100%;max-width:100%}.tab-button{padding:8px 16px!important;font-size:13px!important;min-width:auto;flex:1}.pricing-cards{grid-template-columns:1fr;gap:24px}.pricing-card,.pricing-card.featured{transform:none!important;min-height:auto;padding:32px 24px!important}.pricing-card.animate,.pricing-card.featured{transform:translateY(0)!important}.pricing-card.featured:hover{transform:translateY(-8px)!important}.price{font-size:36px}.period{font-size:14px}.pricing-feature{font-size:13px;padding:10px 0;min-height:auto}.promotions-grid{grid-template-columns:1fr;gap:20px}.promotions-title{font-size:28px}.promotions-subtitle{font-size:14px}.promotion-section{padding:28px 24px}.contact-button{padding:14px 40px!important;font-size:15px!important;width:100%;max-width:100%}}@media (max-width: 480px){.features-container{padding:0 16px}.features-title{font-size:28px}.savings-banner{font-size:12px;padding:8px 16px}.tab-button{padding:8px 12px!important;font-size:12px!important}.pricing-card{padding:28px 20px!important}.price{font-size:32px}.pricing-plan-name{font-size:18px}.promotions-title{font-size:24px}}.about{padding:100px 0;background:linear-gradient(135deg,#f8fbf7,#eef3ed)}.about-container{max-width:1200px;margin:0 auto;padding:0 24px}.about-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.about-text{opacity:0;transform:translate(-30px);transition:all .8s ease}.about-fade-in.animate{opacity:1;transform:translate(0)}.about-title{font-size:42px;font-weight:700;color:#0e1f1c;margin-bottom:24px;background:linear-gradient(135deg,#016b61,#0e7f79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.about-description{font-size:16px;line-height:1.8;color:#3d5f5a;margin-bottom:20px}.about-features{margin-top:32px;display:flex;flex-direction:column;gap:16px}.about-feature-item{display:flex;align-items:center;gap:12px;font-size:15px;color:#0e1f1c}.about-check-icon{color:#2e9e6f;flex-shrink:0}.about-mobile{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;opacity:0;transform:translate(30px);transition:all .8s ease .2s}.about-mobile.animate{opacity:1;transform:translate(0)}.mobile-mockup{display:flex;justify-content:center;align-items:center;width:100%}.phone-frame{width:270px;height:540px;background:#000;border-radius:40px;border:8px solid #000;position:relative;box-shadow:0 20px 60px #016b6126}.phone-notch{position:absolute;top:8px;left:50%;transform:translate(-50%);width:100px;height:24px;background:#000;border-radius:0 0 20px 20px;z-index:10}.phone-content{width:100%;height:100%;background:#fff;border-radius:32px;display:flex;flex-direction:column;overflow:hidden;color:#0e1f1c;position:relative}.phone-content:after{content:"";display:block;height:15%;width:100%;background:#fff;flex-shrink:0}.phone-header{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:20px 16px;background:linear-gradient(135deg,#89c9c7,#016b61);color:#fff;width:100%;height:30%;flex-shrink:0}.phone-brand{font-size:16px;font-weight:600;color:#fff}.phone-tabs{display:flex;flex-wrap:nowrap;gap:0;padding:12px 0 0;margin:0;border-bottom:1px solid #d0d0d0;width:100%;background:#fff;justify-content:center}.phone-tab{flex:0 1 auto;padding:0 24px 10px;text-align:center;font-size:12px;font-weight:500;border-bottom:3px solid transparent;cursor:pointer;color:#3d5f5a;margin-bottom:0;position:relative;white-space:nowrap}.phone-tab.active{border-bottom-color:#016b61;color:#0e1f1c;font-weight:600}.phone-form{flex:0 0 auto;padding:12px 14px 0;background:#fff;display:flex;flex-direction:column;gap:4px;width:100%;height:calc(55% - 41px);justify-content:flex-start}.form-group{display:flex;flex-direction:column;gap:2px}.form-label-ip{font-size:11px;font-weight:500;color:#0e1f1c}.phone-input{width:100%;padding:7px 10px;border:1px solid #d0d0d0;border-radius:6px;font-size:13px;font-family:inherit;background:#fff;color:#0e1f1c}.forgot-password{font-size:10px;color:#3d5f5a;text-decoration:none;text-align:right;display:block;margin-top:2px;margin-bottom:0}.forgot-password:hover{color:#016b61}.phone-button{width:100%;padding:9px;background:linear-gradient(135deg,#016b61,#0e7f79);color:#fff;border:none;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;margin-top:0}.mobile-info{display:flex;flex-direction:column;gap:20px}.mobile-title{font-size:36px;font-weight:700;color:#0e1f1c;line-height:1.2}.mobile-description{font-size:16px;color:#3d5f5a;line-height:1.6}.qr-codes{display:flex;gap:16px}.qr-item{display:flex;flex-direction:column;align-items:center}.qr-code{width:150px;height:150px;background:#fff;border:2px solid #d0d0d0;border-radius:8px;display:flex;align-items:center;justify-content:center}.download-buttons{display:flex;gap:16px;margin-top:16px}.download-btn{display:flex;align-items:center;gap:12px;padding:12px 32px;border-radius:24px;font-size:12px;font-weight:600;text-decoration:none;transition:all .3s ease;line-height:1.4;white-space:nowrap}.download-btn.app-store{background:#000;color:#fff}.download-btn.app-store:hover{opacity:.9;transform:translateY(-2px)}.download-btn.play-store{background:#000;color:#fff}.download-btn.play-store:hover{opacity:.9;transform:translateY(-2px)}@media (max-width: 968px){.about-content{grid-template-columns:1fr;gap:40px}.about-title{font-size:32px}.about-mobile{grid-template-columns:1fr;gap:40px}.mobile-title{font-size:28px}.download-buttons{flex-direction:column}.download-btn{justify-content:center}}@media (max-width: 640px){.phone-frame{width:180px;height:360px}.mobile-title{font-size:24px}.mobile-description{font-size:14px}.qr-codes{gap:20px}.qr-code{width:100px;height:100px}}.support{padding:100px 0;background:linear-gradient(135deg,#f8fbf7,#eef3ed)}.support-container{max-width:1200px;margin:0 auto;padding:0 24px}.support-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:flex-start}.support-text{opacity:0;transform:translate(-30px);transition:all .8s ease}.support-fade-in.animate{opacity:1;transform:translate(0)}.support-title{font-size:42px;font-weight:700;color:#0e1f1c;margin-bottom:24px;background:linear-gradient(135deg,#016b61,#0e7f79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;line-height:1.3}.support-description{font-size:16px;line-height:1.8;color:#3d5f5a;margin-bottom:0}.support-form{opacity:0;transform:translate(30px);transition:all .8s ease .2s}.form-wrapper{display:flex;flex-direction:column;gap:24px;background:#fff;padding:40px;border-radius:12px;box-shadow:0 4px 20px #00000014}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-group.full-width{grid-column:1 / -1}.form-label{font-size:14px;font-weight:600;color:#0e1f1c}.form-input,.form-select,.form-textarea{padding:12px 16px;border:1px solid #D0D0D0;border-radius:8px;font-size:14px;font-family:inherit;color:#0e1f1c;transition:all .3s ease;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.form-input::placeholder,.form-textarea::placeholder{color:#8a8a8a}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23016B61' d='M1 4l5 4 5-4'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:40px}.form-textarea{resize:vertical;font-family:inherit}.form-button{padding:14px 32px;background:linear-gradient(135deg,#ff5c5c,#e6504f);color:#fff;border:none;border-radius:24px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:8px}.form-button:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 20px #ff5c5c4d}.form-button:active{transform:translateY(0)}@media (max-width: 968px){.support-content{grid-template-columns:1fr;gap:40px}.support-title{font-size:32px}.form-wrapper{padding:30px}.form-row{grid-template-columns:1fr;gap:16px}}@media (max-width: 640px){.support{padding:60px 0}.support-container{padding:0 16px}.support-title{font-size:24px;margin-bottom:16px}.support-description{font-size:14px}.form-wrapper{padding:20px;gap:16px}.form-label{font-size:13px}.form-input,.form-select,.form-textarea{padding:10px 12px;font-size:13px}.form-button{padding:12px 24px;font-size:14px}}.partners{padding:120px 0;background:linear-gradient(135deg,#fff,#f8fbf7);position:relative;overflow:hidden}.partners:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(1,107,97,.2),transparent)}.partners-container{max-width:1200px;margin:0 auto;padding:0 24px}.partners-fade-in{opacity:0;transform:translateY(40px);transition:all 1.2s cubic-bezier(.4,0,.2,1)}.partners-fade-in.animate{opacity:1;transform:translateY(0)}.partners-header{text-align:center;margin-bottom:80px}.partners-title{font-size:48px;font-weight:700;color:#0e1f1c;margin-bottom:16px;background:linear-gradient(135deg,#016b61,#0e7f79);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.5px}.partners-subtitle{font-size:18px;color:#3d5f5a;margin:0;font-weight:400}.partners-carousel{position:relative;display:flex;align-items:center;margin-bottom:48px;user-select:none;-webkit-user-select:none;overflow:hidden}.carousel-btn{display:none}.partners-carousel-wrapper{width:100%;overflow:hidden;position:relative}.partners-grid-container{display:flex}.partners-grid-slide{min-width:100%;width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;flex-shrink:0;box-sizing:border-box;align-items:stretch}.partners-grid-slide .partner-card{width:100%;max-width:100%;min-height:100%}.partners-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;flex:1;transition:opacity .8s cubic-bezier(.4,0,.2,1)}.partner-card{padding:40px 28px;background:#fff;border-radius:16px;border:1px solid #e8ede9;text-align:center;transition:all .6s cubic-bezier(.4,0,.2,1);height:100%;min-height:100%;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:20px;position:relative;overflow:visible}.partner-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#016b61,#89c9c7,#016b61);transform:scaleX(0);transform-origin:center;transition:transform .6s cubic-bezier(.4,0,.2,1)}.partner-card:hover{transform:translateY(-8px);box-shadow:0 20px 40px #016b611f;border-color:#89c9c7;background:linear-gradient(135deg,#fff,#f8fbf7)}.partner-card:hover:before{transform:scaleX(1)}.partner-icon{display:flex;align-items:center;justify-content:center}.icon-placeholder{width:70px;height:70px;background:linear-gradient(135deg,#89c9c7,#016b61);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:28px;font-weight:700;position:relative;box-shadow:0 8px 20px #016b6133;transition:all .5s cubic-bezier(.4,0,.2,1)}.partner-card:hover .icon-placeholder{transform:scale(1.1) rotate(5deg);box-shadow:0 12px 28px #016b614d}.partner-name{font-size:18px;font-weight:700;color:#0e1f1c;margin:0;letter-spacing:-.3px}.partner-description{font-size:14px;color:#3d5f5a;margin:0;line-height:1.6;font-weight:400;flex:1}.carousel-indicators{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}.indicator{width:8px;height:8px;border-radius:50%;border:none;background:#d0d0d0;cursor:pointer;transition:all .5s cubic-bezier(.4,0,.2,1);padding:0}.indicator:hover{background:#89c9c7;transform:scale(1.3)}.indicator.active{background:linear-gradient(135deg,#016b61,#0e7f79);width:28px;border-radius:4px}@media (max-width: 1024px){.partners{padding:100px 0}.partners-header{margin-bottom:60px}.partners-title{font-size:40px}.partners-grid,.partners-grid-slide{gap:20px}.partner-card{padding:32px 24px;gap:16px}}@media (max-width: 768px){.partners{padding:80px 0}.partners-container{padding:0 16px}.partners-header{margin-bottom:50px}.partners-title{font-size:32px}.partners-subtitle{font-size:16px}.partners-carousel{margin-bottom:36px}.partners-grid,.partners-grid-slide{grid-template-columns:repeat(2,1fr);gap:16px}.carousel-btn{width:40px;height:40px;min-width:40px}.partner-card{padding:28px 20px}.partner-name{font-size:16px}.partner-description{font-size:13px}.icon-placeholder{width:60px;height:60px;font-size:24px}}@media (max-width: 640px){.partners{padding:60px 0}.partners-container{padding:0 16px}.partners-header{margin-bottom:40px}.partners-title{font-size:24px;margin-bottom:12px}.partners-subtitle{font-size:14px}.partners-carousel{margin-bottom:28px}.partners-grid,.partners-grid-slide{grid-template-columns:1fr;gap:12px}.carousel-btn{width:36px;height:36px;font-size:18px}.partner-card{padding:24px 16px;gap:12px}.partner-name{font-size:14px}.partner-description{font-size:12px}.icon-placeholder{width:52px;height:52px;font-size:20px}.indicator{width:6px;height:6px}.indicator.active{width:18px;border-radius:3px}}.footer{background:#000;color:#fff;padding:40px 0 24px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.footer-container{max-width:1320px;margin:0 auto;padding:0 24px}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:32px;align-items:flex-start}.footer-col{display:flex;flex-direction:column;gap:10px}.footer-heading{font-size:16px;font-weight:700;line-height:1.2}.footer-label{font-size:12px;font-weight:500}.footer-title{font-size:14px;font-weight:700;margin:0}.footer-item{font-size:12px;font-weight:500;line-height:1.4}.footer-link{color:#fff;text-decoration:none;transition:opacity .4s ease,text-decoration .4s ease;cursor:pointer}.footer-link:hover{opacity:.8;text-decoration:underline}.footer-social{display:flex;gap:12px;margin-top:8px}.footer-social-btn{width:40px;height:40px;border:2px solid #fff;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;color:#fff;transition:transform .4s cubic-bezier(.4,0,.2,1),opacity .4s ease}.footer-social-btn:hover{transform:translateY(-3px);opacity:.85}.footer-divider{border-top:1px solid rgba(255,255,255,.16);margin:24px 0 16px}.footer-bottom{display:flex;align-items:center;gap:8px}.footer-brand{height:24px;width:auto;object-fit:contain}@media (max-width: 1024px){.footer{padding:56px 0 40px}.footer-grid{grid-template-columns:1fr 1fr;row-gap:32px}.footer-heading,.footer-title{font-size:18px}.footer-item,.footer-label{font-size:13px}.footer-social-btn{width:48px;height:48px}}@media (max-width: 640px){.footer-grid{grid-template-columns:1fr}.footer-divider{margin:32px 0 24px}}.landing-page{width:100%;overflow-x:hidden}html{scroll-behavior:smooth}.landing-page section:not(.features){padding:80px 0}#features,#about{scroll-margin-top:70px}@media (max-width: 768px){.landing-page section:not(.features){padding:60px 0}#features,#about{scroll-margin-top:70px}}.login-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow:hidden}.login-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#016b61,#0e7f79);z-index:0}.login-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundMove 20s linear infinite}.login-card{position:relative;z-index:1;width:100%;max-width:420px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px;animation:slideInUp .6s cubic-bezier(.16,1,.3,1);transform-origin:center}.login-header{text-align:center;margin-bottom:40px}.login-logo{display:flex;align-items:center;justify-content:center;margin-bottom:24px}.login-logo-image{height:50px;width:auto;object-fit:contain}@keyframes logoFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.login-title{font-size:32px;font-weight:700;color:#1f2937;margin:0 0 8px}.login-subtitle{font-size:15px;color:#6b7280;margin:0}.login-form{margin-bottom:24px}.login-form .form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#374151;margin-bottom:8px}.login-error{display:flex;align-items:center;gap:10px;padding:14px 16px;background:#fef2f2;border:1px solid #fecaca;border-radius:12px;color:#dc2626;font-size:14px;margin-bottom:24px;animation:shakeError .5s cubic-bezier(.36,.07,.19,.97)}@keyframes shakeError{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-5px)}20%,40%,60%,80%{transform:translate(5px)}}.form-group{margin-bottom:24px}.form-input{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:#1f2937;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff}.form-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 4px #016b611a;transform:translateY(-2px)}.form-input:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.password-input-wrapper{position:relative;width:100%}.password-input-wrapper .form-input{padding-right:48px}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:color .2s ease;z-index:1}.password-toggle:hover:not(:disabled){color:#016b61}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.login-button{width:100%;padding:16px;background:linear-gradient(135deg,#016b61,#0e7f79);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #016b6166;margin-top:32px}.login-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #016b6180}.login-button:active:not(:disabled){transform:translateY(0)}.login-button:disabled{opacity:.7;cursor:not-allowed}.login-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.login-info{display:flex;align-items:center;justify-content:center;gap:8px;font-size:13px;color:#6b7280;margin:0}.login-register-link{color:#016b61;font-weight:600;text-decoration:none;transition:color .3s ease}.login-register-link:hover{color:#0e7f79;text-decoration:underline}@media (max-width: 640px){.login-card{padding:36px 28px;border-radius:20px}.login-logo-image{height:30px}.login-title{font-size:26px}.login-subtitle{font-size:14px}}.register-container{position:relative;min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto;overflow-x:hidden}.register-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#016b61,#0e7f79);z-index:0}.register-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Cpath d='M36 34v-4h-2v4h-4v2h4v4h2v-4h4v-2h-4zm0-30V0h-2v4h-4v2h4v4h2V6h4V4h-4zM6 34v-4H4v4H0v2h4v4h2v-4h4v-2H6zM6 4V0H4v4H0v2h4v4h2V6h4V4H6z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");animation:backgroundMove 20s linear infinite}@keyframes backgroundMove{0%{transform:translate(0)}to{transform:translate(60px,60px)}}.register-card{position:relative;z-index:1;width:100%;max-width:600px;background:#fff;border-radius:24px;box-shadow:0 20px 60px #0000004d;padding:48px 40px;animation:slideInUp .6s cubic-bezier(.16,1,.3,1);transform-origin:center;margin:40px 0}@keyframes slideInUp{0%{opacity:0;transform:translateY(40px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.register-header{text-align:center;margin-bottom:32px}.register-logo{display:flex;align-items:center;justify-content:center;margin-bottom:20px}.register-logo-image{height:70px;width:auto;object-fit:contain}.register-title{font-size:28px;font-weight:700;color:#0e1f1c;margin:0 0 8px}.register-subtitle{font-size:15px;color:#5e7c75;margin:0 0 24px}.register-steps{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:24px}.step-indicator{display:flex;flex-direction:column;align-items:center;gap:8px}.step-number{width:36px;height:36px;border-radius:50%;background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;transition:all .3s ease}.step-indicator.active .step-number{background:linear-gradient(135deg,#016b61,#0e7f79);color:#fff;box-shadow:0 4px 12px #016b614d}.step-label{font-size:12px;color:#9ca3af;font-weight:500;transition:color .3s ease}.step-indicator.active .step-label{color:#016b61;font-weight:600}.step-line{width:60px;height:2px;background:#e5e7eb;margin-top:-20px;transition:background .3s ease}.step-line.active{background:linear-gradient(90deg,#016b61,#0e7f79)}.register-form{margin-bottom:24px}.form-group{margin-bottom:20px}.form-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:#0e1f1c;margin-bottom:8px}.form-label .required{color:#e6504f;font-weight:700;margin-left:2px}.form-input,.form-select{width:100%;padding:14px 16px;border:2px solid #e5e7eb;border-radius:12px;font-size:15px;color:#0e1f1c;transition:all .3s cubic-bezier(.4,0,.2,1);background:#fff;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 4px #016b611a;transform:translateY(-2px)}.form-input.error,.form-select.error{border-color:#e6504f}.form-input:disabled,.form-select:disabled{background:#f9fafb;cursor:not-allowed;opacity:.6}.form-input::placeholder{color:#9ca3af}.password-input-wrapper,.phone-input-wrapper{position:relative}.phone-input-wrapper .form-input.valid{border-color:#10b981;padding-right:40px}.phone-check-icon{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;animation:checkIn .3s cubic-bezier(.4,0,.2,1)}.password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;color:#5e7c75;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:color .3s ease}.password-toggle:hover{color:#016b61}.error-message{display:block;color:#e6504f;font-size:12px;margin-top:6px;font-weight:500}.register-button{width:100%;padding:16px;background:linear-gradient(135deg,#016b61,#0e7f79);border:none;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 15px #016b6166;margin-top:8px}.register-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 25px #016b6180}.register-button:active:not(:disabled){transform:translateY(0)}.register-button:disabled{opacity:.7;cursor:not-allowed}.register-button-secondary{padding:14px 24px;background:#fff;border:2px solid #016b61;border-radius:12px;color:#016b61;font-size:15px;font-weight:600;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.register-button-secondary:hover:not(:disabled){background:#f8fbf7;transform:translateY(-2px)}.register-button-secondary:disabled{opacity:.6;cursor:not-allowed}.register-form-actions{display:flex;gap:12px;margin-top:8px}.register-form-actions .register-button{flex:1;margin-top:0}.register-footer{text-align:center;padding-top:24px;border-top:1px solid #e5e7eb}.register-info{font-size:13px;color:#5e7c75;margin:0}.register-login-link{color:#016b61;font-weight:600;text-decoration:none;transition:color .3s ease}.register-login-link:hover{color:#0e7f79;text-decoration:underline}.role-selector{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}.role-selector.error{border:2px solid #e6504f;border-radius:12px;padding:4px}.role-option{position:relative;display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-align:left;width:100%;min-height:80px}.role-option:hover:not(:disabled){border-color:#016b61;background:#f8fbf7;transform:translateY(-2px);box-shadow:0 4px 12px #016b611a}.role-option:active:not(:disabled){transform:translateY(0)}.role-option.active{border-color:#016b61;background:linear-gradient(135deg,#f8fbf7,#fff);box-shadow:0 4px 16px #016b6126}.role-option:disabled{opacity:.6;cursor:not-allowed}.role-option svg{color:#6b7280;flex-shrink:0;transition:color .3s ease}.role-option.active svg{color:#016b61}.role-option-content{flex:1;display:flex;flex-direction:column;gap:4px}.role-option-title{font-size:15px;font-weight:600;color:#1f2937;transition:color .3s ease}.role-option.active .role-option-title{color:#016b61}.role-option-desc{font-size:12px;color:#6b7280;transition:color .3s ease}.role-option.active .role-option-desc{color:#0e7f79}.role-check{position:absolute;top:12px;right:12px;animation:checkIn .3s cubic-bezier(.4,0,.2,1)}@keyframes checkIn{0%{opacity:0;transform:scale(.5)}50%{transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@media (max-width: 640px){.register-card{padding:36px 28px;border-radius:20px;max-width:100%}.register-logo-image{height:60px}.register-title{font-size:24px}.register-subtitle{font-size:14px}.form-row{grid-template-columns:1fr}.register-form-actions{flex-direction:column}.register-button-secondary{width:100%}.role-selector{grid-template-columns:1fr}.role-option{min-height:70px}}.privacy-policy-page{min-height:100vh;display:flex;flex-direction:column;background:#fff}.privacy-policy-page section{padding:0!important}.privacy-policy-container{flex:1;max-width:900px;margin:0 auto;padding:120px 32px 80px;width:100%}.privacy-policy-content{background:#fff;border-radius:12px;padding:48px;box-shadow:0 2px 8px #00000014}.privacy-policy-title{font-size:36px;font-weight:700;color:#1a1a1a;margin:0 0 16px;line-height:1.2}.privacy-policy-updated{font-size:14px;color:#666;margin:0 0 24px;padding-bottom:16px;border-bottom:2px solid #e5e5e5}.privacy-section{margin-bottom:24px;padding:0!important}.privacy-section h2{font-size:24px;font-weight:700;color:#006c67;margin:0 0 8px;padding-top:0}.privacy-section h3{font-size:18px;font-weight:600;color:#333;margin:12px 0 6px}.privacy-section p{font-size:16px;line-height:1.7;color:#444;margin:0 0 8px}.privacy-section ul{margin:8px 0;padding-left:24px}.privacy-section li{font-size:16px;line-height:1.7;color:#444;margin-bottom:6px}.privacy-section li strong{color:#333;font-weight:600}.contact-info{background:#f8f9fa;border-left:4px solid #006C67;padding:16px 20px;border-radius:8px;margin-top:8px}.contact-info p{margin:8px 0;color:#444}.contact-info a{color:#006c67;text-decoration:none;font-weight:500}.contact-info a:hover{text-decoration:underline}.privacy-policy-footer{margin-top:32px;padding-top:24px;border-top:2px solid #e5e5e5}.back-home-link{display:inline-flex;align-items:center;gap:8px;color:#006c67;font-size:16px;font-weight:500;text-decoration:none;transition:color .2s ease,transform .2s ease}.back-home-link:hover{color:#005a56;transform:translate(-4px)}@media (max-width: 768px){.privacy-policy-container{padding:100px 20px 60px}.privacy-policy-content{padding:32px 24px}.privacy-policy-title{font-size:28px}.privacy-section h2{font-size:20px}.privacy-section h3{font-size:16px}.privacy-section p,.privacy-section li{font-size:15px}}@media (max-width: 480px){.privacy-policy-container{padding:80px 16px 40px}.privacy-policy-content{padding:24px 16px}.privacy-policy-title{font-size:24px}.privacy-section h2{font-size:18px}}.stat-card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a;transition:all .3s;border-left:4px solid transparent}.stat-card:hover{box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.stat-card-clickable{cursor:pointer}.stat-card-clickable:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.stat-card-primary{border-left-color:#2563eb}.stat-card-success{border-left-color:#10b981}.stat-card-warning{border-left-color:#f59e0b}.stat-card-danger{border-left-color:#ef4444}.stat-card-info{border-left-color:#3b82f6}.stat-card-content{display:flex;flex-direction:column;gap:12px}.stat-card-header{display:flex;justify-content:space-between;align-items:flex-start}.stat-card-title{font-size:14px;color:#6b7280;font-weight:500}.stat-card-icon{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center}.stat-icon-primary{background:#2563eb1a;color:#2563eb}.stat-icon-success{background:#10b9811a;color:#10b981}.stat-icon-warning{background:#f59e0b1a;color:#f59e0b}.stat-icon-danger{background:#ef44441a;color:#ef4444}.stat-icon-info{background:#3b82f61a;color:#3b82f6}.stat-card-value{font-size:28px;font-weight:700;color:#1f2937}.stat-card-trend{display:flex;align-items:center;gap:4px;font-size:13px;font-weight:600}.stat-card-trend.positive{color:#10b981}.stat-card-trend.negative{color:#ef4444}.page-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;flex-wrap:wrap;gap:16px}.page-header-content{flex:1}.page-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.page-subtitle{font-size:14px;color:#6b7280;margin:0}.page-header-action{display:flex;gap:12px;align-items:center}@media (max-width: 768px){.page-header{flex-direction:column;align-items:flex-start}.page-title{font-size:24px}.page-header-action{width:100%}}.dashboard-chart-modal{padding:0}.chart-period-selector{display:flex;gap:8px;padding:16px 24px;border-bottom:1px solid #e5e7eb}.period-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.period-btn:hover{border-color:#3b82f6;color:#3b82f6}.period-btn.active{background:#3b82f6;border-color:#3b82f6;color:#fff}.chart-container{padding:24px}.chart-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#6b7280}.chart-loading .spinner{width:40px;height:40px;border:4px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:16px}.chart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;color:#9ca3af}.chart-summary{display:flex;gap:24px;padding:20px 24px;border-top:1px solid #e5e7eb;background:#f9fafb;flex-wrap:wrap}.summary-item{display:flex;flex-direction:column;gap:4px}.summary-label{font-size:12px;color:#6b7280;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.summary-value{font-size:18px;font-weight:600;color:#1f2937}@media (max-width: 768px){.chart-summary{flex-direction:column;gap:16px}}.search-bar{position:relative;display:flex;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;padding:0;transition:all .2s ease;max-width:500px;width:100%}.search-bar:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-overlay)}.search-bar-icon{display:flex;align-items:center;justify-content:center;padding:12px 16px;color:var(--color-text-muted);flex-shrink:0}.search-bar-input{flex:1;border:none;outline:none;font-size:14px;color:var(--color-text);background:transparent;padding:12px 0}.search-bar-input::placeholder{color:var(--color-text-muted)}.search-bar-clear{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:50%;cursor:pointer;font-size:18px;line-height:1;padding:0;margin-right:12px;transition:all .2s ease;flex-shrink:0}.search-bar-clear:hover{background:var(--color-border);color:var(--color-text)}@media (max-width: 768px){.search-bar{max-width:100%}}.table-container{background:var(--color-surface);border-radius:12px;overflow:hidden;border:1px solid var(--color-border);box-shadow:0 1px 3px #0000000d}.table{width:100%;table-layout:fixed;border-collapse:collapse;font-size:14px}.table thead{background:var(--color-white);border-bottom:2px solid var(--color-border)}.table thead th{padding:16px 20px;text-align:left;font-weight:700;font-size:14px;color:var(--color-text);text-transform:none;letter-spacing:0;border-bottom:2px solid var(--color-border);background:var(--color-surface-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table thead th:first-child{border-top-left-radius:12px}.table thead th:last-child{border-top-right-radius:12px}.table tbody tr{border-bottom:1px solid var(--color-border)}.table tbody tr:last-child{border-bottom:none}.table tbody tr.table-row-clickable{cursor:pointer}.table tbody td{padding:16px 20px;color:var(--color-text);vertical-align:middle;overflow:hidden}.table-cell-content{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;cursor:default}.table tbody td>button,.table tbody td>.badge,.table tbody td>div[style*="display: flex"],.table tbody td>div[style*=flex]{white-space:normal;overflow:visible;text-overflow:clip;display:inline-flex;max-width:none}.table tbody tr:not(:last-child) td{border-bottom:1px solid var(--color-border)}.table .badge{display:inline-block;padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500;white-space:nowrap}.table .badge-success{background:var(--color-success);color:#fff}.table .badge-warning{background:var(--color-warning);color:#fff}.table .badge-danger{background:var(--color-error);color:#fff}.table .badge-info{background:var(--color-info);color:#fff}.table .badge-completed{background:var(--color-success);color:#fff}.table .badge-pending{background:var(--color-warning);color:#fff}.table-container .table-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px 24px;text-align:center;color:var(--color-text-muted);background:transparent;border-radius:0;border:none}.table-empty-state svg{margin-bottom:16px;opacity:.4;color:var(--color-text-muted)}.table-empty-state p{font-size:14px;margin:0}@media (max-width: 768px){.table-container{overflow-x:auto}.table{min-width:600px}.table thead th,.table tbody td{padding:12px 16px;font-size:13px}}.table-striped tbody tr:nth-child(2n){background:var(--color-surface-muted)}.pagination-container{display:flex;justify-content:space-between;align-items:center;margin-top:24px;padding:16px 0;border-top:1px solid var(--color-border);flex-wrap:wrap;gap:16px}.pagination-info{display:flex;align-items:center;gap:16px;font-size:14px;color:var(--color-text-muted)}.pagination-page-size{display:flex;align-items:center;gap:8px}.pagination-page-size label{font-size:14px;color:var(--color-text)}.pagination-select{padding:6px 10px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s}.pagination-select:hover{border-color:var(--color-primary)}.pagination-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.pagination-controls{display:flex;align-items:center;gap:8px}.pagination-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);cursor:pointer;transition:all .2s}.pagination-btn:hover:not(:disabled){background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary)}.pagination-btn:disabled{opacity:.5;cursor:not-allowed}.pagination-pages{display:flex;align-items:center;gap:4px}.pagination-page-btn{min-width:36px;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:6px;background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s}.pagination-page-btn:hover{background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary)}.pagination-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.pagination-page-btn.active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.pagination-ellipsis{padding:0 8px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none}@media (max-width: 768px){.pagination-container{flex-direction:column;align-items:stretch}.pagination-info{flex-direction:column;align-items:flex-start}.pagination-controls{justify-content:center}}.inventory-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.toolbar-left{flex:1;display:flex;align-items:center;gap:16px;max-width:600px}.toolbar-right{display:flex;gap:12px}.text-warning{color:var(--color-warning);font-weight:600}.btn-sm{padding:6px 12px;font-size:13px;display:inline-flex;align-items:center;gap:6px}.import-form,.add-product-form{display:flex;flex-direction:column;gap:16px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-info{padding:10px 14px;background:var(--color-surface-muted);border-radius:8px;border:1px solid var(--color-border)}.form-info strong{color:var(--color-text);font-size:14px}.form-info-muted{color:var(--color-text-muted);font-size:13px;margin-left:8px}.error-message{color:var(--color-error);font-size:12px;margin-top:4px;display:block}.form-input.error{border-color:var(--color-error)}.form-select{padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px;cursor:pointer;transition:all .2s}.form-select:hover{border-color:var(--color-primary)}.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.table-actions-container{display:flex;gap:6px;font-size:14px;flex-wrap:nowrap;align-items:center;justify-content:flex-start;width:100%}.table-actions-container .btn{flex-shrink:0;white-space:nowrap;min-width:auto;padding:8px 12px;font-size:13px}.table-actions-container .btn svg{flex-shrink:0;width:16px;height:16px}.category-select-wrapper{position:relative;width:100%}.category-select-input{display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);cursor:pointer;transition:all .2s;min-height:42px}.category-select-input:hover{border-color:var(--color-primary)}.category-select-input.error{border-color:var(--color-error);background:#e6504f0d}.category-search-icon{color:var(--color-text-muted);flex-shrink:0}.category-search-input{flex:1;border:none;outline:none;background:transparent;font-size:14px;color:var(--color-text);padding:0}.category-search-input::placeholder{color:var(--color-text-muted)}.category-clear-btn{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:none;background:var(--color-surface-muted);color:var(--color-text-muted);border-radius:50%;cursor:pointer;transition:all .2s;flex-shrink:0;padding:0}.category-clear-btn:hover{background:var(--color-border);color:var(--color-text)}.category-chevron{color:var(--color-text-muted);flex-shrink:0;transition:transform .2s}.category-chevron.open{transform:rotate(180deg)}.category-dropdown{position:absolute;top:calc(100% + 4px);left:0;right:0;background:#fff;border:1px solid var(--color-border);border-radius:8px;box-shadow:0 4px 12px #0000001a;max-height:250px;overflow-y:auto;z-index:1000;margin-top:4px}.category-option{padding:10px 14px;cursor:pointer;transition:all .2s;font-size:14px;color:var(--color-text);border-bottom:1px solid var(--color-border)}.category-option:last-child{border-bottom:none}.category-option:hover{background:var(--color-surface-muted)}.category-option.selected{background:var(--color-primary);color:#fff;font-weight:500}.category-empty{padding:12px 14px;text-align:center;color:var(--color-text-muted);font-size:14px}.category-create-option{display:flex;align-items:center;gap:8px;padding:10px 14px;cursor:pointer;transition:all .2s;font-size:14px;color:var(--color-primary);background:#016b610d;border-top:1px solid var(--color-border);font-weight:500}.category-create-option:hover:not(.disabled){background:#016b611a}.category-create-option.disabled{opacity:.6;cursor:not-allowed}.category-create-option svg{flex-shrink:0}.inventory-manager .inv-bulk-checkbox-wrap{display:flex;align-items:center;justify-content:center;margin:0;padding:8px;cursor:pointer;border-radius:8px;transition:background-color .2s ease}.inventory-manager .inv-bulk-checkbox-wrap:hover{background-color:var(--color-surface-muted, rgba(0, 0, 0, .04))}.inventory-manager .inv-bulk-checkbox-wrap .inv-bulk-checkbox,.inventory-manager .inv-bulk-checkbox-wrap input[type=checkbox]{width:20px;height:20px;min-width:20px;min-height:20px;margin:0;cursor:pointer;accent-color:var(--color-primary, #016b61);border-radius:4px;transition:transform .15s ease,box-shadow .15s ease}.inventory-manager .inv-bulk-checkbox-wrap:hover .inv-bulk-checkbox,.inventory-manager .inv-bulk-checkbox-wrap:hover input[type=checkbox]{transform:scale(1.12)}.inventory-manager .inv-bulk-checkbox-wrap .inv-bulk-checkbox:focus,.inventory-manager .inv-bulk-checkbox-wrap input[type=checkbox]:focus{outline:none;box-shadow:0 0 0 2px var(--color-primary, #016b61)}.inventory-manager .inv-bulk-checkbox-wrap .inv-bulk-checkbox:checked,.inventory-manager .inv-bulk-checkbox-wrap input[type=checkbox]:checked{box-shadow:0 1px 3px #016b6140}.inventory-card-modal{display:flex;flex-direction:column;min-height:100%}.inventory-card-header{padding:24px;border-bottom:1px solid #e5e7eb;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.inventory-card-modal .product-info-container{display:flex;flex-direction:column;gap:20px;width:100%}.inventory-card-modal .product-image{width:100%;max-width:300px;height:300px;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;background:#f9fafb;display:flex;align-items:center;justify-content:center;align-self:center}.inventory-card-modal .product-image img{width:100%;height:100%;object-fit:cover}.inventory-card-modal .product-info{width:100%;display:flex;flex-direction:column}.inventory-card-modal .product-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap;width:100%}.inventory-card-modal .product-name{font-size:22px;font-weight:700;color:#1f2937;margin:0}.inventory-card-modal .product-code{padding:6px 14px;background:#fff;border:1px solid #d1d5db;border-radius:8px;font-size:13px;color:#6b7280;font-weight:600;font-family:Courier New,monospace}.inventory-card-modal .product-details-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px;margin-top:0;width:100%}.inventory-card-modal .product-detail-item{display:flex;align-items:center;gap:12px;padding:12px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.inventory-card-modal .product-detail-item:hover{border-color:#d1d5db;box-shadow:0 2px 4px #0000000d}.inventory-card-modal .detail-icon{color:#6b7280;flex-shrink:0}.inventory-card-modal .detail-content{display:flex;flex-direction:column;gap:4px;flex:1;min-width:0}.inventory-card-modal .detail-label{font-size:12px;color:#9ca3af;font-weight:500;text-transform:uppercase;letter-spacing:.5px}.inventory-card-modal .detail-value{font-size:16px;color:#1f2937;font-weight:600;word-break:break-word}.inventory-card-modal .detail-value-primary{color:#3b82f6}.inventory-card-modal .detail-value-warning{color:#f59e0b}.inventory-card-modal .date-range-filter{display:flex;align-items:center;gap:12px;padding:16px 24px;border-bottom:1px solid #e5e7eb;background:#fff}.inventory-card-modal .date-range-filter svg{color:#6b7280}.inventory-card-modal .date-range-btn{padding:8px 16px;border:1px solid #d1d5db;background:#fff;border-radius:6px;font-size:14px;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s ease}.inventory-card-modal .date-range-btn:hover{border-color:#10b981;color:#10b981;background:#f0fdf4}.inventory-card-modal .date-range-btn.active{background:#10b981;border-color:#10b981;color:#fff}.inventory-card-modal .chart-section{padding:24px;border-bottom:1px solid #e5e7eb;background:#fff}.inventory-card-modal .chart-header{display:flex;align-items:center;gap:8px;margin-bottom:20px}.inventory-card-modal .chart-header svg{color:#10b981}.inventory-card-modal .chart-header h4{font-size:16px;font-weight:600;color:#1f2937;margin:0}.inventory-card-modal .summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:16px;padding:24px;border-bottom:1px solid #e5e7eb;background:#f9fafb}.inventory-card-modal .stat-item{display:flex;align-items:center;gap:12px;padding:16px;background:#fff;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.inventory-card-modal .stat-item:hover{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f;transform:translateY(-1px)}.inventory-card-modal .stat-icon{padding:10px;border-radius:8px;flex-shrink:0}.inventory-card-modal .stat-icon-import{background:#d1fae5;color:#10b981}.inventory-card-modal .stat-icon-export{background:#fef3c7;color:#f59e0b}.inventory-card-modal .stat-icon-sale{background:#dbeafe;color:#3b82f6}.inventory-card-modal .stat-icon-return{background:#fee2e2;color:#ef4444}.inventory-card-modal .stat-icon-total{background:#e0e7ff;color:#6366f1}.inventory-card-modal .stat-content{display:flex;flex-direction:column;gap:4px}.inventory-card-modal .stat-label{font-size:13px;color:#6b7280;font-weight:500}.inventory-card-modal .stat-value{font-size:20px;font-weight:700;color:#1f2937}.inventory-card-modal .transaction-table-section{padding:24px;background:#fff}.inventory-card-modal .section-title{font-size:16px;font-weight:600;color:#1f2937;margin:0 0 16px}.inventory-card-modal .loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#6b7280}.inventory-card-modal .loading-state .spinner{width:32px;height:32px;border:3px solid #e5e7eb;border-top-color:#10b981;border-radius:50%;animation:inventory-spin .8s linear infinite}@keyframes inventory-spin{to{transform:rotate(360deg)}}.inventory-card-modal .empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px;color:#9ca3af}.inventory-card-modal .empty-state svg{opacity:.5}.inventory-card-modal .empty-state p{font-size:14px;margin:0}.inventory-card-modal .transaction-table-container{border:1px solid #e5e7eb;border-radius:8px;overflow:hidden;background:#fff}.inventory-card-modal .transaction-table{width:100%;border-collapse:collapse;font-size:14px}.inventory-card-modal .transaction-table thead{background:#f9fafb;border-bottom:2px solid #e5e7eb}.inventory-card-modal .transaction-table th{padding:12px 16px;text-align:left;font-weight:600;color:#374151;font-size:13px;text-transform:uppercase;letter-spacing:.5px}.inventory-card-modal .transaction-table tbody tr{border-bottom:1px solid #f3f4f6;transition:background-color .15s ease}.inventory-card-modal .transaction-table tbody tr:hover{background:#f9fafb}.inventory-card-modal .transaction-table tbody tr:last-child{border-bottom:none}.inventory-card-modal .transaction-table td{padding:14px 16px;color:#1f2937}.inventory-card-modal .text-secondary{color:#6b7280!important}.inventory-card-modal .document-number{font-family:Courier New,monospace;font-weight:600;color:#6b7280;font-size:13px;transition:color .2s ease}.inventory-card-modal .document-number-clickable{color:#3b82f6;cursor:pointer}.inventory-card-modal .document-number-clickable:hover{color:#2563eb;text-decoration:underline}.inventory-card-modal .transaction-type-badge{display:inline-block;padding:4px 12px;border-radius:6px;font-size:13px;font-weight:500}@media (max-width: 768px){.inventory-card-modal .product-info-container{flex-direction:column;gap:16px}.inventory-card-modal .product-image{max-width:100%;height:250px}.inventory-card-modal .product-details-grid{grid-template-columns:1fr;margin-top:0}.inventory-card-modal .summary-stats{grid-template-columns:1fr}.inventory-card-modal .transaction-table-container{overflow-x:auto}.inventory-card-modal .transaction-table{min-width:600px}.inventory-card-header,.inventory-card-modal .chart-section,.inventory-card-modal .transaction-table-section{padding:16px}}.quick-import-modal .qim-tabs{display:flex;gap:4px;margin-bottom:20px;padding:4px;background:var(--color-surface-muted, #f1f5f9);border-radius:12px;transition:background .2s ease}.quick-import-modal .qim-tab{flex:1;padding:12px 16px;border:none;border-radius:10px;font-size:14px;font-weight:500;color:var(--color-text-muted, #64748b);background:transparent;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1)}.quick-import-modal .qim-tab:hover{color:var(--color-text, #1e293b);background:#ffffffb3}.quick-import-modal .qim-tab.qim-tab--active{color:var(--color-primary, #016b61);background:#fff;box-shadow:0 2px 8px #0000000f}.quick-import-modal .qim-panel{animation:qim-fadeIn .3s ease}@keyframes qim-fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.quick-import-modal .qim-section{margin-bottom:20px}.quick-import-modal .qim-section-label{display:block;font-size:13px;font-weight:600;color:var(--color-text-muted, #64748b);margin-bottom:8px}.quick-import-modal .qim-table-wrap{overflow-x:auto;border:1px solid var(--color-border, #e2e8f0);border-radius:12px;margin-bottom:16px}.quick-import-modal .qim-table{width:100%;border-collapse:collapse;font-size:14px}.quick-import-modal .qim-table th{padding:12px 14px;text-align:left;font-weight:600;color:var(--color-text-muted, #64748b);background:var(--color-surface-muted, #f8fafc);border-bottom:2px solid var(--color-border, #e2e8f0);white-space:nowrap}.quick-import-modal .qim-table th:first-child{border-radius:12px 0 0}.quick-import-modal .qim-table td{padding:10px 14px;border-bottom:1px solid var(--color-border, #e2e8f0);vertical-align:middle}.quick-import-modal .qim-table tr:last-child td{border-bottom:none}.quick-import-modal .qim-table tr:hover td{background:#016b6108}.quick-import-modal .qim-input{width:100%;padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:14px;color:var(--color-text, #1e293b);background:#fff;transition:border-color .2s,box-shadow .2s}.quick-import-modal .qim-input:focus{outline:none;border-color:var(--color-primary, #016b61);box-shadow:0 0 0 3px #016b611f}.quick-import-modal .qim-input.qim-input--error{border-color:var(--color-error, #dc2626)}.quick-import-modal .qim-input[type=number]{min-width:80px;text-align:right}.quick-import-modal .qim-select{min-width:160px;padding:8px 12px;border:1px solid var(--color-border, #e2e8f0);border-radius:8px;font-size:14px;color:var(--color-text, #1e293b);background:#fff;cursor:pointer;transition:border-color .2s}.quick-import-modal .qim-select:focus{outline:none;border-color:var(--color-primary, #016b61)}.quick-import-modal .qim-btn-add-row{display:inline-flex;align-items:center;gap:6px;padding:8px 14px;border:1px dashed var(--color-border, #e2e8f0);border-radius:8px;font-size:13px;color:var(--color-primary, #016b61);background:#016b610f;cursor:pointer;transition:all .2s ease}.quick-import-modal .qim-btn-add-row:hover{background:#016b611f;border-color:var(--color-primary, #016b61)}.quick-import-modal .qim-btn-remove{padding:6px;border:none;border-radius:6px;color:var(--color-text-muted, #94a3b8);background:transparent;cursor:pointer;transition:color .2s,background .2s}.quick-import-modal .qim-btn-remove:hover{color:var(--color-error, #dc2626);background:#dc262614}.quick-import-modal .qim-footer-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding-top:16px;border-top:1px solid var(--color-border, #e2e8f0);margin-top:20px}.quick-import-modal .qim-error-text{font-size:12px;color:var(--color-error, #dc2626);margin-top:4px}.quick-import-modal .qim-required:after{content:" *";color:var(--color-error, #dc2626)}.quick-import-modal .qim-empty-hint{padding:24px;text-align:center;color:var(--color-text-muted, #64748b);font-size:14px;background:var(--color-surface-muted, #f8fafc);border-radius:12px;border:1px dashed var(--color-border, #e2e8f0)}.product-card{background:var(--color-white)!important;border:1.5px solid var(--color-border)!important;border-radius:8px!important;padding:8px 10px!important;margin:0!important;cursor:pointer!important;transition:all .2s ease!important;position:relative!important;overflow:hidden!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:60px!important;max-height:70px!important;flex-shrink:0!important;width:100%!important;box-sizing:border-box!important}.product-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--color-primary) 0%,var(--color-primary-muted) 100%);transform:scaleY(0);transition:transform .2s ease}.product-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #016b611f;transform:translate(2px)}.product-card:hover:before{transform:scaleY(1)}.product-card.focused{border-color:var(--color-primary);background:var(--color-overlay);box-shadow:0 0 0 3px #016b6133,0 2px 8px #016b6126;transform:translate(2px)}.product-card.focused:before{transform:scaleY(1)}.product-card.focused .product-name{color:var(--color-primary)}.product-card.out-of-stock{opacity:.6;cursor:not-allowed;background:var(--color-surface-muted)}.product-card.out-of-stock:hover{transform:none;box-shadow:none;background:var(--color-surface-muted)}.product-image-wrapper{width:50px!important;height:50px!important;flex-shrink:0!important;border-radius:6px!important;overflow:hidden!important;background:var(--color-surface-muted)!important;display:flex!important;align-items:center!important;justify-content:center!important;visibility:visible!important;opacity:1!important}.product-image{width:100%!important;height:100%!important;object-fit:cover!important;display:block!important;visibility:visible!important;opacity:1!important}.product-image-placeholder{width:100%!important;height:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;background:var(--color-surface-muted)!important;font-size:24px!important;visibility:visible!important;opacity:1!important}.product-stock-badge{position:absolute!important;top:4px!important;right:4px!important;z-index:2!important;flex-shrink:0!important;display:block!important;visibility:visible!important;opacity:1!important}.stock-badge{padding:3px 6px!important;border-radius:4px!important;font-size:10px!important;font-weight:700!important;min-width:28px!important;text-align:center!important;box-shadow:0 1px 3px #0003!important;display:inline-block!important;visibility:visible!important;opacity:1!important}.stock-ok{background:var(--color-success)!important;color:#fff!important}.stock-low{background:var(--color-warning)!important;color:#fff!important}.stock-out{background:var(--color-error)!important;color:#fff!important}.stock-best-seller{background:linear-gradient(135deg,#ff6b35,#f7931e)!important;color:#fff!important;box-shadow:0 2px 4px #ff6b354d!important}.product-content{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1!important;min-width:0!important;overflow:hidden!important;padding-right:45px!important;visibility:visible!important;opacity:1!important}.product-name{font-size:13px!important;font-weight:700!important;color:var(--color-text)!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;margin:0!important;display:block!important;visibility:visible!important;opacity:1!important}.product-code{font-size:10px!important;color:var(--color-text-muted)!important;font-weight:500!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;display:block!important;visibility:visible!important;opacity:1!important}.product-price{font-size:13px!important;font-weight:700!important;color:var(--color-primary)!important;flex-shrink:0!important;margin-left:auto!important;padding-left:8px!important;padding-top:28px!important;white-space:nowrap!important;align-self:flex-start!important;display:block!important;visibility:visible!important;opacity:1!important}.pos-page{padding-top:0;padding-left:0;padding-bottom:0;animation:fadeIn .3s;background:var(--color-background);height:100vh;overflow:hidden;display:flex;flex-direction:column}.content-wrapper.pos-page-wrapper{padding:0 24px}.pos-header-custom{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;margin:0 16px 16px;background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-muted) 100%);border-radius:16px;box-shadow:0 4px 20px #016b6126;position:relative;overflow:hidden}.pos-header-custom:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.pos-header-left{display:flex;align-items:center;gap:16px;position:relative;z-index:1}.pos-header-icon-wrapper{position:relative;display:flex;align-items:center;justify-content:center;width:56px;height:56px;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:2px solid rgba(255,255,255,.3);color:#fff;flex-shrink:0}.pos-header-sparkle{position:absolute;top:-4px;right:-4px;color:gold;animation:sparkle 2s ease-in-out infinite}@keyframes sparkle{0%,to{opacity:.6;transform:scale(1) rotate(0)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.pos-header-content{display:flex;flex-direction:column;gap:6px}.pos-header-title{font-size:28px;font-weight:800;color:#fff;margin:0;letter-spacing:-.5px;text-shadow:0 2px 8px rgba(0,0,0,.1)}.pos-header-subtitle{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:500;color:#fffffff2;margin:0}.pos-header-subtitle svg{flex-shrink:0}.pos-mode-toggle-btn{display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid rgba(255,255,255,.3);border-radius:12px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease;margin-left:24px}.pos-mode-toggle-btn:hover{background:#ffffff40;border-color:#fff6;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pos-mode-toggle-btn.active{background:#dc2626e6;border-color:#dc2626}.pos-mode-toggle-btn.active:hover{background:#b91c1cf2}.pos-header-custom.pos-header-return-mode{background:linear-gradient(135deg,#dc2626,#b91c1c);box-shadow:0 4px 20px #dc262640}.pos-header-icon-wrapper.return-mode{background:#ffffff40;border-color:#fff6}.pos-header-center{display:flex;align-items:center;justify-content:center;flex:1;position:relative;z-index:1;margin:0 24px}.pos-header-branch-select{min-width:250px;max-width:350px;background:#ffffff26;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);border-radius:12px;padding:12px 40px 12px 18px;font-size:14px;font-weight:600;font-family:inherit;line-height:1.5;color:#fff;cursor:pointer;transition:all .3s ease;box-shadow:0 2px 8px #0000001a;appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Cpath fill='white' d='M7 10L2 5h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px;vertical-align:middle;display:inline-block}.pos-header-branch-select:hover{background:#ffffff40;border-color:#ffffff4d;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pos-header-branch-select:focus{outline:none;background:#ffffff40;border-color:#fff6;box-shadow:0 0 0 3px #fff3,0 4px 12px #00000026}.pos-header-branch-select option{background:var(--color-primary);color:#fff;padding:10px}.pos-header-right{display:flex;align-items:center;gap:12px;position:relative;z-index:1}.pos-header-quick-stats{display:flex;gap:12px;align-items:center}.pos-quick-stat{display:flex;flex-direction:column;gap:4px;padding:12px 20px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:12px;border:1px solid rgba(255,255,255,.2);min-width:100px;transition:all .3s ease}.pos-quick-stat:hover{background:#ffffff40;transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.pos-quick-stat-primary{background:#ffffff40;border-color:#fff6;box-shadow:0 2px 8px #0000001a}.pos-quick-stat-label{font-size:11px;font-weight:600;color:#ffffffd9;text-transform:uppercase;letter-spacing:.5px}.pos-quick-stat-value{font-size:18px;font-weight:700;color:#fff;line-height:1.2}@media (max-width: 1200px){.pos-header-custom{padding:16px 20px;margin:0 12px 12px}.pos-header-title{font-size:24px}.pos-header-icon-wrapper{width:48px;height:48px}.pos-header-center{margin:0 16px}.pos-header-branch-select{min-width:200px;max-width:280px}.pos-quick-stat{padding:10px 16px;min-width:90px}.pos-quick-stat-value{font-size:16px}}@media (max-width: 768px){.pos-header-custom{flex-direction:column;align-items:flex-start;gap:16px;padding:16px;margin:0 8px 12px}.pos-header-center{width:100%;margin:0}.pos-header-branch-select{width:100%;max-width:100%}.pos-header-right{width:100%}.pos-header-quick-stats{width:100%;justify-content:space-between}.pos-quick-stat{flex:1;min-width:0}.pos-header-title{font-size:22px}}@keyframes slideInItem{0%{opacity:0;transform:translate(-20px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.pos-page .pos-container-new,.pos-container-new{display:flex!important;flex-direction:row!important;gap:16px!important;margin-top:8px!important;padding:0 16px 16px!important;flex:1!important;min-height:0!important;overflow:hidden!important;align-items:stretch!important}.pos-page .pos-products-section,.pos-products-section{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--color-white)!important;border-radius:12px!important;padding:16px!important;box-shadow:0 2px 12px #016b6114!important;border:2px solid var(--color-border)!important;flex:0 0 32%!important;min-width:280px!important;max-width:420px!important;min-height:0!important;max-height:100%!important;position:relative!important}.pos-page .products-header,.products-header{margin-bottom:12px!important;flex-shrink:0!important;position:relative!important;z-index:1!important}.pos-page .products-grid,.products-grid{display:flex!important;flex-direction:column!important;gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important;flex:1!important;min-height:0!important;max-height:100%!important;padding-right:8px!important;position:relative!important}.pos-page .products-grid .product-card,.pos-products-section .products-grid .product-card,.products-grid .product-card{margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important;gap:10px!important;min-height:60px!important;max-height:70px!important;flex-shrink:0!important;width:100%!important;box-sizing:border-box!important}.products-grid::-webkit-scrollbar{width:6px}.products-grid::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:3px}.products-grid::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.products-grid::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.pos-page .pos-invoices-section,.pos-invoices-section{display:flex!important;flex-direction:column!important;overflow:hidden!important;background:var(--color-white)!important;border-radius:12px!important;box-shadow:0 2px 12px #016b6114!important;border:2px solid var(--color-border)!important;flex:1 1 auto!important;min-height:0!important}.invoices-tabs{border-bottom:2px solid var(--color-border);background:var(--color-surface-muted);border-radius:16px 16px 0 0;padding:12px 16px 0;flex-shrink:0}.tabs-list{display:flex;gap:8px;overflow-x:auto;padding-bottom:12px}.tabs-list::-webkit-scrollbar{height:4px}.tabs-list::-webkit-scrollbar-track{background:transparent}.tabs-list::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}.tab-item{display:flex;align-items:center;gap:6px;padding:8px 14px;background:var(--color-white);border:2px solid var(--color-border);border-radius:8px 8px 0 0;cursor:pointer;transition:all .2s ease;font-size:13px;font-weight:500;color:var(--color-text);white-space:nowrap;position:relative;min-width:120px}.tab-item:hover{background:var(--color-overlay);border-color:var(--color-primary-soft)}.tab-item.active{background:var(--color-white);border-color:var(--color-primary);border-bottom-color:var(--color-white);color:var(--color-primary);font-weight:600;z-index:1;margin-bottom:-2px}.tab-badge{background:var(--color-primary);color:#fff;font-size:10px;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.tab-close{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:4px;transition:all .2s ease;margin-left:4px;padding:0}.tab-close:hover{background:var(--color-error);color:#fff}.tab-add{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:2px dashed var(--color-border);background:transparent;border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--color-text-muted);flex-shrink:0}.tab-add:hover{border-color:var(--color-primary);color:var(--color-primary);background:var(--color-overlay)}.invoice-card{display:grid;grid-template-columns:1fr 320px;grid-template-rows:auto 1fr;gap:16px;padding:16px;overflow:hidden;flex:1;min-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.invoice-card::-webkit-scrollbar{width:6px}.invoice-card::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:3px}.invoice-card::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.invoice-card::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.invoice-header-new{display:flex;align-items:center;justify-content:space-between;padding-bottom:12px;border-bottom:2px solid var(--color-border);grid-column:1 / -1;flex-shrink:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.invoice-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700;color:var(--color-text);margin:0}.invoice-title.return-mode{color:#dc2626}.invoice-card.return-mode{border-color:#dc26264d}.invoice-card.return-mode .invoice-header-new{border-bottom-color:#dc26264d}.btn-clear-invoice{display:flex;align-items:center;gap:6px;padding:6px 12px;background:transparent;border:1px solid var(--color-border);border-radius:8px;color:var(--color-text-muted);font-size:12px;cursor:pointer;transition:all .2s ease}.btn-clear-invoice:hover{background:var(--color-error);color:#fff;border-color:var(--color-error)}.invoice-items{overflow-y:auto;display:flex;flex-direction:column;gap:10px;grid-column:1;grid-row:2;min-height:0;transition:all .3s cubic-bezier(.4,0,.2,1)}.invoice-items:has(.empty-invoice){justify-content:center;align-items:center}.invoice-items::-webkit-scrollbar{width:6px}.invoice-items::-webkit-scrollbar-track{background:var(--color-surface-muted);border-radius:3px}.invoice-items::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:3px}.invoice-items::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}.empty-invoice{text-align:center;padding:40px 20px;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;width:100%;min-height:200px;animation:fadeIn .4s ease-out;transition:opacity .3s ease-out,transform .3s ease-out}.empty-invoice svg{opacity:.3}.empty-invoice span{font-size:12px;color:var(--color-text-muted)}.invoice-item{display:grid;grid-template-columns:1fr auto auto;gap:12px;align-items:center;padding:12px;background:var(--color-surface-muted);border-radius:10px;transition:all .3s cubic-bezier(.4,0,.2,1);border:1px solid var(--color-border);animation:slideInItem .3s ease-out}.invoice-item:hover{background:var(--color-overlay);border-color:var(--color-primary-soft)}.invoice-item.out-of-stock{background:#fff5f5;border-left:4px solid #EF4444;border-color:#ef44444d;animation:shake .5s ease-in-out}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.invoice-item.out-of-stock:hover{background:#fff1f1;border-left-color:#ef4444}.invoice-item-info{display:flex;flex-direction:column;gap:4px;min-width:0}.invoice-item-name-container{display:flex;align-items:center;gap:8px;width:100%}.invoice-item-name{font-weight:600;font-size:14px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.invoice-item-name.out-of-stock{color:#ef4444}.out-of-stock-badge{display:inline-flex;align-items:center;padding:2px 8px;background:#ef4444;color:#fff;font-size:10px;font-weight:600;border-radius:4px;white-space:nowrap;flex-shrink:0}.invoice-item-code{font-size:12px;color:var(--color-text-muted)}.invoice-item-price{font-size:16px;color:var(--color-text-muted)}.invoice-item-price-controls{display:flex;align-items:center;gap:6px}.price-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:2px solid var(--color-border);background:var(--color-white);border-radius:6px;cursor:pointer;transition:all .2s ease;color:var(--color-text);padding:0}.price-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.invoice-item-price.editable{cursor:pointer;padding:4px 10px;border-radius:6px;transition:all .2s ease;border:1px dashed transparent;min-width:80px;text-align:center;font-size:16px;font-weight:600}.invoice-item-price.editable:hover{background:var(--color-overlay);color:var(--color-primary);border-color:var(--color-primary)}.invoice-item-price-input{width:90px;padding:4px 8px;font-size:16px;border:2px solid var(--color-primary);border-radius:6px;background:var(--color-white);color:var(--color-text);font-weight:600;outline:none;text-align:center}.invoice-item-price-input::-webkit-outer-spin-button,.invoice-item-price-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.invoice-item-price-input[type=number]{-moz-appearance:textfield}.invoice-item-actions{display:flex;align-items:center;gap:8px}.qty-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid var(--color-border);background:var(--color-white);border-radius:8px;cursor:pointer;transition:all .2s ease;color:var(--color-text)}.qty-btn:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.qty-value{font-weight:600;font-size:14px;min-width:30px;text-align:center;color:var(--color-text)}.qty-value.editable{cursor:pointer;padding:4px 8px;border-radius:6px;transition:all .2s ease}.qty-value.editable:hover{background:var(--color-surface-muted);color:var(--color-primary)}.qty-input{width:50px;padding:4px 8px;font-size:14px;border:2px solid var(--color-primary);border-radius:6px;background:var(--color-white);color:var(--color-text);font-weight:600;outline:none;text-align:center}.qty-input::-webkit-outer-spin-button,.qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.qty-input[type=number]{-moz-appearance:textfield}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:8px;transition:all .2s ease}.btn-icon:hover{background:var(--color-surface-muted);color:var(--color-text)}.invoice-item-total{font-weight:700;font-size:16px;color:var(--color-primary);min-width:100px;text-align:right}.invoice-sidebar{display:flex;flex-direction:column;gap:8px;grid-column:2;grid-row:2;overflow-y:visible;min-height:0;position:sticky;top:0;align-self:start;transition:all .3s cubic-bezier(.4,0,.2,1);max-height:calc(100vh - 120px)}.invoice-sidebar>*:not(.btn-checkout){flex-shrink:1;min-height:0}.invoice-customer-new,.invoice-notes-new{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.invoice-notes-new textarea{max-height:60px;resize:none}.form-label{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--color-text)}.form-select,.form-textarea{padding:10px 12px;border:2px solid var(--color-border);border-radius:10px;font-size:14px;color:var(--color-text);background:var(--color-white);transition:all .2s ease;font-family:inherit}.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-overlay)}.invoice-summary-new{display:flex;flex-direction:column;gap:8px;padding:12px;background:linear-gradient(135deg,var(--color-surface-muted) 0%,var(--color-white) 100%);border-radius:10px;border:2px solid var(--color-border);flex-shrink:0}.invoice-discount{display:flex;flex-direction:column;gap:6px;padding:8px;background:var(--color-surface-muted);border-radius:8px;border:1px solid var(--color-border)}.discount-controls{display:grid;grid-template-columns:100px 1fr;gap:8px}.discount-type,.discount-value{font-size:13px;padding:8px 10px}.discount-display{display:flex;justify-content:space-between;align-items:center;font-size:12px;padding-top:4px;border-top:1px solid var(--color-border);margin-top:2px;padding-bottom:0;margin-bottom:0}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:14px;padding:4px 0}.summary-row strong{font-size:16px}.summary-total{border-top:2px solid var(--color-border);padding-top:8px;padding-bottom:4px;margin-top:4px;margin-bottom:0;font-size:15px}.summary-total strong{font-size:18px}.text-primary{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-error)}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:0}.form-input{padding:10px 12px;border:2px solid var(--color-border);border-radius:10px;font-size:14px;color:var(--color-text);background:var(--color-white);transition:all .2s ease}.form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-overlay)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease}.btn-primary:disabled{opacity:.5;cursor:not-allowed;background:var(--color-text-muted);transform:none;box-shadow:none}.btn-danger{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;box-shadow:0 4px 12px #dc26264d}.btn-danger:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #dc262666}.btn-danger:disabled{opacity:.5;cursor:not-allowed;background:var(--color-text-muted);transform:none;box-shadow:none}.btn-lg{padding:14px 28px;font-size:15px;font-weight:700}.btn-checkout{width:100%;margin-top:8px;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0;position:sticky;bottom:0;z-index:10}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-muted)}.invoice{background:#fff;padding:24px;border-radius:8px;max-width:210mm;margin:0 auto;font-family:Times New Roman,Times,serif}.invoice-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #000}.invoice-logo h2{font-size:20px;font-weight:700;color:#000;margin:0 0 4px;text-transform:uppercase}.invoice-logo p{font-size:11px;color:#000;margin:2px 0;line-height:1.4}.invoice-branch{font-size:11px!important;margin-top:4px!important}.invoice-info{text-align:right}.invoice-info h3{font-size:16px;font-weight:700;margin:0 0 8px;color:#000;text-transform:uppercase}.invoice-info p{font-size:12px;color:#000;margin:3px 0;line-height:1.4}.invoice-number,.invoice-date{font-size:11px!important}.invoice-customer{margin-bottom:16px;padding:8px 12px;background:#f5f5f5;border-radius:4px;border:1px solid #ddd}.invoice-customer p{margin:0;font-size:13px;color:#000}.invoice-table{width:100%;border-collapse:collapse;margin-bottom:16px;border:1px solid #000}.invoice-table thead{background:#f0f0f0;border-bottom:2px solid #000}.invoice-table th{padding:8px 6px;text-align:left;font-size:11px;font-weight:700;color:#000;border-right:1px solid #000;border-bottom:2px solid #000}.invoice-table th:last-child{border-right:none}.invoice-table .col-stt{width:40px;text-align:center}.invoice-table .col-name{width:auto;min-width:150px}.invoice-table .col-qty{width:50px;text-align:center}.invoice-table .col-price,.invoice-table .col-total{width:100px;text-align:right}.invoice-table td{padding:8px 6px;border-bottom:1px solid #ddd;border-right:1px solid #ddd;font-size:11px;color:#000}.invoice-table td:last-child{border-right:none}.invoice-table tbody tr:last-child td{border-bottom:none}.invoice-table tbody tr:nth-child(2n){background:#fafafa}.invoice-summary{margin-bottom:16px;padding:12px;border:1px solid #000;background:#fff}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#000;margin-bottom:6px;padding:4px 0}.summary-row:last-child{margin-bottom:0}.summary-total{border-top:1px solid #000;border-bottom:1px solid #000;margin:8px 0;padding:8px 0;font-size:13px}.summary-total span{font-weight:700}.invoice-amount-words{margin-bottom:16px;padding:8px;border:1px solid #ddd;background:#f9f9f9}.invoice-amount-words p{margin:0;font-size:11px;color:#000;font-style:italic}.invoice-footer-text{text-align:center;padding-top:16px;border-top:1px solid #000}.invoice-footer-text p{margin:4px 0;font-size:12px;color:#000;font-style:italic}.invoice-note{font-size:11px!important;margin-top:8px!important}.invoice-footer{display:flex;gap:12px;justify-content:flex-end}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border:2px solid var(--color-border)}@media print{@page{size:80mm auto;margin:0}*{-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}body{margin:0;padding:0}header,nav,footer,aside,.sidebar,.header,.navbar,.footer{display:none!important;visibility:hidden!important}.modal-overlay{position:static!important;top:auto!important;left:auto!important;right:auto!important;bottom:auto!important;width:100%!important;height:auto!important;min-height:100vh!important;background:#fff!important;display:flex!important;align-items:flex-start!important;justify-content:center!important;visibility:visible!important;z-index:auto!important;padding:0!important;margin:0!important;overflow:visible!important;page-break-after:auto!important}.modal-content{position:relative!important;box-shadow:none!important;max-width:none!important;width:80mm!important;margin:0!important;padding:0!important;background:#fff!important;border-radius:0!important;display:flex!important;flex-direction:column!important;visibility:visible!important;height:auto!important;max-height:none!important}.modal-header,.modal-title,.modal-close,.modal-footer,.invoice-footer,.btn,button{display:none!important;visibility:hidden!important;height:0!important;padding:0!important;margin:0!important}.modal-body{padding:0!important;display:block!important;visibility:visible!important;background:#fff!important;flex:1!important;overflow:visible!important}#invoice-print,#invoice-print *,.invoice,.invoice *,.modal-body #invoice-print,.modal-body .invoice,.modal-content #invoice-print,.modal-content .invoice{position:relative!important;left:auto!important;top:auto!important;width:80mm!important;max-width:80mm!important;min-height:auto!important;padding:1mm 5mm 8mm!important;margin:0 auto!important;background:#fff!important;box-shadow:none!important;page-break-after:auto!important;display:block!important;visibility:visible!important;opacity:1!important;color:#000!important}.invoice h2,.invoice h3,.invoice p,.invoice span,.invoice div,.invoice table,.invoice thead,.invoice tbody,.invoice tr,.invoice th,.invoice td,#invoice-print *,.invoice *{visibility:visible!important;opacity:1!important;color:#000!important}.invoice table,.invoice-table{display:table!important;visibility:visible!important;width:100%!important}.invoice thead,.invoice tbody{display:table-row-group!important;visibility:visible!important}.invoice tr{display:table-row!important;visibility:visible!important}.invoice th,.invoice td{display:table-cell!important;visibility:visible!important}.invoice-header,.invoice-summary,.summary-row{display:flex!important;visibility:visible!important}.invoice *{color:#000!important;background:transparent!important}.invoice-header,.invoice-table,.invoice-summary,.invoice-customer,.invoice-amount-words{border-color:#000!important}.invoice-table{border:1px solid #000!important}.invoice-table thead{background:transparent!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-table th{background:transparent!important;border:1px solid #000!important}.invoice-table tbody tr:nth-child(2n){background:transparent!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.invoice-customer,.invoice-amount-words{background:transparent!important;border:1px solid #000!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.text-success,.text-danger{color:#000!important}.invoice{font-size:10px}.invoice-header{margin-top:-2mm!important;margin-bottom:12px;padding-top:0!important;padding-bottom:8px}.invoice-logo h2{font-size:16px!important}.invoice-logo p{font-size:9px!important}.invoice-info h3{font-size:12px!important}.invoice-info p{font-size:9px!important}.invoice-table{font-size:9px!important;margin-bottom:12px}.invoice-table th,.invoice-table td{padding:4px 3px!important;font-size:9px!important}.invoice-summary{font-size:9px!important;padding:8px!important}.summary-row{font-size:9px!important}.summary-total{font-size:10px!important}.invoice-amount-words p{font-size:8px!important}.invoice-footer-text p{font-size:9px!important}.invoice-table,.invoice-table tr{page-break-inside:avoid}}@media (max-width: 1400px){.invoice-card{grid-template-columns:1fr 280px}}@media (max-width: 1200px){.invoice-card{grid-template-columns:1fr;grid-template-rows:auto auto 1fr}.invoice-items{grid-column:1;grid-row:2;max-height:300px}.invoice-sidebar{grid-column:1;grid-row:3;overflow-y:visible}}@media (max-width: 768px){.pos-page .pos-products-section,.pos-products-section{max-width:100%!important;min-width:0!important;flex:0 0 auto!important}.pos-page .products-grid,.products-grid{display:flex!important;flex-direction:column!important;gap:4px!important;overflow-y:auto!important;overflow-x:hidden!important}.pos-page .products-grid .product-card,.pos-products-section .products-grid .product-card,.products-grid .product-card{margin:0!important;display:flex!important;flex-direction:row!important;align-items:center!important}.tab-item{min-width:100px;font-size:12px;padding:6px 10px}.invoice-item{grid-template-columns:1fr;gap:8px}.invoice-item-total{text-align:left}}.customers-page{animation:fadeIn .3s}.debt-amount{display:inline-flex;align-items:center;gap:4px;color:var(--danger);font-weight:600}.debts-page{animation:fadeIn .3s}.debts-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.customers-debt-list,.debt-transactions{display:flex;flex-direction:column;gap:12px;max-height:500px;overflow-y:auto}.customer-debt-item{display:flex;justify-content:space-between;align-items:center;padding:16px;background:var(--light);border-radius:8px;transition:all .2s}.customer-debt-item:hover{background:#f3f4f6;transform:translate(4px)}.customer-debt-info{flex:1}.customer-debt-name{font-weight:600;color:var(--text);margin-bottom:4px}.customer-debt-contact{font-size:13px;color:var(--text-light)}.customer-debt-amount{font-size:16px;font-weight:700;color:var(--danger)}.debt-transaction-item{display:flex;align-items:center;gap:12px;padding:16px;background:var(--light);border-radius:8px}.transaction-type{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:20px;font-weight:700;flex-shrink:0}.type-payment{background:#10b9811a;color:var(--success)}.type-debt{background:#ef44441a;color:var(--danger)}.transaction-info{flex:1}.transaction-customer{font-weight:600;color:var(--text);margin-bottom:4px}.transaction-date{font-size:12px;color:var(--text-light)}.transaction-notes{font-size:13px;color:var(--text-light);margin-top:4px;font-style:italic}.transaction-amount{font-size:16px;font-weight:700;text-align:right}.amount-payment{color:var(--success)}.amount-debt{color:var(--danger)}@media (max-width: 1024px){.debts-grid{grid-template-columns:1fr}}.reports-page{padding:24px;animation:fadeIn .3s}.period-selector{display:flex;gap:8px;background:#fff;padding:4px;border-radius:8px;box-shadow:var(--shadow)}.period-btn{padding:8px 20px;border:none;background:transparent;border-radius:6px;font-size:14px;font-weight:500;color:var(--text);cursor:pointer;transition:all .2s}.period-btn:hover{background:var(--light)}.period-btn.active{background:var(--primary);color:#fff}.report-section{margin-bottom:32px}.section-title{font-size:20px;font-weight:600;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:2px solid var(--border)}.charts-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(500px,1fr));gap:24px;margin-bottom:32px}.chart-card{padding:20px;background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a}.chart-card .card-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:600;color:var(--text);margin-bottom:20px;padding-bottom:12px;border-bottom:1px solid var(--border)}.report-details{display:flex;flex-direction:column;gap:16px}.report-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--border)}.report-row:last-child{border-bottom:none}.report-row.highlight{background:var(--light);padding:16px;border-radius:8px;border:none;margin-top:8px}.report-label{font-size:14px;color:var(--text)}.report-value{font-size:16px;font-weight:600;color:var(--text)}@media (max-width: 768px){.period-selector{width:100%}.period-btn{flex:1;padding:10px 12px}.charts-grid{grid-template-columns:1fr}.chart-card{padding:16px}}.orders-page{padding:24px}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;gap:16px}.badge{display:inline-flex;align-items:center;justify-content:center;padding:6px 12px;font-size:12px;font-weight:600;border-radius:20px;text-transform:capitalize;white-space:nowrap}.badge-completed{background:linear-gradient(135deg,#10b981,#059669);color:#fff;box-shadow:0 2px 8px #10b9814d}.badge-returned{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff;box-shadow:0 2px 8px #ef44444d}.badge-pending{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff;box-shadow:0 2px 8px #f59e0b4d}.badge-cancelled{background:linear-gradient(135deg,#6b7280,#4b5563);color:#fff;box-shadow:0 2px 8px #6b72804d}.badge-default{background:linear-gradient(135deg,#9ca3af,#6b7280);color:#fff;box-shadow:0 2px 8px #9ca3af4d}@media (max-width: 768px){.orders-toolbar{flex-direction:column;align-items:stretch}}.branches-page{padding:24px}.branches-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.branches-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.branch-card{padding:20px;transition:transform .2s,box-shadow .2s}.branch-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #0000001a}.branch-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.branch-header-info{flex:1}.branch-icon{color:var(--color-primary);flex-shrink:0}.branch-name{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 4px}.branch-store{font-size:14px;color:var(--color-text-muted);margin:0}.branch-details{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.branch-detail-item{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--color-text-subtle)}.branch-footer{display:flex;align-items:center;justify-content:space-between;margin-top:16px;padding-top:16px;border-top:1px solid var(--color-border)}.branch-actions{display:flex;gap:8px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group:has(textarea){grid-column:span 2}.form-label{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:2px}.form-input:hover:not(:disabled):not(:focus),.form-select:hover:not(:disabled):not(:focus){border-color:var(--color-primary-soft)}.form-input:disabled,.form-select:disabled{background:var(--color-surface-muted);cursor:not-allowed}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233D5F5A' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.form-info-message{padding:12px 16px;background:var(--color-surface-muted);border:2px solid var(--color-border);border-radius:10px;font-size:14px;color:var(--color-text)}.form-info-message p{margin:0;line-height:1.5}.form-info-message strong{color:var(--color-primary);font-weight:600}.modal-footer-actions{display:flex;gap:12px}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group:has(textarea){grid-column:span 1}.branches-toolbar{flex-direction:column;align-items:stretch}}.status-badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.status-badge.active{background:var(--color-success);color:#fff}.status-badge.inactive{background:var(--color-warning);color:#fff}.employees-page{padding:24px}.employees-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:8px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-muted)}.btn-secondary{background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.table-actions{display:flex;align-items:center;justify-content:center;gap:8px}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:6px;transition:all .2s ease}.btn-icon:hover{background:var(--color-surface-muted);color:var(--color-primary)}.btn-icon-danger:hover{background:var(--color-error);color:#fff}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-group{display:flex;flex-direction:column;gap:10px}.form-group:has(.form-select){grid-column:span 2}.form-label{font-size:14px;font-weight:600;color:var(--color-text);display:flex;align-items:center;gap:4px;margin-bottom:2px}.form-input,.form-select{padding:12px 16px;border:2px solid var(--color-border);border-radius:10px;font-size:14px;color:var(--color-text);background:var(--color-white);transition:all .2s ease;font-family:inherit}.form-input:focus,.form-select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 4px var(--color-overlay);background:var(--color-white)}.form-input:hover:not(:disabled),.form-select:hover:not(:disabled){border-color:var(--color-primary-soft)}.form-input:disabled,.form-select:disabled{background:var(--color-surface-muted);cursor:not-allowed;opacity:.7}.form-input.error,.form-select.error{border-color:var(--color-error);background:#e6504f0d}.form-input.error:focus,.form-select.error:focus{box-shadow:0 0 0 4px #e6504f1a}.form-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%233D5F5A' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.error-message{font-size:12px;color:var(--color-error);font-weight:500;margin-top:4px;display:flex;align-items:center;gap:4px}.error-message:before{content:"⚠";font-size:14px}.modal-footer-actions{display:flex;gap:12px;width:100%;justify-content:flex-end}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 24px;border:none;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:100px}.btn-primary{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-muted) 100%);color:#fff;box-shadow:0 4px 12px #016b614d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 16px #016b6166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-secondary{background:var(--color-surface);color:var(--color-text);border:2px solid var(--color-border)}.btn-secondary:hover{background:var(--color-surface-muted);border-color:var(--color-text-muted)}.password-display{text-align:center}.password-label{font-size:14px;color:var(--color-text);margin-bottom:16px}.password-box{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface-muted);border-radius:8px;margin-bottom:16px}.password-text{flex:1;font-size:18px;font-weight:600;color:var(--color-primary);letter-spacing:2px;font-family:Courier New,monospace}.password-warning{font-size:12px;color:var(--color-warning);margin:0}@media (max-width: 768px){.form-grid{grid-template-columns:1fr}.form-group:has(.form-select){grid-column:span 1}.employees-toolbar{flex-direction:column;align-items:stretch}}.dashboard{animation:fadeIn .3s}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.dashboard-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px}.dashboard-card{min-height:400px}.card-title{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:600;color:#1f2937;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid #f3f4f6}.top-products{display:flex;flex-direction:column;gap:12px}.top-product-item{display:flex;align-items:center;gap:16px;padding:16px;background:#f9fafb;border-radius:8px;transition:all .2s}.top-product-item:hover{background:#f3f4f6;transform:translate(4px)}.top-product-rank{width:32px;height:32px;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}.top-product-info{flex:1}.top-product-name{font-weight:600;color:#1f2937;margin-bottom:4px}.top-product-code{font-size:13px;color:#6b7280}.top-product-stats{text-align:right}.top-product-quantity{font-size:13px;color:#6b7280;margin-bottom:4px}.top-product-revenue{font-weight:700;color:#10b981;font-size:15px}.quick-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.quick-stat-item{padding:24px;background:linear-gradient(135deg,#f9fafb,#f3f4f6);border-radius:12px;text-align:center;transition:all .2s}.quick-stat-item:hover{transform:translateY(-4px);box-shadow:0 4px 12px #0000001a}.quick-stat-label{font-size:13px;color:#6b7280;margin-bottom:12px;font-weight:500}.quick-stat-value{font-size:24px;font-weight:700;color:#1f2937}.alert-card{margin-top:24px}.alerts{display:flex;flex-direction:column;gap:12px}.alert{display:flex;align-items:center;gap:12px;padding:16px;border-radius:8px;font-size:14px}.alert-warning{background:#fef3c7;color:#92400e;border-left:4px solid #f59e0b}.alert-danger{background:#fee2e2;color:#991b1b;border-left:4px solid #ef4444}@media (max-width: 1024px){.dashboard-grid,.quick-stats{grid-template-columns:1fr}}@media (max-width: 768px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.grid-4{grid-template-columns:1fr}}.ai-section{margin-top:3rem;padding-top:2rem;border-top:3px solid #e9ecef}.section-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.ai-icon-header{color:#667eea;animation:glow 2s ease-in-out infinite}@keyframes glow{0%,to{filter:drop-shadow(0 0 5px #667eea)}50%{filter:drop-shadow(0 0 10px #667eea)}}.section-header h2{margin:0;color:#1f2937;font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.ai-chat-section{margin-top:2rem}.section-subtitle{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem;color:#495057;font-size:1.1rem;font-weight:600}.section-subtitle svg{color:#667eea}.users-page{padding:24px}.users-toolbar{margin-bottom:24px}.users-table-container{background:var(--color-surface);border-radius:8px;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table thead{background:var(--color-surface-muted)}.users-table th{padding:16px;text-align:left;font-weight:600;font-size:14px;color:var(--color-text)}.users-table td{padding:16px;border-top:1px solid var(--color-border);font-size:14px}.badge-danger{background:var(--color-error);color:#fff}.stores-page{padding:24px}.stores-toolbar{margin-bottom:24px}.stores-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}.store-card{padding:20px}.store-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.store-icon{color:var(--color-primary);flex-shrink:0}.store-name{font-size:18px;font-weight:600;color:var(--color-text);margin:0 0 4px}.store-code{font-size:14px;color:var(--color-text-muted);margin:0}.store-details{margin-bottom:16px}.store-details p{font-size:14px;color:var(--color-text-subtle);margin:8px 0}.store-status{display:flex;justify-content:flex-end}.badge-success{background:var(--color-success);color:#fff}.badge-warning{background:var(--color-warning);color:#fff}.empty-state{grid-column:1 / -1;text-align:center;padding:48px;color:var(--color-text-muted)}.products-page{animation:fadeIn .3s}.filters{display:flex;gap:16px;align-items:center}.search-box{flex:1;position:relative;display:flex;align-items:center;gap:12px;padding:10px 16px;background:#fff;border:1px solid var(--border);border-radius:8px}.search-box svg{color:var(--text-light)}.search-input{flex:1;border:none;outline:none;font-size:14px}.filters .form-select{min-width:200px}.stock-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:13px;font-weight:500}.stock-ok{background:#dcfce7;color:#166534}.stock-low{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:8px}.btn-icon{width:32px;height:32px;border:none;border-radius:6px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s}.btn-icon-primary{background:#2563eb1a;color:var(--primary)}.btn-icon-primary:hover{background:var(--primary);color:#fff}.btn-icon-danger{background:#ef44441a;color:var(--danger)}.btn-icon-danger:hover{background:var(--danger);color:#fff}.btn-close{width:32px;height:32px;border:none;background:transparent;font-size:24px;color:var(--text-light);cursor:pointer;border-radius:6px;transition:all .2s}.btn-close:hover{background:var(--light);color:var(--text)}.checkbox-label{display:flex;align-items:center;gap:8px;cursor:pointer;-webkit-user-select:none;user-select:none}.checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}@media (max-width: 768px){.filters{flex-direction:column}.filters .form-select{width:100%}}.orders-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px}.orders-toolbar .toolbar-left{flex:1;display:flex;align-items:center;gap:16px;flex-wrap:nowrap}.orders-toolbar .date-filter-group{display:flex;align-items:center;gap:8px;flex-shrink:0}.orders-toolbar .date-filter-group .form-input{padding:10px 14px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-text);font-size:14px;transition:all .2s;min-width:160px;width:160px;user-select:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none}.orders-toolbar .date-filter-group .form-input:hover{border-color:var(--color-primary)}.orders-toolbar .date-filter-group .form-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px rgba(var(--color-primary-rgb),.1)}.orders-table-container{background:var(--color-surface);border-radius:8px;overflow:hidden}.orders-table{width:100%;border-collapse:collapse}.orders-table thead{background:var(--color-surface-muted)}.orders-table th{padding:16px;text-align:left;font-weight:600;font-size:14px;color:var(--color-text)}.orders-table td{padding:16px;border-top:1px solid var(--color-border);font-size:14px}.badge{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:500}.badge-completed{background:var(--color-success);color:#fff}.badge-pending{background:var(--color-warning);color:#fff}.empty-state{text-align:center;padding:48px;color:var(--color-text-muted)}.empty-state svg{margin-bottom:16px;opacity:.5}.settings-page{padding:24px}.settings-content{margin-top:24px}.text-muted{color:var(--color-text-muted);font-size:14px}.shift-management-container{max-width:800px;margin:0 auto;padding:2rem}.shift-header{margin-bottom:2rem;display:flex;align-items:center;gap:.75rem}.shift-header h1{font-size:1.75rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem}.shift-status-card{background:#fff;border-radius:12px;padding:2rem;box-shadow:0 1px 3px #0000001a;border:2px solid #e5e7eb;transition:all .3s ease}.shift-status-card.open{border-color:#10b981}.shift-status-card.closed{border-color:#ef4444}.shift-status-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.shift-status-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.status-icon{width:32px;height:32px}.shift-status-card.open .status-icon{color:#10b981}.shift-status-card.closed .status-icon{color:#ef4444}.shift-details{margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid #f3f4f6}.detail-row:last-child{border-bottom:none}.detail-label{font-weight:500;color:#6b7280}.detail-value{font-weight:600;color:#1f2937}.detail-value.highlight{color:#10b981;font-size:1.1rem}.alert-info{display:flex;align-items:center;gap:.5rem;padding:1rem;background:#fef3c7;border-radius:8px;margin-bottom:2rem;color:#92400e}.alert-info svg{flex-shrink:0}.open-shift-form,.close-shift-form{display:flex;flex-direction:column;gap:1.5rem}.shift-management-form-group{display:flex;flex-direction:column;gap:.5rem}.shift-management-form-group label{display:flex;align-items:center;gap:.5rem;font-weight:500;color:#374151}.shift-management-required{color:#ef4444}.shift-management-form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.shift-management-form-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.shift-management-form-input:disabled{background:#f3f4f6;cursor:not-allowed}.shift-management-btn{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem}.shift-management-btn:disabled{opacity:.6;cursor:not-allowed}.shift-management-btn-primary{background:#016b61;color:#fff}.shift-management-btn-primary:hover:not(:disabled){background:#014d47;transform:translateY(-1px);box-shadow:0 4px 12px #016b614d}.shift-management-btn-danger{background:#ef4444;color:#fff}.shift-management-btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}@media (max-width: 768px){.shift-management-container{padding:1rem}.shift-status-card{padding:1.5rem}.shift-header h1{font-size:1.5rem}}.order-fnb-container{display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#f0fdfa,#f5f5f5);min-height:100vh}.order-fnb-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;background:linear-gradient(135deg,#016b61,#014d47);border-bottom:none;box-shadow:0 4px 20px #016b6133;position:relative;overflow:hidden}.order-fnb-header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);pointer-events:none}.order-fnb-header h1{font-size:1.75rem;font-weight:700;color:#fff;display:flex;align-items:center;gap:.75rem;position:relative;z-index:1;text-shadow:0 2px 4px rgba(0,0,0,.1)}.shift-info{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:#fff3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:8px;color:#fff;font-weight:600;border:1px solid rgba(255,255,255,.3);position:relative;z-index:1;box-shadow:0 2px 8px #0000001a}.order-fnb-content{display:flex;flex:1;gap:1.5rem;padding:1.5rem;overflow:hidden}.tables-sidebar{width:300px;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #016b611f;overflow-y:auto;border:1px solid rgba(1,107,97,.1);transition:all .3s ease}.tables-sidebar:hover{box-shadow:0 12px 32px #016b612e}.tables-sidebar h2{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#1f2937}.tables-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.table-card{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1.25rem;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.table-card:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);transition:left .5s}.table-card:hover:before{left:100%}.table-card:hover:not(:disabled){border-color:#016b61;background:linear-gradient(135deg,#f0fdfa,#e0f2f1);transform:translateY(-4px) scale(1.02);box-shadow:0 8px 20px #016b6133}.table-card.selected{background:linear-gradient(135deg,#016b61,#014d47);color:#fff;border-color:#016b61;box-shadow:0 8px 24px #016b6166;transform:scale(1.05)}.table-card.inactive{opacity:.5;cursor:not-allowed}.table-card span{font-weight:600;font-size:.9rem}.table-card small{font-size:.75rem;opacity:.7}.order-main-content{display:flex;flex:1;gap:1rem;overflow:hidden}.products-section{flex:1;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #016b611f;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(1,107,97,.1);transition:all .3s ease}.products-section:hover{box-shadow:0 12px 32px #016b612e}.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.products-header h2{font-size:1.25rem;font-weight:600;color:#1f2937}.search-input{padding:.75rem 1rem;border:2px solid #e5e7eb;border-radius:10px;font-size:.9rem;width:280px;transition:all .3s ease;background:#f9fafb}.search-input:focus{outline:none;border-color:#016b61;background:#fff;box-shadow:0 0 0 4px #016b611a;transform:translateY(-1px)}.products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem;overflow-y:auto;flex:1;padding-right:.5rem}.order-fnb-container .product-card{display:flex;flex-direction:column;background:linear-gradient(135deg,#fff,#f9fafb);border:2px solid #e5e7eb;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative}.order-fnb-container .product-card:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(1,107,97,.05) 0%,transparent 100%);opacity:0;transition:opacity .3s}.order-fnb-container .product-card:hover:after{opacity:1}.order-fnb-container .product-card:hover{border-color:#016b61;transform:translateY(-4px) scale(1.02);box-shadow:0 12px 24px #016b6133;background:linear-gradient(135deg,#fff,#f0fdfa)}.product-image{width:100%;height:120px;object-fit:cover;background:#e5e7eb}.product-info{padding:.75rem}.product-info h3{font-size:.9rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.product-sku{font-size:.75rem;color:#6b7280;margin-bottom:.5rem}.product-price{font-size:1rem;font-weight:700;color:#016b61;background:linear-gradient(135deg,#016b61,#014d47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.cart-section{width:420px;background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 8px 24px #016b611f;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(1,107,97,.1);transition:all .3s ease}.cart-section:hover{box-shadow:0 12px 32px #016b612e}.cart-header{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;padding-bottom:1rem;border-bottom:2px solid #e5e7eb}.cart-header h2{font-size:1.25rem;font-weight:600;color:#1f2937}.cart-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#9ca3af;gap:1rem}.cart-items{flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:1rem;margin-bottom:1rem}.cart-item{display:flex;flex-direction:column;gap:.75rem;padding:1.25rem;background:linear-gradient(135deg,#f9fafb,#fff);border-radius:12px;border:2px solid #e5e7eb;transition:all .3s ease;animation:slideInItem .3s ease-out}@keyframes slideInItem{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.cart-item:hover{border-color:#016b61;background:linear-gradient(135deg,#f0fdfa,#fff);box-shadow:0 4px 12px #016b611a;transform:translate(4px)}.cart-item-info h4{font-size:1rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.cart-item-price{font-size:.875rem;color:#6b7280;margin-bottom:.5rem}.cart-item-note{width:100%;padding:.5rem;border:1px solid #e5e7eb;border-radius:6px;font-size:.875rem;resize:none;font-family:inherit}.cart-item-note:focus{outline:none;border-color:#016b61}.cart-item-actions{display:flex;justify-content:space-between;align-items:center}.quantity-controls{display:flex;align-items:center;gap:.75rem;background:#fff;border:2px solid #e5e7eb;border-radius:10px;padding:.25rem;box-shadow:0 2px 4px #0000000d}.quantity-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:linear-gradient(135deg,#f3f4f6,#e5e7eb);border-radius:6px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-weight:600}.quantity-controls button:hover{background:linear-gradient(135deg,#016b61,#014d47);color:#fff;transform:scale(1.1);box-shadow:0 4px 8px #016b614d}.quantity-controls button:active{transform:scale(.95)}.quantity-controls span{min-width:30px;text-align:center;font-weight:600}.remove-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:linear-gradient(135deg,#fee2e2,#fecaca);color:#dc2626;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #dc26261a}.remove-btn:hover{background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;transform:scale(1.1) rotate(5deg);box-shadow:0 4px 12px #dc26264d}.remove-btn:active{transform:scale(.95)}.cart-item-total{font-size:1rem;font-weight:600;color:#016b61;text-align:right}.cart-footer{padding-top:1rem;border-top:2px solid #e5e7eb}.cart-total{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;font-size:1.25rem;font-weight:600;padding:1rem;background:linear-gradient(135deg,#f0fdfa,#e0f2f1);border-radius:12px;border:2px solid rgba(1,107,97,.2)}.total-amount{background:linear-gradient(135deg,#016b61,#014d47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;font-size:1.75rem;font-weight:700}.checkout-btn{width:100%;padding:1.25rem;background:linear-gradient(135deg,#016b61,#014d47);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 12px #016b614d;position:relative;overflow:hidden}.checkout-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#fff3;transform:translate(-50%,-50%);transition:width .6s,height .6s}.checkout-btn:hover:not(:disabled):before{width:300px;height:300px}.checkout-btn:hover:not(:disabled){background:linear-gradient(135deg,#014d47,#016b61);transform:translateY(-2px);box-shadow:0 8px 20px #016b6166}.checkout-btn:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 1200px){.order-fnb-content{flex-direction:column}.tables-sidebar{width:100%;max-height:200px}.tables-grid{grid-template-columns:repeat(4,1fr)}.order-main-content{flex-direction:column}.cart-section{width:100%}}.fnb-loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1.5rem;padding:4rem 2rem;min-height:60vh;width:100%}.fnb-loading-container.fullscreen{position:fixed;top:0;left:0;right:0;bottom:0;background:#fffffffa;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;min-height:100vh;padding:0}.fnb-loading-spinner{position:relative;display:flex;align-items:center;justify-content:center}.fnb-loading-spinner.small{width:48px;height:48px}.fnb-loading-spinner.medium{width:64px;height:64px}.fnb-loading-spinner.large{width:80px;height:80px}.fnb-loading-spinner .spinner-ring{position:absolute;border-radius:50%;border:4px solid transparent;border-top-color:#016b61;animation:fnb-spin 1s cubic-bezier(.68,-.55,.265,1.55) infinite;box-shadow:0 0 20px #016b6133}.fnb-loading-spinner.small .spinner-ring{width:48px;height:48px;border-width:3px}.fnb-loading-spinner.medium .spinner-ring{width:64px;height:64px;border-width:4px}.fnb-loading-spinner.large .spinner-ring{width:80px;height:80px;border-width:5px}.fnb-loading-spinner .spinner-ring:nth-child(1){animation-delay:0s;border-top-color:#016b61;opacity:1;box-shadow:0 0 15px #016b614d}.fnb-loading-spinner .spinner-ring:nth-child(2){animation-delay:-.33s;border-top-color:#01998a;opacity:.85;width:75%;height:75%;top:12.5%;left:12.5%;box-shadow:0 0 12px #01998a40}.fnb-loading-spinner .spinner-ring:nth-child(3){animation-delay:-.66s;border-top-color:#00c4b3;opacity:.7;width:50%;height:50%;top:25%;left:25%;box-shadow:0 0 10px #00c4b333}@keyframes fnb-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fnb-loading-message{font-size:1.05rem;color:#475569;font-weight:600;margin:0;text-align:center;letter-spacing:.3px;animation:fnb-pulse 2s ease-in-out infinite}@keyframes fnb-pulse{0%,to{opacity:.7;transform:translateY(0)}50%{opacity:1;transform:translateY(-2px)}}.fnb-skeleton{background:linear-gradient(90deg,#f1f5f9,#e2e8f0,#f1f5f9);background-size:200% 100%;animation:fnb-skeleton-loading 1.5s ease-in-out infinite;border-radius:6px}@keyframes fnb-skeleton-loading{0%{background-position:200% 0}to{background-position:-200% 0}}.admin-fnb-dashboard{padding:2rem;max-width:1400px;margin:0 auto}.admin-fnb-dashboard .dashboard-header{margin-bottom:2rem}.admin-fnb-dashboard .dashboard-header h1{font-size:1.75rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.admin-fnb-dashboard .dashboard-header p{color:#6b7280;font-size:.9rem}.admin-fnb-dashboard .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem}.admin-fnb-dashboard .stat-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;display:flex;align-items:flex-start;gap:1rem;transition:all .3s}.admin-fnb-dashboard .stat-card:hover{border-color:#016b61;box-shadow:0 4px 12px #016b6126;transform:translateY(-2px)}.admin-fnb-dashboard .stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.admin-fnb-dashboard .stat-content{flex:1}.admin-fnb-dashboard .stat-content h3{font-size:.875rem;font-weight:500;color:#6b7280;margin-bottom:.5rem}.admin-fnb-dashboard .stat-value{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.25rem}.admin-fnb-dashboard .stat-subtitle{font-size:.875rem;color:#9ca3af}.admin-fnb-dashboard .loading-spinner{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.admin-fnb-dashboard{padding:1rem}.admin-fnb-dashboard .stats-grid{grid-template-columns:1fr}}.table-selector{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;height:100%;overflow:hidden}.table-selector-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid #e2e8f0}.table-selector-header h2{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.table-count{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.3125rem .625rem;border-radius:6px;font-weight:500}.tables-grid{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;padding-right:.5rem;flex:1;width:100%;max-width:100%}.tables-grid::-webkit-scrollbar{width:6px}.tables-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.tables-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.tables-grid::-webkit-scrollbar-thumb:hover{background:#016b61}.empty-tables{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 1rem;color:#9ca3af;gap:1rem;width:100%}.empty-tables svg{opacity:.4}.empty-tables p{font-size:.9rem;color:#6b7280}.table-selector .table-card{position:relative;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;cursor:pointer;transition:all .2s ease;overflow:hidden;min-height:60px;max-height:70px;width:100%;box-sizing:border-box}.table-selector .table-card:hover:not(:disabled){border-color:#016b61;background:#f8fafc;transform:translate(2px);box-shadow:0 2px 8px #016b611f}.table-selector .table-card.selected{background:linear-gradient(135deg,#016b61,#014d47);color:#fff;border-color:#016b61;box-shadow:0 2px 12px #016b6140;transform:translate(2px)}.table-selector .table-card.selected .table-name,.table-selector .table-card.selected .table-capacity{color:#fff}.table-selector .table-card.inactive{opacity:.5;cursor:not-allowed;background:#f3f4f6}.table-selector .table-card.inactive:hover{transform:none;box-shadow:none}.table-selector .table-number-badge{font-size:1rem;font-weight:700;color:#1e293b;line-height:1.2;transition:all .2s;letter-spacing:-.2px;flex-shrink:0;min-width:32px;text-align:center}.table-selector .table-card.selected .table-number-badge{color:#fff}.table-card-content{display:flex;flex-direction:column;align-items:flex-start;gap:.125rem;flex:1;min-width:0;overflow:hidden}.table-selector .table-card-icon{width:40px;height:40px;background:#f1f5f9;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#016b61;transition:all .2s;flex-shrink:0}.table-selector .table-card.selected .table-card-icon{background:#ffffff40;color:#fff}.table-selector .table-capacity{font-size:.6875rem;color:#64748b;font-weight:500;transition:color .2s;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%}.table-selector .table-card.selected .table-capacity{color:#ffffffe6}.table-selector .table-selected-indicator{position:absolute;top:4px;right:4px;width:18px;height:18px;background:#fffffff2;border-radius:50%;display:flex;align-items:center;justify-content:center;animation:scaleIn .3s ease-out;box-shadow:0 1px 3px #0000001a;flex-shrink:0}@keyframes scaleIn{0%{transform:scale(0);opacity:0}to{transform:scale(1);opacity:1}}.table-selector .checkmark{color:#016b61;font-weight:700;font-size:.6875rem}@media (max-width: 1200px){.table-selector{max-height:300px}}.order-product-grid-container .product-card{display:flex;flex-direction:row;align-items:center;background:#fff;border:1.5px solid #e2e8f0;border-radius:8px;padding:8px 10px;overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative;min-height:60px;max-height:70px;box-shadow:0 1px 2px #0000000d;width:100%;box-sizing:border-box;gap:10px}.order-product-grid-container .product-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,#016b61,#014d47);transform:scaleY(0);transition:transform .2s ease}.order-product-grid-container .product-card:hover{border-color:#016b61;transform:translate(2px);box-shadow:0 2px 8px #016b611f;background:#fff}.order-product-grid-container .product-card:hover:before{transform:scaleY(1)}.order-product-grid-container .product-card:active{transform:translate(1px)}.order-product-grid-container .product-image-wrapper{position:relative;width:50px;height:50px;overflow:hidden;background:#f8fafc;flex-shrink:0;border-radius:6px;display:flex;align-items:center;justify-content:center}.order-product-grid-container .product-image{width:100%;height:100%;object-fit:cover;transition:transform .2s}.order-product-grid-container .product-card:hover .product-image{transform:scale(1.05)}.order-product-grid-container .product-image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;font-size:24px;background:#f8fafc}.order-product-grid-container .product-overlay,.order-product-grid-container .add-icon{display:none!important}.order-product-grid-container .product-info{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0;overflow:hidden;padding-right:8px}.order-product-grid-container .product-category{font-size:9px;color:#016b61;background:#f0fdfa;padding:2px 6px;border-radius:3px;font-weight:600;text-transform:uppercase;letter-spacing:.3px;align-self:flex-start;margin-bottom:2px;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.order-product-grid-container .product-name{font-size:13px;font-weight:700;color:#1e293b;margin:0;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.order-product-grid-container .product-code{font-size:10px;color:#64748b;margin:0;line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.order-product-grid-container .product-price-wrapper{margin-top:0;padding-top:0;border-top:none;flex-shrink:0;margin-left:auto;padding-left:8px;align-self:flex-start}.order-product-grid-container .product-price{font-size:13px;font-weight:700;color:#016b61;display:block;letter-spacing:-.2px;line-height:1.2;white-space:nowrap}.order-product-grid-container .product-card .product-content,.order-product-grid-container .product-card .product-stock-badge{display:none!important}.order-product-grid-container .product-card .product-info{display:flex!important;flex-direction:column!important;gap:2px!important;flex:1!important;min-width:0!important;overflow:hidden!important;padding-right:8px!important;visibility:visible!important;opacity:1!important}.order-product-grid-container .product-card .product-name{display:block!important;visibility:visible!important;opacity:1!important;font-size:13px!important;font-weight:700!important;color:#1e293b!important;margin:0!important;line-height:1.3!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important}.order-product-grid-container .product-card .product-code{display:block!important;visibility:visible!important;opacity:1!important;font-size:10px!important;color:#64748b!important;margin:0!important;line-height:1.2!important;overflow:hidden!important;text-overflow:ellipsis!important;white-space:nowrap!important;font-weight:500!important}.order-product-grid-container .product-card .product-category{display:inline-block!important;visibility:visible!important;opacity:1!important}.order-product-grid-container .product-card .product-price-wrapper{display:block!important;visibility:visible!important;opacity:1!important;margin-top:0!important;padding-top:0!important;border-top:none!important;flex-shrink:0!important;margin-left:auto!important;padding-left:8px!important;align-self:flex-start!important}.order-product-grid-container .product-card .product-price{display:block!important;visibility:visible!important;opacity:1!important;margin-top:0!important;padding-top:0!important;font-size:13px!important;font-weight:700!important;color:#016b61!important;letter-spacing:-.2px!important;line-height:1.2!important;white-space:nowrap!important}.order-product-grid-container{background:#fff;border-radius:14px;padding:1.25rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;height:100%;min-height:0;width:100%;box-sizing:border-box}.order-product-grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;padding-bottom:.875rem;border-bottom:1px solid #e2e8f0;gap:1rem;flex-wrap:wrap}.header-left{display:flex;align-items:center;gap:1rem}.header-left h2{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.product-count{font-size:.75rem;color:#64748b;background:#f1f5f9;padding:.3125rem .625rem;border-radius:6px;font-weight:500}.search-wrapper{position:relative;flex:1;max-width:400px}.search-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af;pointer-events:none}.search-input{width:100%;padding:.75rem 1rem .75rem 2.75rem;border:1.5px solid #e2e8f0;border-radius:10px;font-size:.9375rem;transition:all .2s ease;background:#fff;font-family:inherit}.search-input:focus{outline:none;border-color:#016b61;background:#fff;box-shadow:0 0 0 3px #016b611a}.search-input::placeholder{color:#9ca3af}.empty-products{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ca3af;gap:1rem}.empty-icon{font-size:4rem;opacity:.5}.empty-products p{font-size:1.1rem;color:#6b7280;font-weight:500}.clear-search{margin-top:.5rem;padding:.5rem 1rem;background:#016b61;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.clear-search:hover{background:#014d47;transform:translateY(-1px);box-shadow:0 4px 12px #016b614d}.order-products-grid{display:flex;flex-direction:column;gap:.5rem;overflow-y:auto;overflow-x:hidden;flex:1;padding-right:.5rem;padding-bottom:.5rem;width:100%;max-width:100%}.order-products-grid::-webkit-scrollbar{width:6px}.order-products-grid::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.order-products-grid::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.order-products-grid::-webkit-scrollbar-thumb:hover{background:#016b61}@media (max-width: 1200px){.order-product-grid-header{flex-direction:column;align-items:stretch}.search-wrapper{max-width:100%}}.cart-item{display:grid;grid-template-columns:1fr auto auto;gap:16px;align-items:center;padding:14px;background:#f8fafc;border-radius:10px;transition:all .2s ease;border:1px solid #e2e8f0;animation:slideInItem .3s ease-out}@keyframes slideInItem{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}.cart-item:hover{background:#f1f5f9;border-color:#016b61}.cart-item-info{display:flex;flex-direction:column;gap:6px;min-width:0;flex:1}.cart-item-name{font-weight:600;font-size:14px;color:#1e293b;margin:0;word-break:break-word;line-height:1.4}.cart-item-options{font-size:12px;color:#64748b;margin:0;word-break:break-word;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cart-item-price{font-size:14px;color:#64748b;margin:0}.cart-item-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.qty-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:2px solid #e2e8f0;background:#fff;border-radius:8px;cursor:pointer;transition:all .2s ease;color:#1e293b;padding:0}.qty-btn:hover{background:#016b61;color:#fff;border-color:#016b61}.qty-value{font-weight:600;font-size:14px;min-width:30px;text-align:center;color:#1e293b}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:#64748b;cursor:pointer;border-radius:8px;transition:all .2s ease;padding:0}.btn-icon:hover{background:#f1f5f9;color:#1e293b}.btn-icon-danger:hover{background:#ef4444;color:#fff}.cart-item-total{font-weight:700;font-size:16px;color:#016b61;min-width:120px;text-align:right;flex-shrink:0}@media (max-width: 768px){.cart-item{grid-template-columns:1fr;gap:8px}.cart-item-actions{justify-content:flex-end}.cart-item-total{text-align:left}}.cart-container{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;border:1px solid #e2e8f0;display:flex;flex-direction:column;overflow:hidden;height:100%;min-width:0}.cart-content{flex:1;display:flex;flex-direction:column;overflow:hidden;min-height:0;max-height:100%;position:relative}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:3rem 2rem;color:#9ca3af;gap:1rem;text-align:center}.cart-empty svg{opacity:.4;color:#d1d5db}.cart-empty h3{font-size:1.25rem;font-weight:600;color:#6b7280;margin:0}.cart-empty p{font-size:.9rem;color:#9ca3af;margin:0}.cart-items{flex:1;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem;padding-right:.5rem;min-height:0;max-height:none;padding-bottom:.5rem}.cart-items::-webkit-scrollbar{width:6px}.cart-items::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.cart-items::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cart-items::-webkit-scrollbar-thumb:hover{background:#016b61}.service-type-selector{display:flex;gap:.25rem;padding:.625rem 0;border-top:1px solid #e2e8f0;border-bottom:1px solid #e2e8f0;flex-shrink:0}.service-type-btn{flex:1;padding:.5rem .75rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.8125rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.375rem}.service-type-btn:hover{border-color:#016b61;background:#f8fafc}.service-type-btn.selected{background:#016b61;color:#fff;border-color:#016b61}.cart-footer{padding-top:.875rem;padding-bottom:.5rem;display:flex;flex-direction:column;gap:.25rem;flex-shrink:0;position:sticky;bottom:0;background:#fff;z-index:10;margin-top:auto;border-top:1px solid #e2e8f0;box-shadow:0 -2px 8px #0000000d}.cart-summary{display:flex;flex-direction:column;gap:.25rem;padding:.75rem;background:#f8fafc;border-radius:10px;border:1px solid #e2e8f0}.summary-row{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:#374151}.summary-row span:first-child{font-weight:500;color:#6b7280}.summary-value{font-weight:600;color:#1f2937}.total-row{padding-top:.5rem;border-top:1.5px solid rgba(1,107,97,.1);font-size:1rem;margin-top:.25rem}.total-amount{font-size:1.25rem;font-weight:700;background:linear-gradient(135deg,#016b61,#014d47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.checkout-btn{width:100%;padding:.875rem;background:#016b61;color:#fff;border:none;border-radius:10px;font-size:.9375rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px #016b6133;display:flex;align-items:center;justify-content:center;gap:.5rem}.checkout-btn:hover:not(:disabled){background:#014d47;transform:translateY(-1px);box-shadow:0 4px 12px #016b614d}.checkout-btn:active:not(:disabled){transform:translateY(0)}.checkout-btn:disabled{opacity:.7;cursor:not-allowed;transform:none}.spinner{width:20px;height:20px;border:3px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}@media (max-width: 1200px){.cart-container{max-height:500px}}.customization-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.customization-modal{background:#fff;border-radius:16px;width:100%;max-width:500px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d}.customization-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid #e2e8f0}.customization-modal-header h3{margin:0;font-size:1.25rem;font-weight:600;color:#1e293b}.close-btn{background:none;border:none;cursor:pointer;color:#64748b;padding:.25rem;display:flex;align-items:center;justify-content:center;border-radius:6px;transition:all .2s}.close-btn:hover{background:#f1f5f9;color:#1e293b}.customization-modal-content{padding:1.5rem;overflow-y:auto;flex:1}.option-group{margin-bottom:1.5rem}.option-group:last-child{margin-bottom:0}.option-label{display:block;font-size:.9375rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.option-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.option-btn{padding:.625rem 1rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s;flex:1;min-width:80px}.option-btn:hover{border-color:#016b61;background:#f8fafc}.option-btn.selected{background:#016b61;color:#fff;border-color:#016b61}.topping-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem}.topping-btn{padding:.75rem 1rem;border:1.5px solid #e2e8f0;background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;color:#1e293b;cursor:pointer;transition:all .2s;text-align:left}.topping-btn:hover{border-color:#016b61;background:#f8fafc}.topping-btn.selected{background:#016b61;color:#fff;border-color:#016b61}.quantity-control{display:flex;align-items:center;gap:.75rem}.quantity-btn{width:36px;height:36px;border-radius:50%;border:1.5px solid #e2e8f0;background:#fff;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s;color:#1e293b}.quantity-btn.minus{color:#ef4444;border-color:#ef4444}.quantity-btn.minus:hover{background:#ef4444;color:#fff}.quantity-btn.plus{color:#10b981;border-color:#10b981}.quantity-btn.plus:hover{background:#10b981;color:#fff}.quantity-input{width:60px;padding:.5rem;border:1.5px solid #e2e8f0;border-radius:8px;text-align:center;font-size:1rem;font-weight:600;color:#1e293b}.quantity-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.customization-modal-footer{padding:1.5rem;border-top:1px solid #e2e8f0}.confirm-btn{width:100%;padding:1rem;background:#016b61;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s}.confirm-btn:hover{background:#014d47;transform:translateY(-1px);box-shadow:0 4px 12px #016b614d}.confirm-btn:active{transform:translateY(0)}.order-fnb-page{display:flex;flex-direction:column;height:100vh;min-height:100vh;background:#f8fafc;overflow:hidden}.order-fnb-header{background:#fff;border-bottom:1px solid #e2e8f0;padding:1.5rem 2rem;box-shadow:0 1px 3px #0000000d;position:sticky;top:0;z-index:100}.header-content{display:flex;align-items:center;gap:1.25rem;max-width:1920px;margin:0 auto}.header-icon{width:56px;height:56px;background:linear-gradient(135deg,#016b61,#014d47);border-radius:14px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 4px 12px #016b6133;flex-shrink:0}.header-content h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:#1e293b;letter-spacing:-.5px}.header-subtitle{font-size:.875rem;color:#64748b;margin:0;font-weight:500}.order-fnb-content{display:grid;grid-template-columns:280px 1fr 650px;gap:1.5rem;padding:1.5rem 2rem;flex:1;overflow:hidden;max-width:1920px;margin:0 auto;width:100%}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.loading-spinner{width:64px;height:64px;border:6px solid rgba(1,107,97,.1);border-top-color:#016b61;border-radius:50%;animation:spin 1s linear infinite}.loading-container p{font-size:1.1rem;color:#6b7280;font-weight:500}@media (max-width: 1600px){.order-fnb-content{grid-template-columns:260px 1fr 600px;gap:1.25rem}}@media (max-width: 1400px){.order-fnb-content{grid-template-columns:240px 1fr 550px;gap:1rem;padding:1.25rem 1.5rem}}@media (max-width: 1200px){.order-fnb-header{padding:1.25rem 1.5rem}.header-content h1{font-size:1.5rem}.order-fnb-content{grid-template-columns:1fr;grid-template-rows:auto 1fr auto;padding:1rem;gap:1rem}}@media (max-width: 768px){.order-fnb-header{padding:1rem}.header-content{gap:1rem}.header-icon{width:48px;height:48px}.header-content h1{font-size:1.25rem}.header-subtitle{font-size:.8125rem}.order-fnb-content{padding:.75rem;gap:.75rem}}.menu-product-card{background:#fff;border:2px solid #e5e7eb;border-radius:16px;overflow:hidden;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column;position:relative}.menu-product-card:hover{border-color:#016b61;box-shadow:0 12px 32px #016b6126;transform:translateY(-4px)}.menu-product-card.inactive{opacity:.5;position:relative;background:#f9fafb}.menu-product-card.inactive:before{content:"Đã ẩn";position:absolute;top:.75rem;right:.75rem;background:#ef4444e6;color:#fff;padding:.25rem .75rem;border-radius:8px;font-size:.75rem;font-weight:600;z-index:10;box-shadow:0 2px 8px #0003}.menu-product-card.inactive:hover{opacity:.6}.product-image-wrapper{position:relative;width:100%;height:200px;overflow:hidden;background:linear-gradient(135deg,#f0fdfa,#e0f2f1)}.product-image{width:100%;height:100%;object-fit:cover;transition:transform .3s}.menu-product-card:hover .product-image{transform:scale(1.05)}.product-image-placeholder{width:100%;height:200px;display:flex;align-items:center;justify-content:center;font-size:4rem;background:linear-gradient(135deg,#f0fdfa,#e0f2f1)}.inactive-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0009;display:flex;align-items:center;justify-content:center;color:#fff}.product-info{padding:1.25rem;flex:1;display:flex;flex-direction:column;gap:.75rem}.product-header{display:flex;justify-content:space-between;align-items:flex-start;gap:.5rem}.product-header h3{font-size:1.1rem;font-weight:700;color:#1f2937;margin:0;flex:1;line-height:1.4}.product-type-badge{padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:600;white-space:nowrap;flex-shrink:0}.product-type-badge.food{background:#fef3c7;color:#92400e}.product-type-badge.drink{background:#dbeafe;color:#1e40af}.product-type-badge.goods{background:#e0e7ff;color:#3730a3}.product-sku{font-size:.875rem;color:#6b7280;margin:0;font-weight:500;font-family:Courier New,monospace}.product-description{font-size:.875rem;color:#4b5563;margin:0;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-price{font-size:1.25rem;font-weight:700;color:#016b61;margin:0;background:linear-gradient(135deg,#016b61,#014d47);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.product-actions{display:flex;gap:.5rem;padding:1rem 1.25rem;border-top:1px solid #f0fdfa;background:#f9fafb}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .3s;border:1px solid #e5e7eb}.btn-icon:hover{background:#016b61;color:#fff;border-color:#016b61;transform:translateY(-2px);box-shadow:0 4px 12px #016b6133}.menu-product-grid-container{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.5rem}.menu-product-grid-empty{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;color:#9ca3af;gap:1rem}.menu-product-grid-empty svg{opacity:.4}.menu-product-grid-empty h3{font-size:1.5rem;font-weight:600;color:#6b7280;margin:0}.menu-product-grid-empty p{font-size:1rem;color:#9ca3af;margin:0}.menu-product-grid-empty .btn{padding:.875rem 1.75rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.menu-product-grid-empty .btn-primary{background:linear-gradient(135deg,#016b61,#014d47);color:#fff;box-shadow:0 4px 12px #016b614d}.menu-product-grid-empty .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #016b6166}@media (max-width: 768px){.product-grid-container{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}}.product-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:product-modal-fadeIn .2s ease-out}@keyframes product-modal-fadeIn{0%{opacity:0}to{opacity:1}}.product-modal-content{background:#fff;border-radius:20px;width:100%;max-width:600px;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 20px 60px #0000004d;animation:product-modal-slideUp .3s ease-out;overflow:hidden}@keyframes product-modal-slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.product-modal-content .modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;border-bottom:2px solid #f0fdfa;position:sticky;top:0;background:#fff;z-index:10;border-radius:20px 20px 0 0}.product-modal-content .modal-header h2{font-size:1.5rem;font-weight:700;color:#1f2937;margin:0}.product-modal-content .btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#f3f4f6;color:#6b7280;border-radius:8px;cursor:pointer;transition:all .2s}.product-modal-content .btn-icon:hover{background:#ef4444;color:#fff}.product-modal-content .modal-form{padding:2rem;display:flex;flex-direction:column;gap:1.5rem;overflow-y:auto;flex:1;min-height:0}.product-modal-content .modal-form::-webkit-scrollbar{width:8px}.product-modal-content .modal-form::-webkit-scrollbar-track{background:#f0fdfa;border-radius:10px}.product-modal-content .modal-form::-webkit-scrollbar-thumb{background:#016b61;border-radius:10px}.product-modal-content .modal-form::-webkit-scrollbar-thumb:hover{background:#014d47}.product-modal-content .form-group{display:flex;flex-direction:column;gap:.5rem}.product-modal-content .form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.product-modal-content .form-group label{font-weight:600;color:#374151;font-size:.9rem}.product-modal-content .required{color:#ef4444}.product-modal-content .form-input{padding:.875rem;border:2px solid #e5e7eb;border-radius:10px;font-size:1rem;transition:all .3s;font-family:inherit;background:#fff}.product-modal-content .form-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 4px #016b611a;background:#f0fdfa}.product-modal-content .form-input::placeholder{color:#9ca3af}.product-modal-content .price-input-wrapper{position:relative;display:flex;align-items:center}.product-modal-content .price-input{padding-right:2.5rem}.product-modal-content .price-suffix{position:absolute;right:.875rem;color:#6b7280;font-weight:600;pointer-events:none;font-size:.95rem}.product-modal-content .size-prices-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.product-modal-content .size-price-input-wrapper{display:flex;flex-direction:column;gap:.5rem}.product-modal-content .size-label{font-size:.875rem;font-weight:600;color:#6b7280}.product-modal-content .image-preview{margin-top:.75rem;border-radius:12px;overflow:hidden;border:2px solid #e5e7eb;max-height:200px}.product-modal-content .image-preview img{width:100%;height:auto;display:block}.product-modal-content .checkbox-label{display:flex;align-items:center;gap:.75rem;cursor:pointer;padding:.75rem;background:#f9fafb;border-radius:10px;border:2px solid #e5e7eb;transition:all .2s}.product-modal-content .checkbox-label:hover{background:#f0fdfa;border-color:#016b61}.product-modal-content .checkbox-label input[type=checkbox]{width:20px;height:20px;cursor:pointer;accent-color:#016b61}.product-modal-content .checkbox-label span{font-weight:500;color:#374151}.product-modal-content .form-info{padding:1rem;background:linear-gradient(135deg,#f0fdfa,#e0f2f1);border-radius:12px;border:2px solid rgba(1,107,97,.2)}.product-modal-content .form-info p{margin:0;font-size:.875rem;color:#065f46;font-weight:500}.product-modal-content .modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #f0fdfa}.product-modal-content .btn{padding:.875rem 1.75rem;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.product-modal-content .btn-primary{background:linear-gradient(135deg,#016b61,#014d47);color:#fff;box-shadow:0 4px 12px #016b614d}.product-modal-content .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #016b6166}.product-modal-content .btn-secondary{background:#f3f4f6;color:#374151}.product-modal-content .btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.product-modal-overlay{padding:1rem}.form-row{grid-template-columns:1fr}.modal-actions{flex-direction:column-reverse}.btn{width:100%;justify-content:center}}.menu-management-container{padding:2rem;max-width:1600px;margin:0 auto;min-height:100vh;background:linear-gradient(135deg,#f0fdfa,#fff,#f5f5f5)}.menu-management-container .menu-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem;gap:1.5rem}.menu-management-container .header-content{display:flex;align-items:center;gap:1.5rem;flex:1}.menu-management-container .header-icon{width:64px;height:64px;background:linear-gradient(135deg,#016b61,#014d47);border-radius:16px;display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 8px 24px #016b614d}.menu-management-container .header-content h1{font-size:2rem;font-weight:800;color:#1f2937;margin:0 0 .25rem;letter-spacing:-.5px}.menu-management-container .header-subtitle{font-size:.95rem;color:#6b7280;margin:0;font-weight:500}.menu-management-container .btn{padding:.875rem 1.75rem;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem;white-space:nowrap}.menu-management-container .btn-primary{background:linear-gradient(135deg,#016b61,#014d47);color:#fff;box-shadow:0 4px 12px #016b614d}.menu-management-container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px #016b6166}.menu-management-container .menu-toolbar{margin-bottom:2rem}.menu-management-container .search-wrapper{position:relative;max-width:500px;display:flex;align-items:center}.menu-management-container .search-icon{position:absolute;left:1rem;color:#9ca3af;pointer-events:none;z-index:1}.menu-management-container .search-input{width:100%;padding:.875rem 1rem .875rem 3rem;border:2px solid #e5e7eb;border-radius:12px;font-size:1rem;transition:all .3s;background:#fff;font-family:inherit}.menu-management-container .search-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 4px #016b611a;transform:translateY(-1px)}.menu-management-container .search-input::placeholder{color:#9ca3af}.menu-management-container .search-count{position:absolute;right:1rem;font-size:.875rem;color:#6b7280;background:#f0fdfa;padding:.25rem .75rem;border-radius:8px;font-weight:500}.menu-management-container .loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:60vh;gap:1.5rem}.menu-management-container .loading-spinner{width:64px;height:64px;border:6px solid rgba(1,107,97,.1);border-top-color:#016b61;border-radius:50%;animation:menu-spin 1s linear infinite}.menu-management-container .loading-container p{font-size:1.1rem;color:#6b7280;font-weight:500}@keyframes menu-spin{to{transform:rotate(360deg)}}@media (max-width: 768px){.menu-management-container{padding:1rem}.menu-management-container .menu-header{flex-direction:column;gap:1rem}.menu-management-container .header-content{flex-direction:column;align-items:flex-start;gap:1rem}.menu-management-container .header-icon{width:48px;height:48px}.menu-management-container .header-content h1{font-size:1.5rem}.menu-management-container .btn{width:100%;justify-content:center}}.employee-management-container{padding:2rem;max-width:1400px;margin:0 auto}.employee-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.employee-header h1{font-size:1.75rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.employee-header p{color:#6b7280;font-size:.9rem}.employee-toolbar{margin-bottom:1.5rem}.employees-table-wrapper{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.employees-table{width:100%;border-collapse:collapse}.employees-table thead{background:#f9fafb}.employees-table th{padding:1rem;text-align:left;font-weight:600;color:#374151;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;border-bottom:2px solid #e5e7eb}.employees-table td{padding:1rem;border-bottom:1px solid #f3f4f6;color:#1f2937}.employees-table tbody tr:hover{background:#f9fafb}.employees-table tbody tr.inactive{opacity:.6}.branch-cell{display:flex;align-items:center;gap:.5rem;color:#6b7280}.table-actions{display:flex;gap:.5rem}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;font-size:.875rem}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ca3af;gap:1rem}.employee-management-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.employee-management-modal-content{background:#fff;border-radius:12px;width:100%;max-width:700px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.employee-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb}.employee-management-modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.employee-management-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.employee-management-form-group{display:flex;flex-direction:column;gap:.5rem}.employee-management-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.employee-management-form-group label{font-weight:500;color:#374151;font-size:.9rem}.employee-management-required{color:#ef4444}.employee-management-form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.employee-management-form-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.employee-management-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.employee-management-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.employee-management-btn-primary{background:#016b61;color:#fff}.employee-management-btn-primary:hover{background:#014d47;transform:translateY(-1px);box-shadow:0 4px 12px #016b614d}.employee-management-btn-secondary{background:#f3f4f6;color:#374151}.employee-management-btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.employee-management-container{padding:1rem}.employee-header{flex-direction:column;gap:1rem}.employees-table-wrapper{overflow-x:auto}.employees-table{min-width:800px}.employee-management-form-row{grid-template-columns:1fr}.employee-management-modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.tables-management-container{padding:2rem;max-width:1400px;margin:0 auto}.tables-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.tables-header h1{font-size:1.75rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.tables-header p{color:#6b7280;font-size:.9rem}.tables-toolbar{margin-bottom:1.5rem}.search-wrapper{position:relative;max-width:400px}.tables-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.table-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s;display:flex;flex-direction:column;gap:1rem}.table-card:hover{border-color:#016b61;box-shadow:0 4px 12px #016b6126;transform:translateY(-2px)}.table-card.inactive{opacity:.7}.table-card-header{display:flex;align-items:flex-start;gap:1rem}.table-icon{width:48px;height:48px;background:linear-gradient(135deg,#016b61,#014d47);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.table-info{flex:1}.table-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.table-branch{font-size:.875rem;color:#6b7280}.status-badge{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.table-card-body{padding-top:.75rem;border-top:1px solid #e5e7eb}.table-detail{display:flex;align-items:center;gap:.5rem;color:#6b7280;font-size:.875rem}.table-card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb;font-size:.875rem}.tables-management-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.tables-management-modal-content{background:#fff;border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.tables-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb}.tables-management-modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.tables-management-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.tables-management-form-group{display:flex;flex-direction:column;gap:.5rem}.tables-management-form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.tables-management-form-group label{font-weight:500;color:#374151;font-size:.9rem}.tables-management-required{color:#ef4444}.tables-management-form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.tables-management-form-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.tables-management-checkbox-label{display:flex;align-items:center;gap:.5rem;cursor:pointer}.tables-management-checkbox-label input[type=checkbox]{width:18px;height:18px;cursor:pointer}.tables-management-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.tables-management-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.tables-management-btn-primary{background:#016b61;color:#fff}.tables-management-btn-primary:hover{background:#014d47;transform:translateY(-1px);box-shadow:0 4px 12px #016b614d}.tables-management-btn-secondary{background:#f3f4f6;color:#374151}.tables-management-btn-secondary:hover{background:#e5e7eb}@media (max-width: 768px){.tables-management-container{padding:1rem}.tables-header{flex-direction:column;gap:1rem}.tables-grid,.tables-management-form-row{grid-template-columns:1fr}.tables-management-modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}.shifts-management-container{padding:2rem;max-width:1400px;margin:0 auto}.shifts-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:2rem}.shifts-header h1{font-size:1.75rem;font-weight:600;color:#1f2937;display:flex;align-items:center;gap:.75rem;margin-bottom:.5rem}.shifts-header p{color:#6b7280;font-size:.9rem}.shifts-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;gap:1rem;flex-wrap:wrap}.search-wrapper{position:relative;max-width:400px;flex:1;min-width:200px}.search-wrapper svg{position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:#9ca3af}.search-input{width:100%;padding:.75rem 1rem .75rem 3rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s}.search-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.filter-group{display:flex;gap:.5rem}.filter-btn{padding:.5rem 1rem;border:2px solid #e5e7eb;background:#fff;border-radius:8px;font-size:.875rem;font-weight:500;color:#6b7280;cursor:pointer;transition:all .2s}.filter-btn:hover{border-color:#016b61;color:#016b61}.filter-btn.active{background:#016b61;border-color:#016b61;color:#fff}.shifts-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:1.5rem}.shift-card{background:#fff;border:2px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:all .3s;display:flex;flex-direction:column;gap:1rem}.shift-card.open{border-color:#10b981;background:linear-gradient(135deg,#fff,#f0fdfa)}.shift-card.closed{border-color:#ef4444;background:linear-gradient(135deg,#fff,#fef2f2)}.shift-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.shift-card-header{display:flex;align-items:flex-start;gap:1rem}.shift-icon{width:48px;height:48px;background:linear-gradient(135deg,#016b61,#014d47);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.shift-info{flex:1}.shift-info h3{font-size:1.25rem;font-weight:600;color:#1f2937;margin-bottom:.25rem}.shift-branch{font-size:.875rem;color:#6b7280;margin-bottom:.25rem}.shift-employee{font-size:.75rem;color:#9ca3af}.status-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:12px;font-size:.75rem;font-weight:500}.status-badge.active{background:#d1fae5;color:#065f46}.status-badge.inactive{background:#fee2e2;color:#991b1b}.shift-card-body{padding-top:.75rem;border-top:1px solid #e5e7eb}.shift-details{display:flex;flex-direction:column;gap:.75rem}.shift-detail-item{display:flex;align-items:center;gap:.5rem;color:#4b5563;font-size:.875rem}.shift-card-actions{display:flex;gap:.5rem;padding-top:.75rem;border-top:1px solid #e5e7eb;justify-content:flex-end}.btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.btn-sm{padding:.5rem 1rem;font-size:.875rem}.btn-danger{background:#ef4444;color:#fff}.btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.btn-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:#fff;color:#6b7280;border-radius:6px;cursor:pointer;transition:all .2s;border:1px solid #e5e7eb}.btn-icon:hover{background:#016b61;color:#fff;border-color:#016b61}.btn-icon-danger:hover{background:#ef4444;color:#fff;border-color:#ef4444}.empty-state{grid-column:1 / -1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;color:#9ca3af;gap:1rem}.empty-state svg{opacity:.5}.empty-state p{font-size:1.1rem;color:#6b7280}.shifts-management-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem}.shifts-management-modal-content{background:#fff;border-radius:12px;width:100%;max-width:500px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px #0000001a}.shifts-management-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:2px solid #e5e7eb}.shifts-management-modal-header h2{font-size:1.5rem;font-weight:600;color:#1f2937}.shifts-management-modal-form{padding:1.5rem;display:flex;flex-direction:column;gap:1.25rem}.shifts-management-form-group{display:flex;flex-direction:column;gap:.5rem}.shifts-management-form-group label{font-weight:500;color:#374151;font-size:.9rem}.shifts-management-required{color:#ef4444}.shifts-management-form-input{padding:.75rem;border:2px solid #e5e7eb;border-radius:8px;font-size:1rem;transition:all .2s;font-family:inherit}.shifts-management-form-input:focus{outline:none;border-color:#016b61;box-shadow:0 0 0 3px #016b611a}.shifts-management-modal-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:1rem;padding-top:1.5rem;border-top:2px solid #e5e7eb}.shifts-management-btn{padding:.5rem 1rem;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.5rem}.shifts-management-btn-secondary{background:#f3f4f6;color:#374151}.shifts-management-btn-secondary:hover{background:#e5e7eb}.shifts-management-btn-danger{background:#ef4444;color:#fff}.shifts-management-btn-danger:hover{background:#dc2626;transform:translateY(-1px);box-shadow:0 4px 12px #ef44444d}.loading-spinner{text-align:center;padding:3rem;color:#6b7280;font-size:1.1rem}@media (max-width: 768px){.shifts-management-container{padding:1rem}.shifts-header{flex-direction:column;gap:1rem}.shifts-toolbar{flex-direction:column}.shifts-grid{grid-template-columns:1fr}.shifts-management-modal-content{margin:1rem;max-height:calc(100vh - 2rem)}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #016b61;--primary-dark: #0e7f79;--primary-soft: #89c9c7;--secondary: #2e9e6f;--danger: #e6504f;--warning: #f0a500;--info: #2e93c8;--success: #2e9e6f;--dark: #0e1f1c;--light: #f8fbf7;--background-soft: #e4e8c9;--border: #a7cfc8;--text: #0e1f1c;--text-muted: #3d5f5a;--text-subtle: #5e7c75;--shadow: 0 2px 8px rgba(1, 107, 97, .12);--shadow-lg: 0 8px 24px rgba(1, 107, 97, .2);--color-primary: #016b61;--color-primary-muted: #0e7f79;--color-primary-soft: #89c9c7;--color-surface: #ffffff;--color-surface-muted: #eef3ed;--color-text: #0e1f1c;--color-text-muted: #3d5f5a;--color-text-on-primary: #ffffff;--color-border: #a7cfc8;--color-overlay: rgba(1, 107, 97, .08);--color-white: #ffffff;--color-error: #e6504f;--color-warning: #f0a500;--color-success: #2e9e6f;--color-info: #2e93c8}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--light);color:var(--text);line-height:1.6;margin:0;padding:0}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-soft)}.container{max-width:1400px;margin:0 auto;padding:0 20px}.card{background:#fff;border-radius:8px;padding:20px;box-shadow:var(--shadow)}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border:none;border-radius:6px;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s;text-decoration:none;white-space:nowrap}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-dark)}.btn-secondary{background:var(--secondary);color:#fff}.btn-secondary:hover:not(:disabled){background:#059669}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:#dc2626}.btn-outline{background:#fff;color:var(--primary);border:1px solid var(--primary)}.btn-outline:hover:not(:disabled){background:var(--primary);color:#fff}.btn-sm{padding:6px 12px;font-size:13px}.btn-lg{padding:14px 28px;font-size:16px}.form-group{margin-bottom:16px}.required-asterisk{color:#ef4444!important;font-weight:700;margin-left:2px}.form-input,.form-select,.form-textarea{width:100%;padding:10px 12px;border:1px solid var(--border);border-radius:6px;font-size:14px;transition:all .2s;background:#fff}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.form-textarea{resize:vertical;min-height:80px}.badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:500}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fee2e2;color:#991b1b}.badge-info{background:#dbeafe;color:#1e40af}.table-container{overflow-x:auto;border-radius:8px;border:1px solid var(--border)}.table{width:100%;border-collapse:collapse;background:#fff}.table thead{background:var(--light)}.table th{padding:12px 16px;text-align:left;font-weight:600;font-size:13px;color:var(--text);border-bottom:2px solid var(--border)}.table td{padding:12px 16px;border-bottom:1px solid var(--border);font-size:14px}.table tbody tr:hover{background:var(--light)}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px;animation:fadeIn .3s cubic-bezier(.4,0,.2,1);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}.modal-overlay.closing{animation:fadeOut .25s cubic-bezier(.4,0,.2,1) forwards}.modal{background:#fff;border-radius:16px;max-width:600px;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d;animation:modalSlideIn .4s cubic-bezier(.16,1,.3,1);transform-origin:center}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes modalSlideOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(30px) scale(.95)}}.modal.closing{animation:modalSlideOut .25s cubic-bezier(.4,0,.6,1) forwards}.modal-header{padding:20px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between}.modal-title{font-size:18px;font-weight:600;color:var(--dark)}.modal-body{padding:20px}.modal-footer{padding:20px;border-top:1px solid var(--border);display:flex;gap:12px;justify-content:flex-end}.grid{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.text-center{text-align:center}.text-right{text-align:right}.flex{display:flex}.flex-between{display:flex;justify-content:space-between;align-items:center}.flex-center{display:flex;justify-content:center;align-items:center}.gap-2{gap:8px}.gap-4{gap:16px}.mt-4{margin-top:16px}.mb-4{margin-bottom:16px}.text-primary{color:var(--primary)}.text-success{color:var(--success)}.text-danger{color:var(--danger)}.text-warning{color:var(--warning)}.text-muted{color:var(--text-light)}.loading{display:flex;align-items:center;justify-content:center;padding:40px}.spinner{width:40px;height:40px;border:4px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state{text-align:center;padding:60px 20px;color:var(--text-light)}.empty-state-icon{width:80px;height:80px;margin:0 auto 20px;opacity:.3}