@import "https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap";:root{--font-main:"Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-heading:"Outfit", sans-serif;--bg-main:#fffdf2;--bg-card:#feedb38c;--bg-card-hover:#feedb3cc;--border-color:#0180812e;--border-focus:#018081;--text-primary:#006770;--text-secondary:#2c4d52;--text-muted:#50767c;--primary:#018081;--primary-dark:#006770;--primary-glow:#0180811f;--secondary:#ffa503;--secondary-light:#ffc969;--secondary-glow:#ffa50326;--accent-blue:#006770;--accent-green:#1e7e34;--accent-red:#bd2130;--radius-sm:8px;--radius-md:14px;--radius-lg:24px;--transition-fast:.2s cubic-bezier(.4, 0, .2, 1);--transition-normal:.3s cubic-bezier(.4, 0, .2, 1);--shadow-sm:0 2px 8px -2px #122c3014;--shadow-md:0 10px 25px -5px #122c301a, 0 8px 16px -6px #122c300f;--shadow-lg:0 20px 40px -10px #122c301f, 0 10px 20px -5px #122c3014;--shadow-primary:0 4px 14px 0 #01808140;--page-padding:clamp(16px, 4vw, 32px);--section-gap:clamp(24px, 5vw, 48px)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-main);background-color:var(--bg-main);color:var(--text-primary);background-image:radial-gradient(at 0 0,#0180810f 0,#0000 50%),radial-gradient(at 100% 100%,#ffa5030d 0,#0000 50%),radial-gradient(at 100% 0,#feedb326 0,#0000 50%);background-attachment:fixed;min-height:100vh;line-height:1.6;overflow-x:hidden}img,video{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text-primary);font-weight:700;line-height:1.2}a{color:var(--primary);transition:var(--transition-fast);text-decoration:none}a:hover{filter:brightness(1.2)}button{font-family:var(--font-main);-webkit-tap-highlight-color:transparent}input,select,textarea{font-family:var(--font-main)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--bg-main)}::-webkit-scrollbar-thumb{background:#01808140;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#01808166}.container{max-width:1200px;padding:0 var(--page-padding);width:100%;margin:0 auto}.card{background:var(--bg-card);-webkit-backdrop-filter:blur(8px);border:1px solid var(--border-color);border-radius:var(--radius-md);box-shadow:var(--shadow-md);transition:var(--transition-normal);padding:clamp(16px,3vw,24px)}.card:hover{background:var(--bg-card-hover);box-shadow:var(--shadow-lg);border-color:#01808159;transform:translateY(-2px)}.card-title{color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:1.1rem;font-weight:600;display:flex}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-size:.82rem;font-weight:700}.form-input,.form-select{border:1px solid var(--border-color);border-radius:var(--radius-sm);width:100%;color:var(--text-primary);font-family:var(--font-main);transition:var(--transition-fast);appearance:none;background:#ffffffe6;outline:none;padding:11px 14px;font-size:.95rem}.form-input:focus,.form-select:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px var(--primary-glow);background:#fff}.form-input:disabled,.form-select:disabled{color:var(--text-muted);cursor:not-allowed;background:#feedb340}.btn{border-radius:var(--radius-sm);cursor:pointer;transition:var(--transition-normal);font-size:.95rem;font-weight:600;font-family:var(--font-heading);white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;border:none;justify-content:center;align-items:center;gap:8px;padding:11px 22px;display:inline-flex}.btn-primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;box-shadow:var(--shadow-primary)}.btn-primary:hover{filter:brightness(1.08);transform:translateY(-1px);box-shadow:0 4px 18px #01808173}.btn-secondary{border:1px solid var(--border-color);color:var(--text-primary);background:#ffffffd9}.btn-secondary:hover{border-color:var(--primary);background:#fff}.btn-danger{color:var(--accent-red);background:#bd21301a;border:1px solid #bd213033}.btn-danger:hover{background:var(--accent-red);color:#fff}.btn-success{background:linear-gradient(135deg, var(--secondary), #e09200);color:#fff}.btn-success:hover{filter:brightness(1.1);transform:translateY(-1px);box-shadow:0 4px 14px #ffa50359}.btn-premium{background:linear-gradient(135deg, var(--secondary), var(--primary));color:#fff}.btn-premium:hover{filter:brightness(1.1);transform:scale(1.02);box-shadow:0 4px 16px -2px #ffa50373}@keyframes fadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animated-fade-in{animation:.4s ease-out forwards fadeIn}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:1s linear infinite spin;display:inline-block}@keyframes slideDown{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.slide-down{animation:.25s ease-out forwards slideDown}.flex-between{justify-content:space-between;align-items:center;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.grid-2{grid-template-columns:repeat(2,1fr);gap:clamp(16px,3vw,24px);display:grid}.grid-3{grid-template-columns:repeat(3,1fr);gap:clamp(16px,3vw,24px);display:grid}.grid-4{grid-template-columns:repeat(4,1fr);gap:clamp(14px,2.5vw,20px);display:grid}.grid-5{grid-template-columns:repeat(5,1fr);gap:clamp(12px,2vw,18px);display:grid}@media (width<=1200px){.grid-5{grid-template-columns:repeat(3,1fr)}}@media (width<=1024px){.grid-4{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.grid-3,.grid-4,.grid-5{grid-template-columns:repeat(2,1fr)}.grid-2{grid-template-columns:1fr}}@media (width<=480px){.grid-2,.grid-3,.grid-4,.grid-5{grid-template-columns:1fr}}.badge{text-transform:uppercase;letter-spacing:.04em;border-radius:6px;align-items:center;gap:4px;padding:3px 8px;font-size:.72rem;font-weight:700;display:inline-flex}.badge-premium{color:#d68700;background:#ffa50326;border:1px solid #ffa5034d}.badge-free{color:var(--primary);background:#0180811a;border:1px solid #01808140}.blur-container{position:relative;overflow:hidden}.blurred{filter:blur(6px);pointer-events:none;-webkit-user-select:none;user-select:none}.paywall-overlay{z-index:10;background:#fffdf2a6;justify-content:center;align-items:center;padding:20px;display:flex;position:absolute;inset:0}.paywall-card{text-align:center;border:2px solid var(--secondary);border-radius:var(--radius-md);background:#fffdf2;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;padding:clamp(20px,4vw,32px);display:flex;box-shadow:0 10px 30px -5px #ffa50340}.custom-table{border-collapse:collapse;width:100%;margin-top:12px}.custom-table th{text-align:left;text-transform:uppercase;color:var(--text-secondary);border-bottom:1px solid var(--border-color);letter-spacing:.04em;white-space:nowrap;padding:12px 14px;font-size:.78rem;font-weight:700}.custom-table td{border-bottom:1px solid var(--border-color);color:var(--text-primary);vertical-align:middle;padding:12px 14px;font-size:.9rem}.custom-table tr:last-child td{border-bottom:none}.custom-table tr:hover td{background:#feedb34d}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);overflow-x:auto}.header-mobile-menu{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:200;background:#fffdf2fa;flex-direction:column;gap:8px;padding:80px 24px 32px;animation:.25s ease-out forwards slideDown;display:none;position:fixed;inset:0;overflow-y:auto}.header-mobile-menu.open{display:flex}.header-mobile-nav-link{border-radius:var(--radius-sm);color:var(--text-secondary);transition:var(--transition-fast);border:1px solid #0000;align-items:center;gap:12px;padding:14px 16px;font-size:1rem;font-weight:600;text-decoration:none;display:flex}.header-mobile-nav-link:hover,.header-mobile-nav-link.active{background:var(--primary-glow);color:var(--primary);border-color:var(--border-color)}.header-mobile-divider{background:var(--border-color);height:1px;margin:8px 0}.hamburger-btn{border:1px solid var(--border-color);cursor:pointer;-webkit-tap-highlight-color:transparent;width:40px;height:40px;transition:var(--transition-fast);background:0 0;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:8px;display:none}.hamburger-btn:hover{background:var(--primary-glow);border-color:var(--primary)}.hamburger-line{background:var(--text-primary);width:18px;height:2px;transition:var(--transition-fast);transform-origin:50%;border-radius:2px}.hamburger-btn.open .hamburger-line:first-child{transform:rotate(45deg)translate(5px,5px)}.hamburger-btn.open .hamburger-line:nth-child(2){opacity:0}.hamburger-btn.open .hamburger-line:nth-child(3){transform:rotate(-45deg)translate(5px,-5px)}@media (width<=900px){.hamburger-btn{display:flex}.header-desktop-nav,.header-desktop-actions{display:none!important}}.page-wrapper{padding:clamp(20px, 4vw, 36px) var(--page-padding) clamp(40px, 6vw, 80px)}.page-header{margin-bottom:clamp(20px,4vw,32px)}.page-title{font-size:clamp(1.4rem,4vw,2rem);font-weight:800}.page-subtitle{color:var(--text-secondary);margin-top:4px;font-size:clamp(.85rem,2vw,.95rem)}.hide-on-mobile{display:block}.show-on-mobile{display:none}@media (width<=600px){.hide-on-mobile{display:none}.show-on-mobile{display:block}.container{padding:0 14px}}.form-grid-2{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=480px){.form-grid-2{grid-template-columns:1fr}}.modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#122c3073;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.modal-content{width:100%;max-width:440px;margin:auto;position:relative}@media (hover:none) and (pointer:coarse){.card:hover,.btn-primary:hover,.btn-success:hover,.btn-premium:hover{transform:none}}.app-layout{background-color:var(--bg-main);flex-direction:column;min-height:100vh;display:flex}.app-header{z-index:100;-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-color);background:#fffdf2eb;padding:10px 24px;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1400px;margin:0 auto;display:flex}.header-left{align-items:center;gap:16px;display:flex}.header-brand{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.header-logo-wrapper{border:2px solid var(--primary);width:36px;height:36px;box-shadow:0 0 10px var(--primary-glow);border-radius:50%;flex-shrink:0;overflow:hidden}.header-logo-img{object-fit:cover;width:100%;height:100%}.header-brand-text{flex-direction:column;display:flex}.header-logo-title{font-family:var(--font-heading);color:var(--text-primary);letter-spacing:-.03em;font-size:1.18rem;font-weight:800;line-height:1}.header-logo-sub{color:var(--text-muted);letter-spacing:.06em;text-transform:uppercase;margin-top:2px;font-size:.58rem}.sidebar-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);background:#fffdf2;outline:none;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle-btn:hover{background:var(--primary-glow);border-color:var(--primary);color:var(--primary);transform:scale(1.04)}.header-right{flex-shrink:0;align-items:center;gap:14px;display:flex}.header-currency-container{align-items:center;gap:6px;display:flex}.header-currency-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.76rem;font-weight:700}.header-currency-select{border:1px solid var(--border-color);color:var(--text-primary);cursor:pointer;transition:var(--transition-fast);appearance:none;background:#fffdf2;border-radius:8px;outline:none;padding:6px 10px;font-size:.82rem;font-weight:700}.header-currency-select:hover{border-color:var(--primary)}.header-divider{background:#01808126;width:1px;height:26px}.header-user-card{border:1px solid var(--border-color);background:#feedb359;border-radius:20px;align-items:center;gap:8px;padding:4px 12px 4px 6px;display:flex}.header-user-avatar{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:#fff;width:28px;height:28px;font-size:.82rem;font-weight:800;font-family:var(--font-heading);border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:0 2px 6px #01808133}.header-user-details{align-items:center;gap:6px;display:flex}.header-user-name{white-space:nowrap;color:var(--text-primary);font-size:.86rem;font-weight:700}.header-user-badge-wrapper{align-items:center;display:flex}.badge-admin{background:var(--primary-glow);color:var(--primary);border:1px solid #0180814d;font-weight:700}.header-actions-group{align-items:center;gap:8px;display:flex}.header-plan-btn{padding:7px 12px;font-size:.82rem}.header-logout-btn{padding:7px 11px;font-size:.82rem}@media (width<=768px){.header-currency-label,.header-divider{display:none}}@media (width<=640px){.header-logout-text,.header-logo-sub{display:none}.header-user-name{text-overflow:ellipsis;max-width:70px;overflow:hidden}}.header-mobile-toggle-btn{border-radius:var(--radius-sm);border:1px solid var(--border-color);width:36px;height:36px;color:var(--text-primary);cursor:pointer;background:#fffdf2;outline:none;justify-content:center;align-items:center;display:none}@media (width<=991px){.header-mobile-toggle-btn{display:inline-flex}}.app-layout-body{flex:1;width:100%;display:flex;position:relative}.app-sidebar{-webkit-backdrop-filter:blur(12px);border-right:1px solid var(--border-color);z-index:90;background:#fffdf2f2;flex-direction:column;flex-shrink:0;width:250px;min-height:calc(100vh - 64px);transition:width .28s cubic-bezier(.4,0,.2,1);display:flex;position:sticky;top:64px;box-shadow:2px 0 12px -4px #122c300a}.app-sidebar.collapsed{width:72px}.sidebar-header{border-bottom:1px solid #01808114;justify-content:space-between;align-items:center;height:52px;padding:14px 16px;display:flex}.sidebar-header-left{align-items:center;gap:10px;display:flex}.sidebar-brand-label{font-family:var(--font-heading);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);white-space:nowrap;font-size:.76rem;font-weight:800}.sidebar-toggle-btn-inline{border:1px solid var(--border-color);width:28px;height:28px;color:var(--primary);cursor:pointer;transition:var(--transition-fast);background:#fffdf2;border-radius:6px;outline:none;justify-content:center;align-items:center;display:inline-flex}.sidebar-toggle-btn-inline:hover{background:var(--primary-glow);border-color:var(--primary);transform:scale(1.06)}.sidebar-collapse-desktop-btn{display:none}.sidebar-close-mobile-btn{border:1px solid var(--border-color);width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:#fffdf2;border-radius:6px;justify-content:center;align-items:center;display:none}.sidebar-content{flex-direction:column;flex:1;gap:20px;padding:16px 10px;display:flex;overflow-y:auto}.sidebar-group{flex-direction:column;gap:4px;display:flex}.sidebar-group-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);margin-bottom:4px;padding:0 10px;font-size:.7rem;font-weight:800}.sidebar-item{border-radius:var(--radius-sm);color:var(--text-secondary);white-space:nowrap;border:1px solid #0000;align-items:center;gap:12px;padding:10px 14px;font-size:.88rem;font-weight:600;text-decoration:none;transition:all .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.sidebar-item-icon{color:var(--text-muted);flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,transform .2s;display:flex}.sidebar-item-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar-item:hover{background:var(--primary-glow);color:var(--primary);transform:translate(2px)}.sidebar-item:hover .sidebar-item-icon{color:var(--primary);transform:scale(1.05)}.sidebar-item.active{color:var(--primary);background:#fff;border-color:#0180812e;font-weight:700;box-shadow:0 2px 8px -2px #122c301a}.sidebar-item.active .sidebar-item-icon{color:var(--primary)}.sidebar-active-indicator{background:var(--primary);border-radius:0 4px 4px 0;width:4px;position:absolute;top:6px;bottom:6px;left:0}.app-sidebar.collapsed .sidebar-item{justify-content:center;padding:11px 0}.app-sidebar.collapsed .sidebar-item-label{display:none}.sidebar-footer{color:var(--text-muted);text-align:center;border-top:1px solid #01808114;padding:14px;font-size:.72rem}.app-layout-main{min-width:0;padding:var(--page-padding);flex:1;animation:.35s ease-out forwards fadeIn}@media (width<=991px){.app-sidebar{z-index:1000;width:270px;height:100vh;box-shadow:var(--shadow-lg);transition:transform .3s cubic-bezier(.4,0,.2,1);position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.app-sidebar.mobile-open{transform:translate(0)}.sidebar-close-mobile-btn{display:inline-flex}.sidebar-collapse-desktop-btn{display:none}.sidebar-mobile-backdrop{-webkit-backdrop-filter:blur(4px);z-index:999;background:#122c3073;animation:.2s fadeIn;position:fixed;inset:0}.app-layout-main{padding:16px 12px}}.pos-grid-container{grid-template-columns:1.2fr .8fr;align-items:start;gap:20px;display:grid}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;display:grid}@media (width<=992px){.pos-grid-container{grid-template-columns:1fr}}@media (width<=480px){.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr))}.pos-grid-container{gap:16px}}.table-scroll{-webkit-overflow-scrolling:touch;border-radius:var(--radius-sm);width:100%;margin-bottom:12px;overflow-x:auto}.table-scroll::-webkit-scrollbar{height:5px}.table-scroll::-webkit-scrollbar-thumb{background:#01808140;border-radius:4px}.sidebar-mobile-profile-section{display:none!important}@media (width<=991px){.sidebar-mobile-profile-section{border-top:1px solid var(--border-color);background:#0180810a;border-radius:10px;flex-direction:column;gap:12px;margin-top:auto;padding:14px;display:flex!important}.header-right{display:none!important}.grid-4,.grid-3{grid-template-columns:repeat(2,1fr)!important}.app-header{padding:10px 14px}.header-inner{gap:10px}.page-wrapper{padding:16px 12px 60px!important}.card{padding:18px 14px!important}}@media (width<=640px){.grid-4,.grid-3,.grid-2{grid-template-columns:1fr!important}.header-currency-label,.header-divider,.header-logo-sub{display:none!important}.header-user-card{padding:2px 6px!important}.header-user-name{text-overflow:ellipsis;white-space:nowrap;max-width:65px;overflow:hidden}.header-plan-btn span,.header-logout-btn .header-logout-text{display:none!important}.header-plan-btn,.header-logout-btn{justify-content:center;min-width:36px;padding:8px!important}input[type=text],input[type=number],input[type=email],input[type=password],select,textarea{font-size:16px!important}.modal-content,[style*=modalContentStyle]{border-radius:12px!important;width:95%!important;max-width:100%!important;max-height:92vh!important;margin:10px auto!important;padding:18px 14px!important;overflow-y:auto!important}.custom-table th,.custom-table td{padding:10px 8px!important;font-size:.82rem!important}.page-title{font-size:1.25rem!important}.page-subtitle{font-size:.82rem!important}}@media (width<=400px){.header-brand-text{display:none!important}.pos-products-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))!important}}