.admin-navbar{z-index:100;background:#111;border-bottom:1px solid #222;justify-content:space-between;align-items:center;height:70px;padding:0 30px;transition:left .2s;display:flex;position:fixed;top:0;left:280px;right:0}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 15px;left:0}}.admin-navbar.loading{color:#888;justify-content:center;align-items:center;font-size:14px;display:flex}.navbar-left .search-box{background:#0a0a0a;border:1px solid #222;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;min-width:300px;padding:10px 16px;transition:border-color .2s;display:flex}@media (width<=768px){.navbar-left .search-box{display:none}}@media (width<=1200px){.navbar-left .search-box{min-width:250px}}.navbar-left .search-box:focus-within{border-color:#d4af37}.navbar-left .search-box svg{color:#888;flex-shrink:0}.navbar-left .search-box input{color:#fff;background:0 0;border:none;outline:none;width:100%;font-size:14px}.navbar-left .search-box input::placeholder{color:#888}.navbar-left .search-box .clear-search{color:#888;cursor:pointer;transition:color background ease;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;display:flex}.navbar-left .search-box .clear-search:hover{color:#fff;background:#8888881a}.navbar-right{justify-content:flex-end;align-items:center;gap:15px;display:flex}@media (width<=576px){.navbar-right{gap:8px}}.navbar-right .icon-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:10px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:relative}.navbar-right .icon-btn:hover{color:#fff;background:#222}.navbar-right .icon-btn:active{transform:scale(.95)}@media (width<=576px){.navbar-right .icon-btn{width:36px;height:36px}}.notif-wrapper{position:relative}.notif-wrapper .notif-badge{color:#fff;background:#ef4444;border:2px solid #111;border-radius:50%;justify-content:center;align-items:center;width:18px;height:18px;font-size:10px;font-weight:700;animation:2s infinite pulse;display:flex;position:absolute;top:5px;right:5px}@media (width<=576px){.notif-wrapper .notif-badge{width:16px;height:16px;font-size:9px;top:3px;right:3px}}.notif-wrapper .notif-dropdown{z-index:200;background:#111;border:1px solid #222;border-radius:12px;width:360px;max-width:90vw;animation:.2s slideDown;position:absolute;top:calc(100% + 10px);right:0;overflow:hidden;box-shadow:0 20px 50px #00000080}@media (width<=576px){.notif-wrapper .notif-dropdown{width:320px;right:-50px}}@media (width<=400px){.notif-wrapper .notif-dropdown{width:calc(100vw - 30px);right:-80px}}.notif-wrapper .notif-dropdown .notif-header{border-bottom:1px solid #222;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.notif-wrapper .notif-dropdown .notif-header h4{color:#fff;margin:0;font-size:16px;font-weight:600}.notif-wrapper .notif-dropdown .notif-header .notif-actions{justify-content:flex-end;align-items:center;gap:10px;display:flex}.notif-wrapper .notif-dropdown .notif-header .mark-all-read{color:#d4af37;cursor:pointer;background:0 0;border:none;font-size:12px;font-weight:500;transition:color .2s}.notif-wrapper .notif-dropdown .notif-header .mark-all-read:hover{color:#ddc061;text-decoration:underline}.notif-wrapper .notif-dropdown .notif-list{max-height:400px;overflow-y:auto}@media (width<=576px){.notif-wrapper .notif-dropdown .notif-list{max-height:300px}}.notif-wrapper .notif-dropdown .notif-list::-webkit-scrollbar{width:6px}.notif-wrapper .notif-dropdown .notif-list::-webkit-scrollbar-track{background:0 0}.notif-wrapper .notif-dropdown .notif-list::-webkit-scrollbar-thumb{background:#222;border-radius:3px}.notif-wrapper .notif-dropdown .notif-list .notif-empty{color:#888;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:50px 20px;display:flex}.notif-wrapper .notif-dropdown .notif-list .notif-empty svg{opacity:.5}.notif-wrapper .notif-dropdown .notif-list .notif-empty p{margin:0;font-size:14px}.notif-wrapper .notif-dropdown .notif-list .notif-item{cursor:pointer;border-bottom:1px solid #222;justify-content:space-between;align-items:flex-start;padding:16px 20px;transition:background .2s;display:flex}.notif-wrapper .notif-dropdown .notif-list .notif-item:last-child{border-bottom:none}.notif-wrapper .notif-dropdown .notif-list .notif-item:hover{background:#d4af370d}.notif-wrapper .notif-dropdown .notif-list .notif-item.unread{background:#d4af3714;border-left:3px solid #d4af37;padding-left:17px}.notif-wrapper .notif-dropdown .notif-list .notif-item.read{opacity:.7}.notif-wrapper .notif-dropdown .notif-list .notif-item .notif-content{flex:1;min-width:0}.notif-wrapper .notif-dropdown .notif-list .notif-item .notif-content .notif-text{color:#fff;margin:0 0 6px;font-size:14px;font-weight:500;line-height:1.4}.unread .notif-wrapper .notif-dropdown .notif-list .notif-item .notif-content .notif-text{font-weight:600}.notif-wrapper .notif-dropdown .notif-list .notif-item .notif-content .notif-time{color:#888;font-size:12px}.notif-wrapper .notif-dropdown .notif-list .notif-item .unread-dot{background:#d4af37;border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-left:12px;animation:2s infinite pulse}.notif-wrapper .notif-dropdown .notif-footer{border-top:1px solid #222;justify-content:center;align-items:center;padding:12px 20px;display:flex}.notif-wrapper .notif-dropdown .notif-footer .clear-notifs{color:#ef4444;cursor:pointer;background:0 0;border:none;font-size:13px;font-weight:500;transition:color .2s}.notif-wrapper .notif-dropdown .notif-footer .clear-notifs:hover{text-decoration:underline}.btn-primary{color:#0a0a0a;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#d4af37,#b8960c);border:none;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:13px;font-weight:700;transition:all .2s;display:flex}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #d4af3766}.btn-primary:active{transform:translateY(0)}@media (width<=576px){.btn-primary{padding:10px}.btn-primary span{display:none}}.profile-menu{position:relative}.profile-menu .avatar-wrapper{cursor:pointer;border-radius:10px;justify-content:flex-start;align-items:center;gap:10px;padding:6px 12px 6px 6px;transition:background .2s;display:flex}.profile-menu .avatar-wrapper:hover{background:#222}@media (width<=576px){.profile-menu .avatar-wrapper{padding:6px}}.profile-menu .avatar-wrapper .avatar-container{position:relative}.profile-menu .avatar-wrapper .avatar-container .avatar-img,.profile-menu .avatar-wrapper .avatar-container .avatar-placeholder{object-fit:cover;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.profile-menu .avatar-wrapper .avatar-container .avatar-placeholder{color:#0a0a0a;background:linear-gradient(135deg,#d4af37,#b8960c);display:none}.profile-menu .avatar-wrapper .avatar-container .avatar-placeholder.visible{display:flex}.profile-menu .avatar-wrapper .avatar-container .avatar-img{border:2px solid #222;display:block}.profile-menu .avatar-wrapper .avatar-container .avatar-img.hidden{display:none}.profile-menu .avatar-wrapper .user-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:flex}@media (width<=576px){.profile-menu .avatar-wrapper .user-info{display:none}}.profile-menu .avatar-wrapper .user-info .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:120px;font-size:14px;font-weight:600;line-height:1.2;overflow:hidden}.profile-menu .avatar-wrapper .user-info .user-role{color:#888;font-size:12px;line-height:1.2}.profile-menu .avatar-wrapper svg{color:#888;transition:transform .2s}.profile-menu .avatar-wrapper svg.rotated{transform:rotate(180deg)}@media (width<=576px){.profile-menu .avatar-wrapper svg{display:none}}.profile-menu .profile-dropdown{z-index:1000;background:#111;border:1px solid #222;border-radius:16px;width:280px;max-width:90vw;animation:.2s slideDown;position:absolute;top:calc(100% + 12px);right:0;overflow:hidden;box-shadow:0 20px 60px #00000080}@media (width<=576px){.profile-menu .profile-dropdown{width:260px;right:-20px}}@media (width<=400px){.profile-menu .profile-dropdown{width:calc(100vw - 30px);right:-10px}}.profile-menu .profile-dropdown .dropdown-section{padding:16px}.profile-menu .profile-dropdown .user-section{background:linear-gradient(135deg,#d4af3733,#635bff33);margin:0;padding:20px 16px}.profile-menu .profile-dropdown .user-section .user-details{justify-content:flex-start;align-items:center;gap:14px;display:flex}.profile-menu .profile-dropdown .user-section .user-details .avatar-large{color:#0a0a0a;background:linear-gradient(135deg,#d4af37,#b8960c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:20px;display:flex;overflow:hidden}.profile-menu .profile-dropdown .user-section .user-details .avatar-large img{object-fit:cover;border-radius:50%;width:100%;height:100%}.profile-menu .profile-dropdown .user-section .user-details .avatar-large img.hidden{display:none}.profile-menu .profile-dropdown .user-section .user-details .avatar-large .avatar-fallback{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.profile-menu .profile-dropdown .user-section .user-details .avatar-large .avatar-fallback.hidden{display:none}.profile-menu .profile-dropdown .user-section .user-details .user-text{flex:1;min-width:0}.profile-menu .profile-dropdown .user-section .user-details .user-text .user-name-large{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:16px;font-weight:700;overflow:hidden}.profile-menu .profile-dropdown .user-section .user-details .user-text .user-email{color:#888;white-space:nowrap;text-overflow:ellipsis;margin-bottom:8px;font-size:13px;overflow:hidden}.profile-menu .profile-dropdown .user-section .user-details .user-text .user-role-badge{color:#d4af37;text-transform:uppercase;letter-spacing:.5px;background:#d4af3733;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:600;display:inline-block}.profile-menu .profile-dropdown .dropdown-divider{background:#222;height:1px;margin:0}.profile-menu .profile-dropdown .dropdown-item{color:#fff;cursor:pointer;background:0 0;border:none;border-radius:8px;justify-content:flex-start;align-items:center;gap:12px;width:100%;padding:14px 16px;font-size:14px;font-weight:500;transition:background .2s;display:flex}.profile-menu .profile-dropdown .dropdown-item:hover{background:#222}.profile-menu .profile-dropdown .dropdown-item svg{color:#888;flex-shrink:0;transition:color .2s}.profile-menu .profile-dropdown .dropdown-item:hover svg{color:#d4af37}.profile-menu .profile-dropdown .dropdown-item.logout,.profile-menu .profile-dropdown .dropdown-item.logout svg{color:#ef4444}.profile-menu .profile-dropdown .dropdown-item.logout:hover{background:#ef44441a}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@media (width<=1400px){.admin-navbar .navbar-left .search-box{min-width:250px}}@media (width<=1200px){.admin-navbar .navbar-left .search-box{min-width:200px}}@media (width<=992px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{height:60px;padding:0 15px;left:0}.admin-navbar .navbar-left .search-box{display:none}.admin-navbar .navbar-right{gap:10px}}@media (width<=576px){.admin-navbar .navbar-right .icon-btn{width:36px;height:36px}.admin-navbar .navbar-right .btn-primary{padding:8px}.admin-navbar .navbar-right .btn-primary span{display:none}}@media (width<=400px){.admin-navbar{padding:0 10px}.admin-navbar .navbar-right{gap:6px}.admin-navbar .navbar-right .icon-btn{width:32px;height:32px}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}.mobile-menu-btn{z-index:1001;color:#fff;cursor:pointer;background:#111;border:1px solid #222;border-radius:12px;justify-content:center;align-items:center;width:45px;height:45px;transition:all .3s;display:flex;position:fixed;top:15px;left:15px;box-shadow:0 4px 12px #0000004d}.mobile-menu-btn:hover{background:#222;transform:scale(1.05)}.mobile-menu-btn:active{transform:scale(.95)}@media (width>=769px){.mobile-menu-btn{display:none}}@media (width<=480px){.mobile-menu-btn{width:40px;height:40px;top:12px;left:12px}}.sidebar-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:999;background:#000c;transition:opacity .3s;position:fixed;inset:0}@media (width>=769px){.sidebar-overlay{display:none}}.sidebar-header{border-bottom:1px solid #222;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:70px;min-height:70px;padding:20px;transition:padding .3s;display:flex}.sidebar-header .logo{justify-content:flex-start;align-items:center;gap:12px;width:100%;transition:justify-content .3s;display:flex;overflow:hidden}.sidebar-header .logo .logo-icon{object-fit:cover;border:2px solid #d4af37;border-radius:10px;flex-shrink:0;width:40px;height:40px}.sidebar-header .logo .logo-text{color:#fff;white-space:nowrap;font-size:16px;font-weight:800}.sidebar-header .toggle-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:8px;flex-shrink:0;padding:8px;transition:all .3s}.sidebar-header .toggle-btn:hover{color:#fff;background:#222}.sidebar-header .toggle-btn svg{transition:transform .3s}.sidebar-header .toggle-btn svg.rotated{transform:rotate(180deg)}@media (width<=1024px){.sidebar-header .toggle-btn{display:none}}.sidebar-nav{flex:1;width:100%;padding:20px 0;overflow:hidden auto}.sidebar-nav::-webkit-scrollbar{width:4px}.sidebar-nav::-webkit-scrollbar-track{background:0 0}.sidebar-nav::-webkit-scrollbar-thumb{background:#222;border-radius:2px}.sidebar-nav .nav-item-wrapper{margin-bottom:5px}.sidebar-nav .nav-item{color:#888;white-space:nowrap;border-radius:10px;justify-content:flex-start;align-items:center;gap:15px;margin:0 10px;padding:15px 20px;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.sidebar-nav .nav-item:hover{color:#fff;background:#222}.sidebar-nav .nav-item.active{color:#d4af37;background:#d4af371a}.sidebar-nav .nav-item.active:before{content:"";background:#d4af37;border-radius:0 3px 3px 0;width:3px;height:20px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.sidebar-nav .nav-item svg{flex-shrink:0;width:20px;min-width:20px;height:20px}.sidebar-nav .nav-item .nav-label{white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:500;overflow:hidden}.sidebar-nav .nav-item .sub-indicator{flex-shrink:0;margin-left:auto;transition:transform .3s}.sidebar-nav .nav-item .sub-indicator.active{transform:rotate(90deg)}.sidebar-nav .sub-nav{padding-left:55px;transition:max-height .3s;overflow:hidden}.sidebar-nav .sub-nav.expanded{max-height:200px;margin-top:5px}.sidebar-nav .sub-nav:not(.expanded){max-height:0}.sidebar-nav .sub-nav .sub-nav-item{color:#888;white-space:nowrap;text-overflow:ellipsis;border-radius:8px;margin:2px 0;padding:10px 15px;font-size:13px;text-decoration:none;transition:all .3s;display:block;overflow:hidden}.sidebar-nav .sub-nav .sub-nav-item:hover{color:#fff;background:#22222280}.sidebar-nav .sub-nav .sub-nav-item.active{color:#d4af37;background:#d4af371a}.sidebar-footer{border-top:1px solid #222;flex-shrink:0;width:100%;padding:20px;transition:padding .3s}.sidebar-footer .logout-btn{color:#ef4444;cursor:pointer;background:0 0;border:1px solid #ef444480;border-radius:10px;justify-content:flex-start;align-items:center;gap:12px;width:100%;margin-bottom:15px;padding:12px;font-size:14px;font-weight:500;transition:all .3s;display:flex;overflow:hidden}.sidebar-footer .logout-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444;box-shadow:0 4px 12px #ef44444d}.sidebar-footer .logout-btn svg{flex-shrink:0;width:18px;min-width:18px;height:18px}.sidebar-footer .logout-btn span{white-space:nowrap}.sidebar-footer .admin-info{justify-content:flex-start;align-items:center;gap:12px;display:flex;overflow:hidden}.sidebar-footer .admin-info .admin-avatar{background:linear-gradient(135deg,#d4af37,#b8960c);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:18px;display:flex}.sidebar-footer .admin-info .admin-details{overflow:hidden}.sidebar-footer .admin-info .admin-details .admin-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;display:block;overflow:hidden}.sidebar-footer .admin-info .admin-details .admin-role{color:#888;white-space:nowrap;text-overflow:ellipsis;font-size:12px;display:block;overflow:hidden}@media (width<=480px){.admin-sidebar,.admin-sidebar.closed{width:100%;max-width:280px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.sidebar-header{height:60px;min-height:60px;padding:15px}.sidebar-header .logo .logo-icon{width:36px;height:36px}.sidebar-nav{padding:15px 0}.sidebar-nav .nav-item{margin:0 8px;padding:12px 15px}.sidebar-nav .sub-nav{padding-left:50px}.sidebar-footer{padding:15px}}@media (width<=360px){.admin-sidebar{max-width:260px}}@media (height<=600px) and (width<=768px){.sidebar-footer .admin-info{display:none}}@media (prefers-reduced-motion:reduce){.admin-sidebar,.mobile-menu-btn,.sidebar-overlay,.nav-item,.sub-nav,.logout-btn,.toggle-btn svg,.sub-indicator{transition:none!important}}:root{--color-bg-primary:#0a0a0a;--color-bg-secondary:#111;--color-bg-tertiary:#1a1a1a;--color-bg-elevated:#222;--color-gold-primary:#d4af37;--color-gold-light:#e4c44a;--color-gold-dark:#b8960c;--color-gold-muted:#d4af371a;--color-text-primary:#fff;--color-text-secondary:#a0a0a0;--color-text-muted:#666;--color-text-disabled:#444;--color-border:#2a2a2a;--color-border-focus:#d4af37;--color-error:#ef4444;--color-success:#22c55e;--color-warning:#f59e0b;--color-peptide-primary:#d4af37;--color-peptide-glow:#d4af3726;--color-molecule-n:#22c55e;--color-molecule-c:#d4af37;--color-molecule-o:#3b82f6;--color-molecule-h:#fff;--color-chain:#d4af374d;--space-xs:.25rem;--space-sm:.5rem;--space-md:1rem;--space-lg:1.5rem;--space-xl:2rem;--space-2xl:3rem;--font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--text-xs:clamp(.75rem, .7rem + .25vw, .875rem);--text-sm:clamp(.875rem, .8rem + .35vw, 1rem);--text-base:clamp(1rem, .9rem + .5vw, 1.125rem);--text-lg:clamp(1.125rem, 1rem + .65vw, 1.25rem);--text-xl:clamp(1.25rem, 1.1rem + .8vw, 1.5rem);--text-2xl:clamp(1.5rem, 1.3rem + 1vw, 2rem);--text-3xl:clamp(2rem, 1.5rem + 2.5vw, 3rem);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.35s cubic-bezier(.4, 0, .2, 1);--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-xl:24px;--radius-full:9999px;--peptide-float-duration:25s;--peptide-pulse-duration:4s}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-sans);font-size:var(--text-base);color:var(--color-text-primary);background-color:var(--color-bg-primary);min-height:100vh;font-weight:400;line-height:1.6;overflow-x:hidden}@keyframes float-peptide{0%{opacity:0;transform:translateY(110vh)rotate(0)translate(0)}5%{opacity:.12}95%{opacity:.12}to{opacity:0;transform:translateY(-10vh)rotate(360deg)translate(30px)}}@keyframes float-peptide-reverse{0%{opacity:0;transform:translateY(110vh)rotate(0)translate(0)}5%{opacity:.1}95%{opacity:.1}to{opacity:0;transform:translateY(-10vh)rotate(-360deg)translate(-30px)}}@keyframes float-peptide-slow{0%{opacity:0;transform:translateY(110vh)scale(.8)rotate(0)}10%{opacity:.08}90%{opacity:.08}to{opacity:0;transform:translateY(-10vh)scale(1.2)rotate(180deg)}}@keyframes molecule-pulse{0%,to{filter:drop-shadow(0 0 5px var(--color-peptide-glow));transform:scale(1)}50%{filter:drop-shadow(0 0 20px #d4af3766);transform:scale(1.1)}}@keyframes helix-rotate{0%{transform:rotateY(0)rotateX(15deg)}to{transform:rotateY(360deg)rotateX(15deg)}}@keyframes bond-pulse{0%,to{opacity:.3;stroke-width:1px}50%{opacity:.8;stroke-width:2px}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.peptide-background{pointer-events:none;z-index:0;background:radial-gradient(ellipse at 30% 70%, #22c55e08 0%, transparent 40%), radial-gradient(ellipse at 70% 30%, #d4af370a 0%, transparent 40%), radial-gradient(ellipse at 50% 50%, #3b82f605 0%, transparent 60%), linear-gradient(180deg, var(--color-bg-primary) 0%, #0a0a0a 100%);position:fixed;inset:0;overflow:hidden}.peptide-background:before{content:"";opacity:.5;pointer-events:none;background-image:linear-gradient(#d4af3708 1px,#0000 1px),linear-gradient(90deg,#d4af3708 1px,#0000 1px);background-size:50px 50px;position:absolute;inset:0}.peptides-container{pointer-events:none;position:absolute;inset:0;overflow:hidden}.molecule{opacity:0;filter:drop-shadow(0 0 15px #d4af3766);text-shadow:0 0 30px #d4af3780;will-change:transform, opacity;position:absolute}.molecule.icon-dna:before{content:"🧬"}.molecule.icon-microscope:before{content:"🔬"}.molecule.icon-atom:before{content:"⚛️"}.molecule.icon-pill:before{content:"💊"}.molecule.icon-dna-strand:before{content:"🧪"}.molecule.size-xs{font-size:1.5rem}.molecule.size-sm{font-size:2rem}.molecule.size-md{font-size:2.5rem}.molecule.size-lg{font-size:3.5rem}.molecule.size-xl{font-size:4.5rem}.molecule.speed-slow{animation:28s linear infinite float-peptide-slow}.molecule.speed-normal{animation:20s linear infinite float-peptide}.molecule.speed-fast{animation:15s linear infinite float-peptide-reverse}.molecule:first-child{animation-delay:0s;left:3%}.molecule:nth-child(2){animation-delay:3s;left:12%}.molecule:nth-child(3){animation-delay:6s;left:22%}.molecule:nth-child(4){animation-delay:1s;left:32%}.molecule:nth-child(5){animation-delay:4s;left:42%}.molecule:nth-child(6){animation-delay:7s;left:52%}.molecule:nth-child(7){animation-delay:2s;left:62%}.molecule:nth-child(8){animation-delay:5s;left:72%}.molecule:nth-child(9){animation-delay:8s;left:82%}.molecule:nth-child(10){animation-delay:10s;left:92%}.molecule:nth-child(11){animation-delay:12s;left:7%}.molecule:nth-child(12){animation-delay:14s;left:17%}.molecule:nth-child(13){animation-delay:16s;left:27%}.molecule:nth-child(14){animation-delay:18s;left:37%}.molecule:nth-child(15){animation-delay:20s;left:47%}.helix-container{opacity:.1;will-change:transform;width:200px;height:300px;animation:30s linear infinite float-peptide-slow;position:absolute}.helix-container svg{will-change:transform;width:100%;height:100%;animation:15s linear infinite helix-rotate}.helix-container svg .helix-strand{fill:none;stroke:var(--color-peptide-primary);stroke-width:2px;stroke-linecap:round;filter:drop-shadow(0 0 5px var(--color-peptide-primary))}.helix-container svg .helix-rung{stroke:#d4af3780;stroke-width:1px}.helix-container.helix-1{animation-delay:0s;top:20%;right:5%}.helix-container.helix-2{animation-delay:10s;bottom:10%;left:5%;transform:scaleX(-1)}.energy-particle{background:var(--color-peptide-primary);opacity:0;width:4px;height:4px;box-shadow:0 0 10px var(--color-peptide-primary);will-change:transform, opacity;border-radius:50%;animation:20s linear infinite float-peptide;position:absolute}.energy-particle.p-1{animation-delay:0s;left:20%}.energy-particle.p-2{animation-delay:5s;left:40%}.energy-particle.p-3{animation-delay:10s;left:60%}.energy-particle.p-4{animation-delay:15s;left:80%}.energy-particle.p-5{animation-delay:8s;left:30%}.energy-particle.p-6{animation-delay:3s;left:70%}.admin-login-page{justify-content:center;align-items:center;min-height:100vh;display:flex;position:relative;overflow:hidden}.admin-login-page:before{content:"";opacity:.02;pointer-events:none;z-index:1;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.login-container{z-index:10;width:100%;max-width:440px;padding:var(--space-md);animation:.8s ease-out fadeIn;position:relative}.login-brand{text-align:center;margin-bottom:var(--space-xl)}.login-brand .brand-logo{width:90px;height:90px;margin:0 auto var(--space-lg);border-radius:var(--radius-lg);object-fit:contain;border:2px solid #d4af374d;box-shadow:0 0 30px #d4af374d,0 10px 40px #0006}.login-brand h1{font-size:var(--text-3xl);color:var(--color-gold-primary);letter-spacing:.15em;margin-bottom:var(--space-xs);text-shadow:0 0 20px #d4af3780,0 2px 4px #00000080;background:linear-gradient(135deg, var(--color-gold-light), var(--color-gold-primary), var(--color-gold-dark));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-weight:800}.login-brand p{color:var(--color-text-secondary);font-size:var(--text-lg);letter-spacing:.1em;text-transform:uppercase}.login-form{-webkit-backdrop-filter:blur(20px)saturate(180%);backdrop-filter:blur(20px)saturate(180%);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-2xl);background:#111111d9;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080,0 0 0 1px #d4af371a}.login-form:before{content:"";background:linear-gradient(90deg, transparent, var(--color-molecule-n), var(--color-peptide-primary), var(--color-molecule-c), transparent);height:3px;box-shadow:0 0 20px var(--color-peptide-primary);animation:3s ease-in-out infinite bond-pulse;position:absolute;top:0;left:0;right:0}.login-form .form-header{text-align:center;margin-bottom:var(--space-xl)}.login-form .form-header .shield-icon{color:var(--color-gold-primary);margin-bottom:var(--space-md);filter:drop-shadow(0 0 10px #d4af3780)}.login-form .form-header h2{font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.login-form .form-group{margin-bottom:var(--space-lg)}.login-form .form-group label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-secondary);margin-bottom:var(--space-sm);font-weight:600;display:block}.login-form .form-group input{width:100%;padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--text-base);transition:all var(--transition-base);background:#0a0a0acc}.login-form .form-group input::placeholder{color:var(--color-text-disabled)}.login-form .form-group input:focus{border-color:var(--color-gold-primary);box-shadow:0 0 0 4px var(--color-gold-muted), 0 0 20px #d4af3733;outline:none}.login-form .form-group input:disabled{opacity:.6;cursor:not-allowed}.login-form .password-input{position:relative}.login-form .password-input input{padding-right:3.5rem}.login-form .password-input .toggle-password{right:var(--space-sm);padding:var(--space-sm);color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.login-form .password-input .toggle-password:hover:not(:disabled){color:var(--color-gold-primary);background:var(--color-gold-muted)}.login-form .password-input .toggle-password:disabled{opacity:.5;cursor:not-allowed}.btn-login{width:100%;padding:var(--space-md);margin-top:var(--space-xl);background:linear-gradient(135deg, var(--color-gold-primary), var(--color-gold-dark));color:var(--color-bg-primary);font-size:var(--text-base);border-radius:var(--radius-md);justify-content:center;align-items:center;gap:var(--space-sm);transition:all var(--transition-base);cursor:pointer;border:none;font-weight:700;display:flex;position:relative;overflow:hidden}.btn-login:before{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);position:absolute;inset:0;transform:translate(-100%)}.btn-login:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #d4af3766,0 0 0 1px #d4af3780}.btn-login:hover:not(:disabled):before{animation:1.5s infinite shimmer}.btn-login:active:not(:disabled){transform:translateY(0)}.btn-login:disabled{opacity:.7;cursor:not-allowed}.btn-login .spinner{border:2px solid #0000004d;border-top-color:var(--color-bg-primary);border-radius:50%;width:20px;height:20px;animation:.8s linear infinite spin}.login-footer{text-align:center;margin-top:var(--space-xl);color:var(--color-text-muted);font-size:var(--text-xs)}.login-footer p:first-child{color:var(--color-gold-primary);margin-bottom:var(--space-xs);justify-content:center;align-items:center;gap:var(--space-xs);display:flex}@media (width<=768px){.molecule:nth-child(n+9){display:none}.molecule.size-xl{font-size:3rem}.molecule.size-lg{font-size:2.5rem}.helix-container{opacity:.08;width:120px;height:180px}.helix-container.helix-2,.energy-particle:nth-child(n+4){display:none}.login-container{padding:var(--space-sm)}.login-brand .brand-logo{width:70px;height:70px}.login-brand h1{font-size:var(--text-2xl)}.login-form{padding:var(--space-xl)}}@media (width>=769px) and (width<=1024px){.molecule:nth-child(n+13){display:none}.helix-container{width:160px;height:240px}}@media (width>=1440px){.peptides-container .molecule.size-xl{font-size:5rem}.peptides-container .molecule.size-lg{font-size:4rem}.helix-container{opacity:.12;width:250px;height:350px}}@media (prefers-reduced-motion:reduce){.peptide-background,.peptides-container,.molecule,.helix-container,.energy-particle,.login-form:before,.btn-login:before{animation:none!important}.molecule,.energy-particle,.helix-container{opacity:.05}.login-container{animation:none}}:focus-visible{outline:2px solid var(--color-gold-primary);outline-offset:2px}::selection{background:var(--color-gold-primary);color:var(--color-bg-primary)}@media (width<=1200px){.dashboard-v2{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.dashboard-v2{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.dashboard-v2{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.welcome-section{flex-direction:column;align-items:stretch;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.welcome-text h2{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=480px){.welcome-text h2{font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=768px){.welcome-text p{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.date-picker{justify-content:space-between;width:100%}}@media (width<=1400px){.stats-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1200px){.stats-section{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.stats-section{grid-template-columns:1fr;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.modern-stat-card{padding:clamp(.75rem,1.5vw,1.25rem)}.modern-stat-card:hover{transform:translateY(-2px)}}@media (width<=480px){.modern-stat-card{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.stat-header{margin-bottom:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.stat-icon-wrapper{width:44px;height:44px}}@media (width<=480px){.stat-icon-wrapper{width:36px;height:36px}}@media (width<=768px){.stat-icon-wrapper svg{width:22px;height:22px}}@media (width<=480px){.stat-icon-wrapper svg{width:18px;height:18px}}@media (width<=480px){.stat-body{margin-bottom:clamp(.5rem,1vw,.875rem)}}@media (width<=1200px){.stat-value{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=480px){.stat-value{font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=480px){.stat-title{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.stat-progress .progress-bar{height:4px}}@media (width<=1400px){.charts-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.charts-section{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.charts-section{gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=1200px){.chart-card{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.chart-card{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.chart-card.main-chart{order:1}.chart-card.side-chart{order:2}}@media (width<=480px){.chart-header{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.chart-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=480px){.chart-header .chart-subtitle{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1200px){.chart-body{height:350px}}@media (width<=768px){.chart-body{height:300px}}@media (width<=480px){.chart-body{height:250px}}@media (width<=768px){.chart-body.doughnut{height:240px}}@media (width<=480px){.chart-body.doughnut{height:200px}}@media (width<=480px){.chart-skeleton.circle{width:150px;height:150px}}@media (width<=480px){.chart-legend-custom{gap:clamp(.375rem,.75vw,.625rem);margin-top:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.legend-item{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.legend-item .dot{width:10px;height:10px}}@media (width<=480px){.legend-item strong{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1400px){.bottom-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.bottom-section{grid-template-columns:1fr}}@media (width<=768px){.bottom-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.bottom-section{gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-header{gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=480px){.panel .panel-header .panel-subtitle{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.btn-view-all{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1200px){.orders-table-container{width:calc(100% + 2*clamp(.75rem,1.5vw,1.25rem));margin:0 calc(-1*clamp(.75rem,1.5vw,1.25rem));padding:0 clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.orders-table-container{width:calc(100% + 2*clamp(.5rem,1vw,.875rem));margin:0 calc(-1*clamp(.5rem,1vw,.875rem));padding:0 clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.modern-table{min-width:500px}}@media (width<=1200px){.modern-table thead th{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modern-table thead th{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=1200px){.modern-table tbody td{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modern-table tbody td{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.order-id{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1200px){.customer-cell{gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.customer-cell{gap:clamp(.375rem,.75vw,.625rem)}}@media (width<=768px){.customer-avatar{width:36px;height:36px}}@media (width<=480px){.customer-avatar{width:32px;height:32px;font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=768px){.customer-info{display:none}}@media (width<=1024px){.customer-name{max-width:160px}}@media (width<=768px){.customer-name{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.order-date{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.order-amount{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.status-pill{padding:4px 8px;font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=1200px){.activity-list{max-height:350px;padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.activity-list{max-height:300px;padding:clamp(.375rem,.75vw,.625rem)}}@media (width<=1200px){.activity-item{gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.activity-item{gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.375rem,.75vw,.625rem)}}@media (width<=768px){.activity-icon{width:36px;height:36px}}@media (width<=480px){.activity-icon{width:32px;height:32px}}@media (width<=480px){.activity-icon svg{width:16px;height:16px}}@media (width<=480px){.activity-header{flex-direction:column;align-items:flex-start;gap:2px}}@media (width<=480px){.activity-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.6875rem,1.25vw,.8125rem);display:-webkit-box}}@media (width<=480px){.activity-amount{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.activity-meta{gap:clamp(.375rem,.75vw,.625rem);font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=1200px){.skeleton-row td{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.skeleton-row td{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.empty-state{gap:clamp(.5rem,1vw,.875rem);padding:clamp(1.25rem,3vw,2.5rem)}}@media (width<=480px){.empty-state svg{width:40px;height:40px}}@media (width<=480px){.empty-state p{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@keyframes slideIn{0%{opacity:0;transform:translate(-10px)}to{opacity:1;transform:translate(0)}}@media (prefers-reduced-motion:reduce){.modern-stat-card,.activity-item,.chart-skeleton,.skeleton-text,.skeleton-badge,.skeleton-icon{animation:none!important}}@media (hover:none) and (pointer:coarse){.modern-stat-card:hover,.activity-item:hover{background:0 0;transform:none}.btn-icon:hover,.refresh-btn:hover,.btn-view-all:hover{transform:none}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}@media (width<=768px){.products-page .filters-bar{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.products-page .filters-bar .search-box{min-width:auto;max-width:100%;padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.products-page .filters-bar .search-box svg{width:16px;height:16px}}@media (width<=768px){.products-page .filters-bar .filter-group{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media (width<=480px){.products-page .filters-bar .filter-group{grid-template-columns:1fr}}@media (width<=768px){.products-page .filters-bar .filter-group select{width:100%;min-width:auto;padding:clamp(.375rem,.75vw,.625rem) clamp(1rem,2vw,1.75rem) clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.products-page .bulk-actions{gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.products-page .bulk-actions{text-align:center;flex-direction:column;align-items:stretch}}@media (width<=768px){.products-page .table-container{border-radius:clamp(8px,1vw,12px);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.products-page .table-container{border-radius:clamp(4px,.5vw,8px)}}@media (width<=1200px){.products-page .products-table{min-width:850px}}@media (width<=1024px){.products-page .products-table{min-width:800px;font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1200px){.products-page .products-table thead th{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.products-page .products-table thead th{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.products-page .products-table thead th input[type=checkbox]{width:16px;height:16px}}@media (width<=1200px){.products-page .products-table tbody tr td{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.products-page .products-table tbody tr td{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.products-page .products-table tbody tr td input[type=checkbox]{width:16px;height:16px}}@media (width<=1024px){.products-page .products-table .product-cell{gap:clamp(.375rem,.75vw,.625rem)}}@media (width<=1200px){.products-page .products-table .product-cell img{width:45px;height:45px}}@media (width<=1024px){.products-page .products-table .product-cell img{width:40px;height:40px}}@media (width<=1200px){.products-page .products-table .product-cell>div .product-name{max-width:160px}}@media (width<=1024px){.products-page .products-table .product-cell>div .product-name{max-width:140px;font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1024px){.products-page .products-table .action-buttons{gap:clamp(.25rem,.5vw,.5rem)}}@media (width<=1024px){.products-page .products-table .action-buttons button{width:28px;height:28px}}@media (width<=1024px){.products-page .products-table .action-buttons button svg{width:14px;height:14px}}@media (width<=768px){.products-page .pagination{text-align:center;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.products-page .pagination>span{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.products-page .pagination .page-buttons{gap:clamp(.25rem,.5vw,.5rem)}}@media (width<=768px){.products-page .pagination .page-buttons button{min-width:32px;height:32px;padding:0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.products-page .pagination .page-buttons button{min-width:28px;height:28px;padding:0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=768px){.products-page .mobile-cards{display:flex}}@media (width<=768px){.products-page .table-container{display:none}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}@media (width<=480px){.product-form-page .back-btn{margin-bottom:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=768px){.product-form-page .page-header{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.product-form-page .page-header h1{font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=480px){.product-form-page .page-header .subtitle{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1200px){.product-form-page .product-form{padding:clamp(1.25rem,3vw,2.5rem)}}@media (width<=768px){.product-form-page .product-form{border-radius:clamp(8px,1vw,12px);padding:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.product-form-page .product-form{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1200px){.product-form-page .form-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.product-form-page .form-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.product-form-page .form-grid{gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.product-form-page .form-section h3{margin-bottom:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.product-form-page .form-group{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.product-form-page .form-group{margin-bottom:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.product-form-page .form-group label{margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.product-form-page .form-group input,.product-form-page .form-group select,.product-form-page .form-group textarea{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.product-form-page .form-group textarea{min-height:100px}}@media (width<=480px){.product-form-page .form-row{grid-template-columns:1fr;gap:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.product-form-page .image-upload .upload-btn{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.product-form-page .image-upload .upload-btn svg{width:24px;height:24px}}@media (width<=480px){.product-form-page .image-upload .upload-btn span{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.product-form-page .image-upload .upload-btn small{font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=480px){.product-form-page .image-preview-grid{grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.product-form-page .image-preview-grid .preview-item .remove-btn{width:1.5rem;height:1.5rem;top:clamp(.25rem,.5vw,.5rem);right:clamp(.25rem,.5vw,.5rem)}}@media (width<=480px){.product-form-page .image-upload-row{gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.product-form-page .image-upload-box{width:100px;height:100px}}@media (width<=480px){.product-form-page .image-upload-box{width:80px;height:80px}}@media (width<=480px){.product-form-page .image-upload-box .upload-placeholder svg{width:20px;height:20px}}@media (width<=480px){.product-form-page .image-upload-box .upload-placeholder span{font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=480px){.product-form-page .remove-image-btn{width:20px;height:20px;top:-6px;right:-6px}.product-form-page .remove-image-btn svg{width:12px;height:12px}}@media (width<=768px){.product-form-page .form-actions{flex-direction:column-reverse;gap:clamp(.5rem,1vw,.875rem);padding-top:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.product-form-page .form-actions .btn{justify-content:center;width:100%}}@media (width<=1200px){.admin-orders-page{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.admin-orders-page{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.admin-orders-page{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr;gap:clamp(.375rem,.75vw,.625rem)}}@media (width<=768px){.stats-grid .stat-card{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.stats-grid .stat-card{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem);display:flex}}@media (width<=768px){.stats-grid .stat-card .stat-value{margin-bottom:0;font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=480px){.stats-grid .stat-card .stat-value{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=480px){.stats-grid .stat-card .stat-label{font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.page-header h1{font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=480px){.page-header h1{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.page-header .btn-export{justify-content:center;width:100%}}@media (width<=768px){.filters-bar{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.filters-bar .search-box{min-width:auto;max-width:100%}}@media (width<=480px){.filters-bar .search-box{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.filters-bar .search-box input{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=768px){.filters-bar .status-filter{width:100%;min-width:auto}}@media (width<=480px){.orders-table-container{border-radius:clamp(8px,1vw,12px);width:calc(100% + 2*clamp(.5rem,1vw,.875rem));margin:0 calc(-1*clamp(.5rem,1vw,.875rem))}}@media (width<=1200px){.orders-table{min-width:900px}}@media (width<=1024px){.orders-table{min-width:800px}}@media (width<=1200px){.orders-table thead th{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.orders-table thead th{padding:clamp(.5rem,1vw,.875rem);font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=1200px){.orders-table tbody td{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.orders-table tbody td{padding:clamp(.375rem,.75vw,.625rem)}}@media (width<=480px){.orders-table .order-id{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.orders-table .customer-info .customer-name{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.orders-table .customer-info .customer-email{font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=768px){.orders-table .products-preview .product-thumb{width:40px;height:40px}}@media (width<=480px){.orders-table .amount{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.orders-table .payment-badge{padding:2px 6px;font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=480px){.orders-table .status-select{padding:2px 6px;font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=480px){.orders-table .action-buttons button{width:28px;height:28px}}@media (width<=480px){.orders-table .action-buttons button svg{width:14px;height:14px}}@media (width<=480px){.modal-overlay{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.modal-content{border-radius:0;max-width:100%;max-height:100vh}}@media (width<=768px){.modal-content .modal-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modal-content .modal-header{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.modal-content .modal-header h2{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=480px){.modal-content .modal-header button svg{width:20px;height:20px}}@media (width<=768px){.modal-content .modal-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modal-content .modal-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.modal-content .detail-section{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modal-content .detail-section p{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.modal-content .detail-products{gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.modal-content .detail-product{gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.modal-content .detail-product{flex-wrap:wrap}}@media (width<=768px){.modal-content .detail-product img{width:60px;height:60px}}@media (width<=480px){.modal-content .detail-product img{width:50px;height:50px}}@media (width<=480px){.modal-content .detail-product .product-info h4{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.modal-content .detail-product .product-info p{font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=768px){.modal-content .detail-product .product-total{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=480px){.modal-content .detail-product .product-total{text-align:right;width:100%;margin-top:clamp(.375rem,.75vw,.625rem)}}@media (width<=480px){.modal-content .detail-totals .total-row{margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.modal-content .detail-totals .total-row.grand{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.mobile-orders{display:flex}}@media (width<=480px){.mobile-orders .mobile-order-card{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.orders-table-container{display:none}}@media (prefers-reduced-motion:reduce){.admin-orders-page,.modal-content,.stat-card,.mobile-order-card{transition:none!important;animation:none!important}}@media (hover:none) and (pointer:coarse){.stat-card:hover,.orders-table tbody tr:hover{background:0 0;transform:none}.action-buttons button:hover{transform:none}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}@media (width<=768px){.order-details-page .order-title-section{flex-direction:column;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.order-details-page .order-title-section h1{font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=1200px){.order-details-page .order-content-grid{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.order-details-page .status-timeline-card .status-timeline{overflow-x:auto}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar{width:6px;height:6px}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar-track{background:0 0}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar-thumb:hover{background:#6b7280}}@media (width<=480px){.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-icon{width:36px;height:36px}}@media (width<=480px){.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-line{top:18px}}@media (width<=480px){.order-details-page .status-timeline-card .status-actions .tracking-form .form-row{flex-direction:column;align-items:stretch}}@media (width<=480px){.order-details-page .status-timeline-card .status-actions .tracking-form .form-row select,.order-details-page .status-timeline-card .status-actions .tracking-form .form-row input{width:100%}}@media (width<=480px){.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions{flex-direction:column}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button{width:100%}}@media (width<=480px){.order-details-page .items-card .items-list .order-item{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.order-details-page .items-card .items-list .order-item .item-image{width:100%;height:200px}}@media (width<=480px){.order-details-page .items-card .items-list .order-item .item-pricing{text-align:left;border-top:1px solid #ffffff14;padding-top:clamp(.5rem,1vw,.875rem)}}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}.add-user-page{color:#f8fafc;background:linear-gradient(135deg,#0f172a 0%,#1a1f2e 100%);min-height:100vh;padding:24px}@media (width<=768px){.add-user-page{padding:16px}}.page-header{margin-bottom:32px}.page-header .btn-back{color:#94a3b8;cursor:pointer;background:0 0;border:1px solid #334155;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;margin-bottom:24px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.page-header .btn-back:hover:not(:disabled){color:#f8fafc;background:#1e293b;border-color:#475569;transform:translate(-2px)}.page-header .btn-back:disabled{opacity:.5;cursor:not-allowed}.page-header .btn-back svg{transition:transform .15s}.page-header .btn-back:hover svg{transform:translate(-3px)}.page-header .header-content h1{background:linear-gradient(135deg,#f8fafc 0%,#94a3b8 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:32px;font-weight:700}@media (width<=768px){.page-header .header-content h1{font-size:24px}}.page-header .header-content p{color:#94a3b8;max-width:600px;font-size:16px;line-height:1.5}.form-wrapper{flex-direction:row;justify-content:space-between;align-items:flex-start;gap:24px;max-width:1400px;display:flex}@media (width<=1024px){.form-wrapper{flex-direction:column}}.user-form{flex-direction:column;flex:1;justify-content:flex-start;align-items:stretch;gap:24px;display:flex}.form-section{background:#1e293b;border:1px solid #334155;border-radius:16px;padding:28px;animation:.4s forwards slideIn;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (width<=768px){.form-section{padding:20px}}.form-section:nth-child(2){animation-delay:.1s}.form-section:nth-child(3){animation-delay:.2s}.form-section .section-header{border-bottom:1px solid #334155;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:16px;margin-bottom:24px;padding-bottom:20px;display:flex}@media (width<=640px){.form-section .section-header{flex-direction:column;gap:12px}}.form-section .section-header .section-icon{color:#6366f1;background:#6366f11a;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.form-section .section-header .section-icon svg{stroke-width:2px}.form-section .section-header .section-title h3{color:#f8fafc;margin-bottom:4px;font-size:18px;font-weight:600}.form-section .section-header .section-title p{color:#64748b;font-size:14px}.form-grid{grid-template-columns:repeat(1,1fr);gap:20px;display:grid}.form-grid.two-columns{grid-template-columns:repeat(2,1fr)}@media (width<=768px){.form-grid.two-columns{grid-template-columns:1fr}}@media (width>=640px){.form-grid{grid-template-columns:repeat(2,1fr)}}.form-field{position:relative}.form-field label{color:#94a3b8;flex-direction:row;justify-content:flex-start;align-items:center;gap:6px;margin-bottom:8px;font-size:14px;font-weight:500;display:flex}.form-field label svg{color:#6366f1}.form-field label .required{color:#ef4444}.form-field input{color:#f8fafc;background:#334155;border:1px solid #334155;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .15s}.form-field input::placeholder{color:#64748b}.form-field input:hover:not(:disabled){border-color:#475569}.form-field input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.form-field input:disabled{opacity:.6;cursor:not-allowed}.form-field input.error{border-color:#ef4444;animation:.3s shake}.form-field input.error:focus{box-shadow:0 0 0 3px #ef44441a}.form-field .input-wrapper{position:relative}.form-field .input-wrapper input{padding-right:44px}.form-field .input-wrapper .toggle-password{color:#64748b;cursor:pointer;background:0 0;border:none;flex-direction:row;justify-content:center;align-items:center;padding:4px;transition:color .15s;display:flex;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-field .input-wrapper .toggle-password:hover{color:#f8fafc}.form-field .error-message{color:#ef4444;flex-direction:row;justify-content:flex-start;align-items:center;gap:4px;margin-top:6px;font-size:12px;display:flex}.form-field .error-message:before{content:"⚠"}.form-field .help-text{color:#64748b;margin-top:6px;font-size:12px;display:block}.form-field.has-error input{border-color:#ef4444}.form-field.has-error input:focus{box-shadow:0 0 0 3px #ef44441a}.form-field.is-valid input{border-color:#10b981}.form-field.is-valid input:focus{box-shadow:0 0 0 3px #10b9811a}.select-wrapper{position:relative}.select-wrapper select{color:#f8fafc;background:#334155;border:1px solid #334155;border-radius:10px;width:100%;padding:12px 16px;font-size:14px;transition:all .15s}.select-wrapper select::placeholder{color:#64748b}.select-wrapper select:hover:not(:disabled){border-color:#475569}.select-wrapper select:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f11a}.select-wrapper select:disabled{opacity:.6;cursor:not-allowed}.select-wrapper select{appearance:none;cursor:pointer;padding-right:40px}.select-wrapper select option{color:#f8fafc;background:#1e293b}.select-wrapper:after{content:"";pointer-events:none;border-top:5px solid #64748b;border-left:5px solid #0000;border-right:5px solid #0000;width:0;height:0;position:absolute;top:50%;right:16px;transform:translateY(-50%)}.role-badge{text-transform:uppercase;letter-spacing:.5px;border-radius:20px;align-items:center;gap:6px;margin-top:10px;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.role-badge.role-admin{color:#fca5a5;background:#ef444426;border:1px solid #ef44444d}.role-badge.role-moderator{color:#fcd34d;background:#f59e0b26;border:1px solid #f59e0b4d}.role-badge.role-customer{color:#6ee7b7;background:#10b98126;border:1px solid #10b9814d}.role-description{color:#94a3b8;background:#ffffff08;border-left:3px solid #6366f1;border-radius:10px;margin-top:10px;padding:12px;font-size:13px;line-height:1.5}.status-options{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;display:flex}.status-card{cursor:pointer;background:#ffffff08;border:2px solid #0000;border-radius:10px;flex-direction:row;justify-content:flex-start;align-items:center;gap:16px;padding:16px;transition:all .15s;display:flex}.status-card input{display:none}.status-card .status-indicator{border:3px solid #334155;border-radius:50%;width:20px;height:20px;transition:all .15s;position:relative}.status-card .status-indicator:after{content:"";background:#fff;border-radius:50%;width:8px;height:8px;transition:transform .15s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(0)}.status-card .status-indicator.active{background:#10b981;border-color:#10b981}.status-card .status-indicator.inactive{border-color:#64748b}.status-card .status-content{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;display:flex}.status-card .status-content .status-label{color:#f8fafc;font-size:14px;font-weight:600}.status-card .status-content .status-desc{color:#64748b;font-size:12px}.status-card:hover{background:#ffffff0f;border-color:#334155}.status-card.selected{background:#6366f11a;border-color:#6366f1}.status-card.selected .status-indicator.active:after{transform:translate(-50%,-50%)scale(1)}.status-card.selected .status-indicator.inactive{background:#64748b;border-color:#64748b}.status-card.selected .status-indicator.inactive:after{transform:translate(-50%,-50%)scale(1)}.form-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:16px;margin-top:8px;padding-top:24px;display:flex}@media (width<=640px){.form-actions{flex-direction:column-reverse}.form-actions button{justify-content:center;width:100%}}.form-actions button{cursor:pointer;border:none;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:8px;padding:14px 28px;font-size:14px;font-weight:600;transition:all .15s;display:flex}.form-actions button:disabled{opacity:.6;cursor:not-allowed}.form-actions button svg{stroke-width:2px}.form-actions button .spinner{animation:1s linear infinite spin}.form-actions .btn-secondary{color:#94a3b8;background:0 0;border:1px solid #334155}.form-actions .btn-secondary:hover:not(:disabled){color:#f8fafc;background:#1e293b;border-color:#475569}.form-actions .btn-primary{color:#fff;background:#6366f1;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.form-actions .btn-primary:hover:not(:disabled){background:#4f46e5;transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d,0 0 20px #6366f14d}.form-actions .btn-primary:active:not(:disabled){transform:translateY(0)}.summary-card{background:#1e293b;border:1px solid #334155;border-radius:16px;width:320px;height:fit-content;padding:28px;position:sticky;top:24px;box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}@media (width<=1024px){.summary-card{width:100%;position:static}}.summary-card h4{color:#f8fafc;border-bottom:1px solid #334155;margin-bottom:24px;padding-bottom:16px;font-size:16px;font-weight:600}.summary-card .preview-avatar{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 20px;font-size:32px;font-weight:700;display:flex;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.summary-card .preview-info{text-align:center;margin-bottom:24px}.summary-card .preview-info .preview-name{color:#f8fafc;word-break:break-word;margin-bottom:4px;font-size:18px;font-weight:600}.summary-card .preview-info .preview-email{color:#64748b;word-break:break-word;margin-bottom:12px;font-size:14px}.summary-card .preview-info .preview-badges{flex-flow:wrap;justify-content:center;align-items:center;gap:8px;display:flex}.summary-card .preview-info .preview-badges .badge{text-transform:uppercase;letter-spacing:.5px;border-radius:12px;padding:4px 10px;font-size:11px;font-weight:600}.summary-card .preview-info .preview-badges .badge.role-admin{color:#fca5a5;background:#ef444433}.summary-card .preview-info .preview-badges .badge.role-moderator{color:#fcd34d;background:#f59e0b33}.summary-card .preview-info .preview-badges .badge.role-customer,.summary-card .preview-info .preview-badges .badge.status-active{color:#6ee7b7;background:#10b98133}.summary-card .preview-info .preview-badges .badge.status-inactive{color:#64748b;background:#64748b33}.summary-card .preview-permissions h5{color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px;font-size:12px;font-weight:600}.summary-card .preview-permissions ul{padding:0;list-style:none}.summary-card .preview-permissions ul li{color:#94a3b8;flex-direction:row;justify-content:flex-start;align-items:center;gap:8px;padding:6px 0;font-size:13px;display:flex}.summary-card .preview-permissions ul li:before{content:"";background:#10b981;border-radius:50%;width:6px;height:6px}.summary-card .preview-permissions ul li[class*=no-access]{color:#64748b}.summary-card .preview-permissions ul li[class*=no-access]:before{background:#64748b}:global .Toastify__toast{color:#f8fafc;background:#1e293b;border:1px solid #334155;border-radius:10px}:global .Toastify__toast--success{border-left:4px solid #10b981}:global .Toastify__toast--error{border-left:4px solid #ef4444}:global .Toastify__toast-body{font-size:14px}:global .Toastify__close-button{color:#94a3b8}:global .Toastify__close-button:hover{color:#f8fafc}@media (width<=1280px){.form-wrapper{gap:20px}.summary-card{width:280px}}@media (width<=1024px){.add-user-page{padding:20px}.form-wrapper{flex-direction:column}.summary-card{order:-1;width:100%;margin-bottom:24px;position:static}.summary-card .preview-permissions{display:none}}@media (width<=640px){.page-header .header-content h1{font-size:22px}.page-header .header-content p{font-size:14px}.form-section{padding:20px 16px}.form-section .section-header .section-icon{width:40px;height:40px}.form-section .section-header .section-icon svg{width:20px;height:20px}.form-section .section-header .section-title h3{font-size:16px}.form-section .section-header .section-title p{font-size:13px}.form-actions{padding-top:20px}.form-actions button{padding:12px 20px;font-size:13px}}@media (prefers-color-scheme:dark){.add-user-page{background:linear-gradient(135deg,#0a0e1a 0%,#121829 100%)}}@media print{.add-user-page{color:#000;background:#fff}.btn-back,.form-actions,.summary-card{display:none}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}@media (width>=768px){.users-page{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=1200px){.users-page{padding:clamp(1.25rem,3vw,2.5rem)}}@media (width>=768px){.users-page .users-header{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=480px){.users-page .users-header .btn-add-user{width:auto}}@media (width>=480px){.users-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width>=1024px){.users-page .stats-grid{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.users-page .stats-grid .stat-card{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.users-page .stats-grid .stat-card .stat-icon{width:50px;height:50px}}@media (width>=768px){.users-page .stats-grid .stat-card .stat-icon svg{width:24px;height:24px}}@media (width>=768px){.users-page .filters-section .filters-row{flex-flow:wrap;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width>=768px){.users-page .filters-section .filters-row .search-box{flex:1;min-width:280px;max-width:400px}}@media (width>=480px){.users-page .filters-section .filters-row .filters-group{grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=768px){.users-page .filters-section .filters-row .filters-group{flex-direction:row;width:auto;display:flex}}@media (width>=768px){.users-page .filters-section .filters-row .filters-group select,.users-page .filters-section .filters-row .filters-group .btn-filter{width:auto}}@media (width>=768px){.users-page .filters-section .filters-row .filters-group .btn-filter{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width>=1024px){.users-page .table-section .table-container{display:block}}@media (width>=1024px) and (width<=1199px){.users-page .table-section .table-container{overflow-x:auto}.users-page .table-section .table-container table{min-width:900px}}@media (width>=1200px){.users-page .table-section .table-container table .user-cell .user-avatar{width:40px;height:40px}}@media (width>=1200px){.users-page .table-section .table-container table .user-cell .user-info .user-name{max-width:200px}}@media (width>=1200px){.users-page .table-section .table-container table .actions-cell .btn-action{width:32px;height:32px}}@media (width>=1024px){.users-page .mobile-cards{display:none}}@media (width>=768px){.users-page .mobile-cards .user-card{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.users-page .mobile-cards .user-card .card-details .card-detail{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width>=480px){.users-page .mobile-cards .user-card .card-footer .card-actions button{width:44px;height:44px}}@media (width>=480px){.users-page .pagination{flex-direction:row;justify-content:space-between;align-items:center}}@media (width>=480px){.users-page .pagination .pagination-info{text-align:left}}@media (width>=480px){.users-page .bulk-actions{flex-direction:row;min-width:300px;padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem);left:50%;right:auto;transform:translate(-50%)}}@media (width>=768px){.users-page .bulk-actions{bottom:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.users-page .bulk-actions .bulk-buttons{width:auto}}@media (width>=480px){.users-page .modal-overlay{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.users-page .modal-overlay .modal-content{padding:clamp(1.25rem,3vw,2.5rem)}}@media (width>=480px){.users-page .modal-overlay .modal-content .modal-actions{flex-direction:row;justify-content:flex-start}}@media (width>=480px){.users-page .modal-overlay .modal-content .modal-actions button.btn-cancel{order:1}}@media (width>=480px){.users-page .modal-overlay .modal-content .modal-actions button.btn-delete{order:2}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}@media (width<=768px){.user-details-page .page-header .header-actions{width:100%}.user-details-page .page-header .header-actions button{flex:1}}@media (width<=1200px){.user-details-page .user-details-content{grid-template-columns:280px 1fr;gap:clamp(1rem,2vw,1.75rem)}}@media (width<=1024px){.user-details-page .user-details-content{grid-template-columns:1fr}}@media (width<=768px){.user-details-page .user-details-content{gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=1024px){.user-details-page .user-info-card{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=1024px){.user-details-page .user-info-card .user-avatar-section .avatar-wrapper img{width:100px;height:100px}}@media (width<=1024px){.user-details-page .user-info-card .user-avatar-section h2{font-size:clamp(.875rem,2vw,1.125rem)}}.user-details-page .badge.role-customer,.user-details-page .badge.status-active{color:#40efb5;background:#10b98133}@media (width<=1024px){.user-details-page .user-edit-card{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.user-details-page .form-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.user-details-page .orders-table table th,.user-details-page .orders-table table td{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}@media (width>=480px){.settings-page{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=1200px){.settings-page{padding:clamp(1.25rem,3vw,2.5rem)}}@media (width>=768px){.settings-page .settings-header{margin-bottom:clamp(1.25rem,3vw,2.5rem)}}@media (width>=768px){.settings-page .settings-header p{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width>=1024px){.settings-page .settings-layout{grid-template-columns:260px 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}}@media (width>=1200px){.settings-page .settings-layout{grid-template-columns:280px 1fr;gap:clamp(1.5rem,4vw,3.5rem)}}@media (width>=1024px){.settings-page .settings-tabs{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);height:fit-content;max-height:calc(100vh - 70px - clamp(1.25rem,3vw,2.5rem));padding:clamp(.5rem,1vw,.875rem);position:sticky;top:calc(70px + clamp(1rem,2vw,1.75rem));overflow:visible auto}}@media (width>=480px){.settings-page .settings-tabs .tab-btn{min-width:160px}}@media (width>=1024px){.settings-page .settings-tabs .tab-btn{width:100%;min-width:auto;margin-bottom:clamp(.25rem,.5vw,.5rem)}.settings-page .settings-tabs .tab-btn:last-child{margin-bottom:0}}@media (width<=1023px){.settings-page .settings-tabs .tab-btn .arrow{display:none}}@media (width>=480px){.settings-page .settings-content{min-height:500px;padding:clamp(1rem,2vw,1.75rem)}}@media (width>=1024px){.settings-page .settings-content{min-height:600px;padding:clamp(1.25rem,3vw,2.5rem)}}@media (width>=480px){.settings-page .settings-content .loading-state{min-height:400px}}@media (width>=480px){.settings-page .settings-section .form-grid{gap:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.settings-page .settings-section .form-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.settings-page .settings-section .form-grid .form-group.indented{margin-left:clamp(1rem,2vw,1.75rem);padding-left:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.settings-page .settings-section .form-grid .form-group.indented{margin-left:40px;padding-left:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.settings-page .settings-section .form-group input,.settings-page .settings-section .form-group select,.settings-page .settings-section .form-group textarea{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width>=768px){.settings-page .settings-section .form-group textarea{min-height:120px}}@media (width>=768px){.settings-page .settings-section .image-uploads{grid-template-columns:2fr 1fr}}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area{min-height:150px;padding:clamp(1.5rem,4vw,3.5rem)}}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area svg{width:40px;height:40px}}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area img{max-height:100px}}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area.small{min-height:120px;padding:clamp(1.25rem,3vw,2.5rem)}}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area.small svg{width:30px;height:30px}}@media (width>=480px){.settings-page .settings-section .color-picker-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=480px){.settings-page .settings-section .payment-method .method-header{gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.settings-page .settings-section .payment-method .method-header .method-info{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width>=480px){.settings-page .settings-section .payment-method .method-header .method-info svg,.settings-page .settings-section .payment-method .method-header .method-info .paypal-icon,.settings-page .settings-section .payment-method .method-header .method-info .crypto-icon{width:40px;height:40px;font-size:20px}}@media (width>=480px){.settings-page .settings-section .payment-method .method-header .method-info div p{display:block}}@media (width>=480px){.settings-page .settings-section .payment-method .method-config{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.settings-page .settings-section .payment-method .method-config .btn-test{width:auto;margin-top:0}}@media (width>=480px){.settings-page .settings-section .shipping-preview{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.settings-page .settings-section .shipping-preview .preview-box .preview-row{padding:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.875rem,2vw,1.125rem)}}@media (width>=480px){.settings-page .settings-section .security-option,.settings-page .settings-section .notification-option{gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.settings-page .settings-section .security-option .option-info,.settings-page .settings-section .notification-option .option-info{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width>=480px){.settings-page .settings-section .security-option .option-info svg,.settings-page .settings-section .notification-option .option-info svg{width:24px;height:24px}}@media (width>=480px){.settings-page .settings-section .security-option .option-info div p,.settings-page .settings-section .notification-option .option-info div p{display:block}}@media (width>=480px){.settings-page .settings-section .security-alert{padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem)}}@media (width>=480px){.settings-page .settings-section .security-alert p{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width>=480px){.settings-page .settings-section .security-alert svg{width:20px;height:20px}}@media (width>=480px){.settings-page .settings-footer{flex-direction:row;justify-content:flex-end;align-items:center}}@media (width>=480px){.settings-page .settings-footer button.btn-secondary{order:1;width:auto}}@media (width>=480px){.settings-page .settings-footer button.btn-primary{order:2;width:auto}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.dashboard-v2{width:100%;max-width:1600px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem);animation:.5s ease-out fadeIn}@media (width<=1200px){.dashboard-v2{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.dashboard-v2{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.dashboard-v2{padding:clamp(.5rem,1vw,.875rem)}}.welcome-section{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:flex}@media (width<=768px){.welcome-section{flex-direction:column;align-items:stretch;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}.welcome-text{flex:1;min-width:0}.welcome-text h2{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#d4af37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2}@media (width<=768px){.welcome-text h2{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=480px){.welcome-text h2{font-size:clamp(1rem,2.5vw,1.375rem)}}.welcome-text p{color:#9ca3af;margin:0;font-size:clamp(.875rem,2vw,1.125rem);line-height:1.4}@media (width<=768px){.welcome-text p{font-size:clamp(.75rem,1.5vw,.9375rem)}}.date-picker{color:#9ca3af;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.date-picker:hover{border-color:#d4af374d}.date-picker svg{color:#d4af37;flex-shrink:0;width:18px;height:18px}.date-picker select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;min-width:0;padding-right:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem)}.date-picker select option{color:#fff;background:#12121a}@media (width<=768px){.date-picker{justify-content:space-between;width:100%}}.refresh-btn{color:#9ca3af;cursor:pointer;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;margin-left:clamp(.375rem,.75vw,.625rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.refresh-btn:hover{color:#fff;background:#222230;border-color:#d4af374d}.refresh-btn:active{transform:scale(.95)}.refresh-btn.spinning{color:#d4af37;animation:1s linear infinite spin}.refresh-btn svg{width:18px;height:18px}.stats-section{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.75rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=1400px){.stats-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1200px){.stats-section{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.stats-section{grid-template-columns:1fr;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}.modern-stat-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.modern-stat-card:hover{border-color:#d4af374d}.modern-stat-card{box-shadow:0 2px 8px #0006}.modern-stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 16px #00000080}.modern-stat-card{min-width:0;padding:clamp(1rem,2vw,1.75rem);overflow:hidden}.modern-stat-card:first-child{animation:.5s ease-out .1s backwards fadeIn}.modern-stat-card:nth-child(2){animation:.5s ease-out .2s backwards fadeIn}.modern-stat-card:nth-child(3){animation:.5s ease-out .3s backwards fadeIn}.modern-stat-card:nth-child(4){animation:.5s ease-out .4s backwards fadeIn}.modern-stat-card:before{content:"";pointer-events:none;background:linear-gradient(135deg,#0000 0%,#ffffff05 100%);position:absolute;inset:0}@media (width<=768px){.modern-stat-card{padding:clamp(.75rem,1.5vw,1.25rem)}.modern-stat-card:hover{transform:translateY(-2px)}}@media (width<=480px){.modern-stat-card{padding:clamp(.5rem,1vw,.875rem)}}.modern-stat-card.gold:hover{box-shadow:0 4px 24px #d4af3733}.modern-stat-card.gold .stat-icon-wrapper{color:#d4af37;background:linear-gradient(135deg,#d4af3733,#d4af371a)}.modern-stat-card.blue:hover{box-shadow:0 4px 24px #3b82f633}.modern-stat-card.blue .stat-icon-wrapper{color:#3b82f6;background:linear-gradient(135deg,#3b82f633,#3b82f61a)}.modern-stat-card.green:hover{box-shadow:0 4px 24px #10b98133}.modern-stat-card.green .stat-icon-wrapper{color:#10b981;background:linear-gradient(135deg,#10b98133,#10b9811a)}.modern-stat-card.purple:hover{box-shadow:0 4px 24px #635bff33}.modern-stat-card.purple .stat-icon-wrapper{color:#635bff;background:linear-gradient(135deg,#635bff33,#635bff1a)}.modern-stat-card.loading .stat-value{opacity:.5}.stat-card-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#d4af374d 0%,#0000 70%);width:200%;height:200%;transition:all .35s cubic-bezier(.4,0,.2,1);position:absolute;top:-50%;left:-50%}.modern-stat-card:hover .stat-card-glow{opacity:.1}.stat-card-content{z-index:1;position:relative}.stat-header{flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=480px){.stat-header{margin-bottom:clamp(.5rem,1vw,.875rem)}}.stat-icon-wrapper{border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=768px){.stat-icon-wrapper{width:44px;height:44px}}@media (width<=480px){.stat-icon-wrapper{width:36px;height:36px}}.stat-icon-wrapper svg{width:26px;height:26px}@media (width<=768px){.stat-icon-wrapper svg{width:22px;height:22px}}@media (width<=480px){.stat-icon-wrapper svg{width:18px;height:18px}}.stat-trend{white-space:nowrap;border-radius:clamp(4px,.5vw,8px);flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;padding:6px 12px;font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:flex}.stat-trend svg{width:14px;height:14px}.stat-trend.up{color:#10b981;background:#10b9811a}.stat-trend.down{color:#ef4444;background:#ef44441a}.stat-body{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}@media (width<=480px){.stat-body{margin-bottom:clamp(.5rem,1vw,.875rem)}}.stat-value{letter-spacing:-.02em;color:#fff;word-break:break-word;margin-bottom:clamp(.375rem,.75vw,.625rem);font-family:SF Mono,Courier New,monospace;font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700;line-height:1.2}@media (width<=1200px){.stat-value{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=480px){.stat-value{font-size:clamp(1rem,2.5vw,1.375rem)}}.stat-title{color:#9ca3af;margin:0;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500}@media (width<=480px){.stat-title{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.stat-subtitle{color:#6b7280;margin-top:2px;font-size:clamp(.6875rem,1.25vw,.8125rem)}.stat-progress .progress-bar{background:#1a1a25;border-radius:2px;height:6px;overflow:hidden}@media (width<=480px){.stat-progress .progress-bar{height:4px}}.stat-progress .progress-fill{background:linear-gradient(90deg,#d4af37,#e5c158);border-radius:2px;height:100%;transition:width 1s}.charts-section{grid-template-columns:2fr 1fr;gap:clamp(1rem,2vw,1.75rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=1400px){.charts-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.charts-section{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.charts-section{gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}.chart-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.chart-card:hover{border-color:#d4af374d}.chart-card{min-width:0;padding:clamp(1rem,2vw,1.75rem)}@media (width<=1200px){.chart-card{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.chart-card{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.chart-card.main-chart{order:1}.chart-card.side-chart{order:2}}.chart-header{flex-flow:wrap;justify-content:space-between;align-items:flex-start;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=480px){.chart-header{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}.chart-header h3{color:#fff;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:600}@media (width<=480px){.chart-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}.chart-header .chart-subtitle{color:#6b7280;margin:0;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=480px){.chart-header .chart-subtitle{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.chart-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.btn-icon{color:#9ca3af;cursor:pointer;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.btn-icon:hover{color:#fff;background:#222230;border-color:#d4af374d}.btn-icon:active{transform:scale(.95)}.btn-icon svg{width:18px;height:18px}.chart-body{height:400px;min-height:200px;position:relative}@media (width<=1200px){.chart-body{height:350px}}@media (width<=768px){.chart-body{height:300px}}@media (width<=480px){.chart-body{height:250px}}.chart-body.doughnut{flex-direction:row;justify-content:center;align-items:center;height:280px;display:flex}@media (width<=768px){.chart-body.doughnut{height:240px}}@media (width<=480px){.chart-body.doughnut{height:200px}}.chart-skeleton{flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2vw,1.75rem);width:100%;height:100%;display:flex}.chart-skeleton .skeleton-line{background:linear-gradient(90deg,#0000,#1a1a25,#0000);width:100%;height:2px;animation:2s infinite pulse}.chart-skeleton .skeleton-bars{align-items:flex-end;gap:clamp(.5rem,1vw,.875rem);width:80%;height:60%;display:flex}.chart-skeleton .skeleton-bars:before,.chart-skeleton .skeleton-bars:after{content:"";background:#1a1a25;border-radius:clamp(4px,.5vw,8px);flex:1;animation:2s infinite pulse}.chart-skeleton .skeleton-bars:before{height:40%}.chart-skeleton .skeleton-bars:after{height:70%}.chart-skeleton.circle{background:#1a1a25;border-radius:50%;width:200px;height:200px;animation:2s infinite pulse}@media (width<=480px){.chart-skeleton.circle{width:150px;height:150px}}.chart-legend-custom{flex-direction:column;gap:clamp(.5rem,1vw,.875rem);margin-top:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=480px){.chart-legend-custom{gap:clamp(.375rem,.75vw,.625rem);margin-top:clamp(.5rem,1vw,.875rem)}}.legend-item{color:#9ca3af;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}@media (width<=480px){.legend-item{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.legend-item .dot{border-radius:50%;flex-shrink:0;width:12px;height:12px}@media (width<=480px){.legend-item .dot{width:10px;height:10px}}.legend-item .dot.delivered{background:#10b981}.legend-item .dot.processing{background:#3b82f6}.legend-item .dot.pending{background:#f59e0b}.legend-item .dot.cancelled{background:#ef4444}.legend-item strong{color:#fff;margin-left:auto;font-family:SF Mono,monospace;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}@media (width<=480px){.legend-item strong{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.bottom-section{grid-template-columns:2fr 1fr;gap:clamp(1rem,2vw,1.75rem);display:grid}@media (width<=1400px){.bottom-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.bottom-section{grid-template-columns:1fr}}@media (width<=768px){.bottom-section{gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.bottom-section{gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-header{gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=480px){.panel .panel-header .panel-subtitle{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}.btn-view-all{color:#d4af37;cursor:pointer;white-space:nowrap;background:0 0;border:none;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.btn-view-all:hover{color:#e5c158;gap:clamp(.5rem,1vw,.875rem)}.btn-view-all:hover svg{transform:translate(2px,-2px)}.btn-view-all:active{transform:scale(.95)}.btn-view-all svg{width:16px;height:16px;transition:transform .15s cubic-bezier(.4,0,.2,1)}@media (width<=480px){.btn-view-all{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.orders-table-container{-webkit-overflow-scrolling:touch;width:calc(100% + 2*clamp(1rem,2vw,1.75rem));margin:0 calc(-1*clamp(1rem,2vw,1.75rem));padding:0 clamp(1rem,2vw,1.75rem);overflow-x:auto}@media (width<=1200px){.orders-table-container{width:calc(100% + 2*clamp(.75rem,1.5vw,1.25rem));margin:0 calc(-1*clamp(.75rem,1.5vw,1.25rem));padding:0 clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.orders-table-container{width:calc(100% + 2*clamp(.5rem,1vw,.875rem));margin:0 calc(-1*clamp(.5rem,1vw,.875rem));padding:0 clamp(.5rem,1vw,.875rem)}}.modern-table{border-collapse:collapse;width:100%;min-width:600px;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=768px){.modern-table{min-width:500px}}.modern-table thead{background:#1a1a25}.modern-table thead th{text-align:left;color:#9ca3af;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600}@media (width<=1200px){.modern-table thead th{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modern-table thead th{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.625rem,1vw,.75rem)}}.modern-table tbody tr{border-bottom:1px solid #ffffff14;transition:all .15s cubic-bezier(.4,0,.2,1)}.modern-table tbody tr:hover{background:#ffffff05}.modern-table tbody tr:last-child{border-bottom:none}.modern-table tbody td{color:#fff;white-space:nowrap;padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem)}@media (width<=1200px){.modern-table tbody td{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modern-table tbody td{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}.order-id{color:#d4af37;font-family:SF Mono,Courier New,monospace;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}@media (width<=480px){.order-id{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.customer-cell{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=1200px){.customer-cell{gap:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.customer-cell{gap:clamp(.375rem,.75vw,.625rem)}}.customer-avatar{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c);border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;display:flex}@media (width<=768px){.customer-avatar{width:36px;height:36px}}@media (width<=480px){.customer-avatar{width:32px;height:32px;font-size:clamp(.6875rem,1.25vw,.8125rem)}}.customer-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:2px;min-width:0;display:flex}@media (width<=768px){.customer-info{display:none}}.customer-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;overflow:hidden}@media (width<=1024px){.customer-name{max-width:160px}}@media (width<=768px){.customer-name{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.customer-email{color:#6b7280;white-space:nowrap;text-overflow:ellipsis;max-width:200px;font-size:clamp(.6875rem,1.25vw,.8125rem);overflow:hidden}.order-date{color:#9ca3af;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=480px){.order-date{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.order-amount{color:#fff;font-family:SF Mono,monospace;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}@media (width<=480px){.order-amount{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.status-pill{text-transform:capitalize;white-space:nowrap;border-radius:20px;align-items:center;padding:6px 14px;font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:inline-flex}@media (width<=480px){.status-pill{padding:4px 8px;font-size:clamp(.625rem,1vw,.75rem)}}.status-pill.delivered{color:#10b981;background:#10b9811a}.status-pill.processing,.status-pill.shipped{color:#3b82f6;background:#3b82f61a}.status-pill.pending{color:#f59e0b;background:#f59e0b1a}.status-pill.cancelled{color:#ef4444;background:#ef44441a}.activity-list{max-height:450px;padding:clamp(.75rem,1.5vw,1.25rem);overflow-y:auto}.activity-list::-webkit-scrollbar{width:6px;height:6px}.activity-list::-webkit-scrollbar-track{background:0 0}.activity-list::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.activity-list::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (width<=1200px){.activity-list{max-height:350px;padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.activity-list{max-height:300px;padding:clamp(.375rem,.75vw,.625rem)}}.activity-item{border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.75rem,1.5vw,1.25rem);transition:all .15s cubic-bezier(.4,0,.2,1);animation:.3s ease-out backwards slideIn;display:flex}.activity-item:first-child{animation-delay:50ms}.activity-item:nth-child(2){animation-delay:.1s}.activity-item:nth-child(3){animation-delay:.15s}.activity-item:nth-child(4){animation-delay:.2s}.activity-item:nth-child(5){animation-delay:.25s}.activity-item:nth-child(6){animation-delay:.3s}.activity-item:nth-child(7){animation-delay:.35s}.activity-item:nth-child(8){animation-delay:.4s}.activity-item:hover{background:#ffffff05}@media (width<=1200px){.activity-item{gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.activity-item{gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.375rem,.75vw,.625rem)}}.activity-item.skeleton .skeleton-icon{background:#1a1a25;border-radius:clamp(8px,1vw,12px);flex-shrink:0;width:44px;height:44px;animation:2s infinite pulse}.activity-item.skeleton .skeleton-content{flex-direction:column;flex:1;gap:clamp(.375rem,.75vw,.625rem);display:flex}.activity-item.skeleton .skeleton-content .skeleton-text{background:#1a1a25;border-radius:4px;height:14px;animation:2s infinite pulse}.activity-item.skeleton .skeleton-content .skeleton-text.medium{width:70%}.activity-item.skeleton .skeleton-content .skeleton-text.short{width:40%}.activity-icon{border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}@media (width<=768px){.activity-icon{width:36px;height:36px}}@media (width<=480px){.activity-icon{width:32px;height:32px}}.activity-icon svg{width:20px;height:20px}@media (width<=480px){.activity-icon svg{width:16px;height:16px}}.activity-icon.order{color:#d4af37;background:#d4af371a}.activity-icon.payment{color:#10b981;background:#10b9811a}.activity-icon.shipping{color:#3b82f6;background:#3b82f61a}.activity-icon.completed{color:#10b981;background:#10b9811a}.activity-icon.pending{color:#f59e0b;background:#f59e0b1a}.activity-icon.cancelled{color:#ef4444;background:#ef44441a}.activity-content{flex:1;min-width:0}.activity-header{flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-bottom:4px;display:flex}@media (width<=480px){.activity-header{flex-direction:column;align-items:flex-start;gap:2px}}.activity-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;line-height:1.3;overflow:hidden}@media (width<=480px){.activity-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:clamp(.6875rem,1.25vw,.8125rem);display:-webkit-box}}.activity-amount{color:#d4af37;flex-shrink:0;font-family:SF Mono,monospace;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}@media (width<=480px){.activity-amount{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.activity-meta{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);display:flex}@media (width<=480px){.activity-meta{gap:clamp(.375rem,.75vw,.625rem);font-size:clamp(.625rem,1vw,.75rem)}}.activity-time{color:#6b7280}.activity-status{text-transform:capitalize;border-radius:4px;padding:2px 8px;font-size:clamp(.625rem,1vw,.75rem);font-weight:500}.activity-status.delivered{color:#10b981;background:#10b9811a}.activity-status.processing,.activity-status.shipped{color:#3b82f6;background:#3b82f61a}.activity-status.pending{color:#f59e0b;background:#f59e0b1a}.activity-status.cancelled{color:#ef4444;background:#ef44441a}.skeleton-row td{padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem)}@media (width<=1200px){.skeleton-row td{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.skeleton-row td{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}.skeleton-text{background:#1a1a25;border-radius:4px;height:1em;animation:2s infinite pulse;display:inline-block}.skeleton-text.short{width:80px}.skeleton-text.medium{width:140px}.skeleton-text.long{width:220px}.skeleton-badge{background:#1a1a25;border-radius:12px;width:90px;height:28px;animation:2s infinite pulse;display:inline-block}.empty-state{color:#6b7280;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1.5rem,4vw,3.5rem);display:flex}@media (width<=480px){.empty-state{gap:clamp(.5rem,1vw,.875rem);padding:clamp(1.25rem,3vw,2.5rem)}}.empty-state svg{opacity:.5;color:#6b7280;width:56px;height:56px}@media (width<=480px){.empty-state svg{width:40px;height:40px}}.empty-state p{margin:0;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=480px){.empty-state p{font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (prefers-reduced-motion:reduce){.modern-stat-card,.activity-item,.chart-skeleton,.skeleton-text,.skeleton-badge,.skeleton-icon{animation:none!important}}@media (hover:none) and (pointer:coarse){.modern-stat-card:hover,.activity-item:hover{background:0 0;transform:none}.btn-icon:hover,.refresh-btn:hover,.btn-view-all:hover{transform:none}}.admin-orders-page{width:100%;max-width:1600px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem);animation:.5s ease-out fadeIn}@media (width<=1200px){.admin-orders-page{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.admin-orders-page{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.admin-orders-page{padding:clamp(.5rem,1vw,.875rem)}}.loading-spinner{color:#888;flex-direction:row;justify-content:center;align-items:center;min-height:400px;font-size:clamp(.875rem,2vw,1.125rem);display:flex}.stats-grid{grid-template-columns:repeat(7,1fr);gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=1400px){.stats-grid{grid-template-columns:repeat(4,1fr)}}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.stats-grid{grid-template-columns:1fr;gap:clamp(.375rem,.75vw,.625rem)}}.stats-grid .stat-card{text-align:center;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);padding:clamp(1rem,2vw,1.75rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.stats-grid .stat-card:hover{border-color:#d4af374d;transform:translateY(-2px)}@media (width<=768px){.stats-grid .stat-card{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.stats-grid .stat-card{text-align:left;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem);display:flex}}.stats-grid .stat-card.pending{border-color:#f59e0b80}.stats-grid .stat-card.pending .stat-value{color:#f59e0b}.stats-grid .stat-card.paid{border-color:#3b82f680}.stats-grid .stat-card.paid .stat-value{color:#3b82f6}.stats-grid .stat-card.processing{border-color:#635bff80}.stats-grid .stat-card.processing .stat-value{color:#635bff}.stats-grid .stat-card.shipped{border-color:#06b6d480}.stats-grid .stat-card.shipped .stat-value{color:#06b6d4}.stats-grid .stat-card.delivered{border-color:#10b98180}.stats-grid .stat-card.delivered .stat-value{color:#10b981}.stats-grid .stat-card.revenue{border-color:#d4af3780}.stats-grid .stat-card.revenue .stat-value{color:#d4af37}.stats-grid .stat-card .stat-value{color:#fff;margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700;display:block}@media (width<=768px){.stats-grid .stat-card .stat-value{margin-bottom:0;font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=480px){.stats-grid .stat-card .stat-value{font-size:clamp(.875rem,2vw,1.125rem)}}.stats-grid .stat-card .stat-label{color:#888;text-transform:uppercase;letter-spacing:.5px;font-size:clamp(.6875rem,1.25vw,.8125rem)}@media (width<=480px){.stats-grid .stat-card .stat-label{font-size:clamp(.625rem,1vw,.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}.page-header h1{color:#fff;margin:0;font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700}@media (width<=768px){.page-header h1{font-size:clamp(1rem,2.5vw,1.375rem)}}@media (width<=480px){.page-header h1{font-size:clamp(.875rem,2vw,1.125rem)}}.page-header .btn-export{color:#0a0a0f;cursor:pointer;white-space:nowrap;background:#d4af37;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=768px){.page-header .btn-export{justify-content:center;width:100%}}.page-header .btn-export:hover{background:#b8960c;transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.page-header .btn-export svg{width:18px;height:18px}.filters-bar{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=768px){.filters-bar{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}.filters-bar .search-box{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:280px;max-width:500px;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=768px){.filters-bar .search-box{min-width:auto;max-width:100%}}@media (width<=480px){.filters-bar .search-box{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}.filters-bar .search-box svg{color:#888;flex-shrink:0;width:18px;height:18px}.filters-bar .search-box input{color:#fff;background:0 0;border:none;outline:none;flex:1;padding:clamp(.375rem,.75vw,.625rem) 0;font-size:clamp(.75rem,1.5vw,.9375rem)}.filters-bar .search-box input::placeholder{color:#888}@media (width<=480px){.filters-bar .search-box input{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.filters-bar .status-filter{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.filters-bar .status-filter:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.filters-bar .status-filter::placeholder{color:#888}.filters-bar .status-filter:disabled{opacity:.6;cursor:not-allowed}.filters-bar .status-filter{cursor:pointer;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='%23D4AF37' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right clamp(.5rem,1vw,.875rem) center;background-repeat:no-repeat;min-width:150px;padding-right:clamp(1.25rem,3vw,2.5rem)}@media (width<=768px){.filters-bar .status-filter{width:100%;min-width:auto}}.filters-bar .status-filter option{color:#fff;background:#12121a}.orders-table-container{-webkit-overflow-scrolling:touch;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);overflow:auto hidden}.orders-table-container::-webkit-scrollbar{width:6px;height:6px}.orders-table-container::-webkit-scrollbar-track{background:0 0}.orders-table-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.orders-table-container::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (width<=480px){.orders-table-container{border-radius:clamp(8px,1vw,12px);width:calc(100% + 2*clamp(.5rem,1vw,.875rem));margin:0 calc(-1*clamp(.5rem,1vw,.875rem))}}.orders-table{border-collapse:collapse;width:100%;min-width:1000px;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=1200px){.orders-table{min-width:900px}}@media (width<=1024px){.orders-table{min-width:800px}}.orders-table thead{background:#0a0a0f}.orders-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#888;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600}@media (width<=1200px){.orders-table thead th{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.orders-table thead th{padding:clamp(.5rem,1vw,.875rem);font-size:clamp(.625rem,1vw,.75rem)}}.orders-table tbody tr{border-bottom:1px solid #ffffff14;transition:all .15s cubic-bezier(.4,0,.2,1)}.orders-table tbody tr:hover{background:#d4af3708}.orders-table tbody tr:last-child{border-bottom:none}.orders-table tbody td{color:#fff;vertical-align:middle;padding:clamp(.75rem,1.5vw,1.25rem)}@media (width<=1200px){.orders-table tbody td{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.orders-table tbody td{padding:clamp(.375rem,.75vw,.625rem)}}.orders-table .order-id{color:#d4af37;white-space:nowrap;font-family:SF Mono,Courier New,monospace;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}@media (width<=480px){.orders-table .order-id{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.orders-table .customer-info{flex-direction:column;justify-content:center;align-items:flex-start;gap:clamp(.25rem,.5vw,.5rem);display:flex}.orders-table .customer-info .customer-name{color:#fff;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500}@media (width<=480px){.orders-table .customer-info .customer-name{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.orders-table .customer-info .customer-email{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}@media (width<=480px){.orders-table .customer-info .customer-email{font-size:clamp(.625rem,1vw,.75rem)}}.orders-table .products-preview{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.orders-table .products-preview .product-thumb{background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(4px,.5vw,8px);flex-shrink:0;width:50px;height:50px;position:relative;overflow:hidden}@media (width<=768px){.orders-table .products-preview .product-thumb{width:40px;height:40px}}.orders-table .products-preview .product-thumb img{object-fit:cover;width:100%;height:100%;display:block}.orders-table .products-preview .product-thumb .product-qty{color:#0a0a0f;background:#d4af37;border-radius:4px 0 0;padding:2px 6px;font-size:10px;font-weight:600;line-height:1;position:absolute;bottom:0;right:0}.orders-table .amount{color:#d4af37;white-space:nowrap;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:700}@media (width<=480px){.orders-table .amount{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.orders-table .payment-badge{white-space:nowrap;border-radius:20px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:inline-block}@media (width<=480px){.orders-table .payment-badge{padding:2px 6px;font-size:clamp(.625rem,1vw,.75rem)}}.orders-table .payment-badge.paid{color:#10b981;background:#10b98126}.orders-table .payment-badge.pending{color:#f59e0b;background:#f59e0b26}.orders-table .status-select{color:inherit;cursor:pointer;background:0 0;border:1px solid;border-radius:clamp(4px,.5vw,8px);padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500}@media (width<=480px){.orders-table .status-select{padding:2px 6px;font-size:clamp(.625rem,1vw,.75rem)}}.orders-table .status-select:focus{border-color:#d4af37;outline:none}.orders-table .status-select option{color:#fff;background:#12121a}.orders-table .action-buttons{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.orders-table .action-buttons button{color:#fff;cursor:pointer;background:#1a1a25;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=480px){.orders-table .action-buttons button{width:28px;height:28px}}.orders-table .action-buttons button:hover{background:#222230;transform:scale(1.1)}.orders-table .action-buttons button svg{width:16px;height:16px}@media (width<=480px){.orders-table .action-buttons button svg{width:14px;height:14px}}.orders-table .action-buttons button.btn-process{color:#635bff}.orders-table .action-buttons button.btn-process:hover{background:#635bff26}.orders-table .action-buttons button.btn-ship{color:#06b6d4}.orders-table .action-buttons button.btn-ship:hover{background:#06b6d426}.orders-table .action-buttons button.btn-view{color:#9ca3af}.orders-table .action-buttons button.btn-view:hover{background:#9ca3af26}.modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000c;flex-direction:row;justify-content:center;align-items:center;padding:clamp(.75rem,1.5vw,1.25rem);display:flex;position:fixed;inset:0}@media (width<=480px){.modal-overlay{padding:clamp(.5rem,1vw,.875rem)}}.modal-content{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(16px,2vw,24px);flex-direction:column;width:100%;max-width:700px;max-height:90vh;animation:.3s fadeIn;display:flex;overflow:hidden}@media (width<=768px){.modal-content{border-radius:0;max-width:100%;max-height:100vh}}.modal-content .modal-header{border-bottom:1px solid #ffffff14;flex-direction:row;flex-shrink:0;justify-content:space-between;align-items:center;padding:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=768px){.modal-content .modal-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modal-content .modal-header{padding:clamp(.5rem,1vw,.875rem)}}.modal-content .modal-header h2{color:#fff;margin:0;font-size:clamp(1rem,2.5vw,1.375rem)}@media (width<=480px){.modal-content .modal-header h2{font-size:clamp(.875rem,2vw,1.125rem)}}.modal-content .modal-header button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;padding:clamp(.375rem,.75vw,.625rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.modal-content .modal-header button:hover{color:#fff;background:#1a1a25}.modal-content .modal-header button svg{width:24px;height:24px}@media (width<=480px){.modal-content .modal-header button svg{width:20px;height:20px}}.modal-content .modal-body{padding:clamp(1rem,2vw,1.75rem);overflow-y:auto}.modal-content .modal-body::-webkit-scrollbar{width:6px;height:6px}.modal-content .modal-body::-webkit-scrollbar-track{background:0 0}.modal-content .modal-body::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.modal-content .modal-body::-webkit-scrollbar-thumb:hover{background:#6b7280}.modal-content .modal-body{flex:1}@media (width<=768px){.modal-content .modal-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.modal-content .modal-body{padding:clamp(.5rem,1vw,.875rem)}}.modal-content .detail-section{margin-bottom:clamp(1rem,2vw,1.75rem)}@media (width<=480px){.modal-content .detail-section{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}.modal-content .detail-section h3{text-transform:uppercase;color:#888;letter-spacing:.5px;margin:0 0 clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}.modal-content .detail-section p{color:#9ca3af;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=480px){.modal-content .detail-section p{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.modal-content .detail-section p strong{color:#fff}.modal-content .detail-products{flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=480px){.modal-content .detail-products{gap:clamp(.5rem,1vw,.875rem)}}.modal-content .detail-product{background:#0a0a0f;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=768px){.modal-content .detail-product{gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem)}}@media (width<=480px){.modal-content .detail-product{flex-wrap:wrap}}.modal-content .detail-product img{object-fit:cover;border-radius:clamp(4px,.5vw,8px);flex-shrink:0;width:80px;height:80px;display:block}@media (width<=768px){.modal-content .detail-product img{width:60px;height:60px}}@media (width<=480px){.modal-content .detail-product img{width:50px;height:50px}}.modal-content .detail-product .product-info{flex:1;min-width:0}.modal-content .detail-product .product-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem);overflow:hidden}@media (width<=480px){.modal-content .detail-product .product-info h4{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.modal-content .detail-product .product-info p{color:#888;margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}@media (width<=480px){.modal-content .detail-product .product-info p{font-size:clamp(.625rem,1vw,.75rem)}}.modal-content .detail-product .product-total{color:#d4af37;white-space:nowrap;font-size:clamp(.875rem,2vw,1.125rem);font-weight:700}@media (width<=768px){.modal-content .detail-product .product-total{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=480px){.modal-content .detail-product .product-total{text-align:right;width:100%;margin-top:clamp(.375rem,.75vw,.625rem)}}.modal-content .detail-totals{border-top:1px solid #ffffff14;margin-top:clamp(.75rem,1.5vw,1.25rem);padding-top:clamp(.75rem,1.5vw,1.25rem)}.modal-content .detail-totals .total-row{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}@media (width<=480px){.modal-content .detail-totals .total-row{margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}.modal-content .detail-totals .total-row.grand{color:#d4af37;border-top:1px solid #ffffff14;margin-top:clamp(.5rem,1vw,.875rem);padding-top:clamp(.5rem,1vw,.875rem);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:700}@media (width<=480px){.modal-content .detail-totals .total-row.grand{font-size:clamp(.875rem,2vw,1.125rem)}}.modal-content .detail-totals .total-row span:first-child{color:#888}.modal-content .detail-totals .total-row span:last-child{color:#fff;font-weight:600}.mobile-orders{flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);display:none}@media (width<=768px){.mobile-orders{display:flex}}.mobile-orders .mobile-order-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.mobile-orders .mobile-order-card:hover{border-color:#d4af374d}.mobile-orders .mobile-order-card{padding:clamp(.75rem,1.5vw,1.25rem)}@media (width<=480px){.mobile-orders .mobile-order-card{padding:clamp(.5rem,1vw,.875rem)}}.mobile-orders .mobile-order-card .card-header{border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:clamp(.5rem,1vw,.875rem);padding-bottom:clamp(.5rem,1vw,.875rem);display:flex}.mobile-orders .mobile-order-card .card-header .order-id{color:#d4af37;font-family:SF Mono,monospace;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}.mobile-orders .mobile-order-card .card-header .amount{color:#d4af37;font-weight:700}.mobile-orders .mobile-order-card .card-body{grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.5rem,1vw,.875rem);display:grid}.mobile-orders .mobile-order-card .card-body .info-item .label{color:#888;text-transform:uppercase;margin-bottom:2px;font-size:clamp(.625rem,1vw,.75rem)}.mobile-orders .mobile-order-card .card-body .info-item .value{color:#fff;font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500}.mobile-orders .mobile-order-card .card-footer{border-top:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;padding-top:clamp(.5rem,1vw,.875rem);display:flex}.mobile-orders .mobile-order-card .card-footer .products-preview{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.mobile-orders .mobile-order-card .card-footer .products-preview .product-thumb{border:1px solid #ffffff14;border-radius:clamp(4px,.5vw,8px);width:32px;height:32px;overflow:hidden}.mobile-orders .mobile-order-card .card-footer .products-preview .product-thumb img{object-fit:cover;width:100%;height:100%}.mobile-orders .mobile-order-card .card-footer .action-buttons{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.mobile-orders .mobile-order-card .card-footer .action-buttons button{color:#fff;cursor:pointer;background:#1a1a25;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.mobile-orders .mobile-order-card .card-footer .action-buttons button svg{width:16px;height:16px}@media (width<=768px){.orders-table-container{display:none}}@media (prefers-reduced-motion:reduce){.admin-orders-page,.modal-content,.stat-card,.mobile-order-card{transition:none!important;animation:none!important}}@media (hover:none) and (pointer:coarse){.stat-card:hover,.orders-table tbody tr:hover{background:0 0;transform:none}.action-buttons button:hover{transform:none}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.order-details-page.loading{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1rem,2vw,1.75rem);min-height:400px;display:flex}.order-details-page.loading .spinner{border:3px solid #ffffff14;border-top-color:#d4af37;border-radius:50%;width:50px;height:50px;animation:1s linear infinite spin}.order-details-page .page-header .btn-back{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .page-header .btn-back:disabled{opacity:.5;cursor:not-allowed}.order-details-page .page-header .btn-back:active{transform:scale(.98)}.order-details-page .page-header .btn-back{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.order-details-page .page-header .btn-back:hover:not(:disabled){background:#222230;border-color:#d4af374d}.order-details-page .page-header .header-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}.order-details-page .page-header .header-actions .btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .page-header .header-actions .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.order-details-page .page-header .header-actions .btn-secondary:active{transform:scale(.98)}.order-details-page .page-header .header-actions .btn-secondary{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.order-details-page .page-header .header-actions .btn-secondary:hover:not(:disabled){background:#222230;border-color:#d4af374d}.order-details-page .order-title-section{border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:clamp(1.25rem,3vw,2.5rem);padding-bottom:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=768px){.order-details-page .order-title-section{flex-direction:column;align-items:flex-start;gap:clamp(.75rem,1.5vw,1.25rem)}}.order-details-page .order-title-section h1{margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700}@media (width<=768px){.order-details-page .order-title-section h1{font-size:clamp(1rem,2.5vw,1.375rem)}}.order-details-page .order-title-section .order-meta{color:#888;margin:0;font-size:clamp(.75rem,1.5vw,.9375rem)}.order-details-page .order-title-section .status-badge-large{text-transform:uppercase;letter-spacing:1px;border:2px solid;border-radius:30px;flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem) clamp(1rem,2vw,1.75rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;display:flex}.order-details-page .order-content-grid{grid-template-columns:2fr 1fr;gap:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=1200px){.order-details-page .order-content-grid{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem)}}.order-details-page .card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.order-details-page .card:hover{border-color:#d4af374d}.order-details-page .card{margin-bottom:clamp(1.25rem,3vw,2.5rem)}.order-details-page .card:last-child{margin-bottom:0}.order-details-page .card h3{color:#fff;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin:0 0 clamp(1rem,2vw,1.75rem);font-size:clamp(.875rem,2vw,1.125rem);font-weight:600;display:flex}.order-details-page .status-timeline-card .status-timeline{justify-content:space-between;margin-bottom:clamp(1.25rem,3vw,2.5rem);padding:clamp(1rem,2vw,1.75rem) 0;display:flex;position:relative}@media (width<=768px){.order-details-page .status-timeline-card .status-timeline{overflow-x:auto}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar{width:6px;height:6px}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar-track{background:0 0}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.order-details-page .status-timeline-card .status-timeline::-webkit-scrollbar-thumb:hover{background:#6b7280}}.order-details-page .status-timeline-card .status-timeline .timeline-item{z-index:2;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:100px;display:flex;position:relative}.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-icon{background:#12121a;border:2px solid;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:44px;height:44px;margin-bottom:clamp(.375rem,.75vw,.625rem);transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=480px){.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-icon{width:36px;height:36px}}.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-content{text-align:center}.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-content .timeline-label{color:#fff;text-transform:capitalize;font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500;display:block}.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-content .timeline-date{color:#888;margin-top:4px;font-size:clamp(.625rem,1vw,.75rem);display:block}.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-line{z-index:-1;background:#ffffff14;width:100%;height:2px;position:absolute;top:22px;left:50%}@media (width<=480px){.order-details-page .status-timeline-card .status-timeline .timeline-item .timeline-line{top:18px}}.order-details-page .status-timeline-card .status-timeline .timeline-item.completed .timeline-icon{color:#fff;background:#10b981;border-color:#10b981}.order-details-page .status-timeline-card .status-timeline .timeline-item.current .timeline-icon{animation:2s infinite pulse;box-shadow:0 0 20px}.order-details-page .status-timeline-card .status-timeline .timeline-item:not(.completed):not(.current){opacity:.5}.order-details-page .status-timeline-card .status-actions{border-top:1px solid #ffffff14;padding-top:clamp(1rem,2vw,1.75rem)}.order-details-page .status-timeline-card .status-actions h4{color:#888;text-transform:uppercase;letter-spacing:1px;margin:0 0 clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600}.order-details-page .status-timeline-card .status-actions .action-buttons{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action{cursor:pointer;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.primary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.primary:disabled{opacity:.5;cursor:not-allowed}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.primary:active{transform:scale(.98)}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.primary{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.success{color:#fff;background:#10b981}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.success:hover{background:#0c8a60}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.danger{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.danger:disabled{opacity:.5;cursor:not-allowed}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.danger:active{transform:scale(.98)}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.danger{color:#ef4444;background:0 0;border:1px solid #ef4444}.order-details-page .status-timeline-card .status-actions .action-buttons .btn-action.danger:hover:not(:disabled){color:#fff;background:#ef4444}.order-details-page .status-timeline-card .status-actions .tracking-form{background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);margin-top:clamp(1rem,2vw,1.75rem);padding:clamp(1rem,2vw,1.75rem)}.order-details-page .status-timeline-card .status-actions .tracking-form h5{margin:0 0 clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem)}.order-details-page .status-timeline-card .status-actions .tracking-form .form-row{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=480px){.order-details-page .status-timeline-card .status-actions .tracking-form .form-row{flex-direction:column;align-items:stretch}}.order-details-page .status-timeline-card .status-actions .tracking-form .form-row select,.order-details-page .status-timeline-card .status-actions .tracking-form .form-row input{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;flex:1;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.order-details-page .status-timeline-card .status-actions .tracking-form .form-row select:focus,.order-details-page .status-timeline-card .status-actions .tracking-form .form-row input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.order-details-page .status-timeline-card .status-actions .tracking-form .form-row select::placeholder,.order-details-page .status-timeline-card .status-actions .tracking-form .form-row input::placeholder{color:#888}.order-details-page .status-timeline-card .status-actions .tracking-form .form-row select:disabled,.order-details-page .status-timeline-card .status-actions .tracking-form .form-row input:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.order-details-page .status-timeline-card .status-actions .tracking-form .form-row select,.order-details-page .status-timeline-card .status-actions .tracking-form .form-row input{width:100%}}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions{flex-direction:row;justify-content:flex-end;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width<=480px){.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions{flex-direction:column}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button{width:100%}}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button{cursor:pointer;border-radius:clamp(4px,.5vw,8px);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-secondary:active{transform:scale(.98)}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-secondary{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-secondary:hover:not(:disabled){background:#222230;border-color:#d4af374d}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-primary:disabled{opacity:.5;cursor:not-allowed}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-primary:active{transform:scale(.98)}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-primary{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.order-details-page .status-timeline-card .status-actions .tracking-form .form-actions button.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.order-details-page .items-card .items-list .order-item{border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1rem,2vw,1.75rem) 0;display:flex}@media (width<=480px){.order-details-page .items-card .items-list .order-item{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem)}}.order-details-page .items-card .items-list .order-item:last-child{border-bottom:none}.order-details-page .items-card .items-list .order-item .item-image{background:#1a1a25;border-radius:clamp(8px,1vw,12px);flex-shrink:0;width:80px;height:80px;overflow:hidden}.order-details-page .items-card .items-list .order-item .item-image img{object-fit:cover;width:100%;height:100%}@media (width<=480px){.order-details-page .items-card .items-list .order-item .item-image{width:100%;height:200px}}.order-details-page .items-card .items-list .order-item .item-details{flex:1}.order-details-page .items-card .items-list .order-item .item-details h4{margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}.order-details-page .items-card .items-list .order-item .item-details .item-meta{color:#888;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}.order-details-page .items-card .items-list .order-item .item-details .item-meta .sku{background:#1a1a25;border-radius:4px;margin-left:clamp(.5rem,1vw,.875rem);padding:2px 8px;font-family:monospace;font-size:10px}.order-details-page .items-card .items-list .order-item .item-details .item-specs{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.order-details-page .items-card .items-list .order-item .item-details .item-specs .spec-tag{color:#d4af37;background:#d4af371a;border-radius:4px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500}.order-details-page .items-card .items-list .order-item .item-pricing{text-align:right}@media (width<=480px){.order-details-page .items-card .items-list .order-item .item-pricing{text-align:left;border-top:1px solid #ffffff14;padding-top:clamp(.5rem,1vw,.875rem)}}.order-details-page .items-card .items-list .order-item .item-pricing .item-price{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem);display:block}.order-details-page .items-card .items-list .order-item .item-pricing .item-qty{color:#888;margin:clamp(.25rem,.5vw,.5rem) 0;font-size:clamp(.6875rem,1.25vw,.8125rem);display:block}.order-details-page .items-card .items-list .order-item .item-pricing .item-total{color:#d4af37;font-size:clamp(.875rem,2vw,1.125rem);font-weight:700;display:block}.order-details-page .items-card .order-summary{border-top:2px solid #ffffff14;margin-top:clamp(1rem,2vw,1.75rem);padding-top:clamp(1rem,2vw,1.75rem)}.order-details-page .items-card .order-summary .summary-row{flex-direction:row;justify-content:space-between;align-items:center;padding:clamp(.5rem,1vw,.875rem) 0;font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}.order-details-page .items-card .order-summary .summary-row.discount{color:#10b981}.order-details-page .items-card .order-summary .summary-row.total{border-top:1px solid #ffffff14;margin-top:clamp(.5rem,1vw,.875rem);padding-top:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:700}.order-details-page .items-card .order-summary .summary-row.total span:last-child{color:#d4af37}.order-details-page .customer-card .customer-details .detail-row,.order-details-page .customer-card .customer-details p,.order-details-page .customer-card .address-display .detail-row,.order-details-page .customer-card .address-display p,.order-details-page .customer-card .tracking-info .detail-row,.order-details-page .customer-card .tracking-info p,.order-details-page .customer-card .history-list .detail-row,.order-details-page .customer-card .history-list p,.order-details-page .address-card .customer-details .detail-row,.order-details-page .address-card .customer-details p,.order-details-page .address-card .address-display .detail-row,.order-details-page .address-card .address-display p,.order-details-page .address-card .tracking-info .detail-row,.order-details-page .address-card .tracking-info p,.order-details-page .address-card .history-list .detail-row,.order-details-page .address-card .history-list p,.order-details-page .tracking-card .customer-details .detail-row,.order-details-page .tracking-card .customer-details p,.order-details-page .tracking-card .address-display .detail-row,.order-details-page .tracking-card .address-display p,.order-details-page .tracking-card .tracking-info .detail-row,.order-details-page .tracking-card .tracking-info p,.order-details-page .tracking-card .history-list .detail-row,.order-details-page .tracking-card .history-list p,.order-details-page .history-card .customer-details .detail-row,.order-details-page .history-card .customer-details p,.order-details-page .history-card .address-display .detail-row,.order-details-page .history-card .address-display p,.order-details-page .history-card .tracking-info .detail-row,.order-details-page .history-card .tracking-info p,.order-details-page .history-card .history-list .detail-row,.order-details-page .history-card .history-list p{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.375rem,.75vw,.625rem) 0;font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}.order-details-page .customer-card .customer-details .detail-row a,.order-details-page .customer-card .customer-details p a,.order-details-page .customer-card .address-display .detail-row a,.order-details-page .customer-card .address-display p a,.order-details-page .customer-card .tracking-info .detail-row a,.order-details-page .customer-card .tracking-info p a,.order-details-page .customer-card .history-list .detail-row a,.order-details-page .customer-card .history-list p a,.order-details-page .address-card .customer-details .detail-row a,.order-details-page .address-card .customer-details p a,.order-details-page .address-card .address-display .detail-row a,.order-details-page .address-card .address-display p a,.order-details-page .address-card .tracking-info .detail-row a,.order-details-page .address-card .tracking-info p a,.order-details-page .address-card .history-list .detail-row a,.order-details-page .address-card .history-list p a,.order-details-page .tracking-card .customer-details .detail-row a,.order-details-page .tracking-card .customer-details p a,.order-details-page .tracking-card .address-display .detail-row a,.order-details-page .tracking-card .address-display p a,.order-details-page .tracking-card .tracking-info .detail-row a,.order-details-page .tracking-card .tracking-info p a,.order-details-page .tracking-card .history-list .detail-row a,.order-details-page .tracking-card .history-list p a,.order-details-page .history-card .customer-details .detail-row a,.order-details-page .history-card .customer-details p a,.order-details-page .history-card .address-display .detail-row a,.order-details-page .history-card .address-display p a,.order-details-page .history-card .tracking-info .detail-row a,.order-details-page .history-card .tracking-info p a,.order-details-page .history-card .history-list .detail-row a,.order-details-page .history-card .history-list p a{color:#d4af37;text-decoration:none}.order-details-page .customer-card .customer-details .detail-row a:hover,.order-details-page .customer-card .customer-details p a:hover,.order-details-page .customer-card .address-display .detail-row a:hover,.order-details-page .customer-card .address-display p a:hover,.order-details-page .customer-card .tracking-info .detail-row a:hover,.order-details-page .customer-card .tracking-info p a:hover,.order-details-page .customer-card .history-list .detail-row a:hover,.order-details-page .customer-card .history-list p a:hover,.order-details-page .address-card .customer-details .detail-row a:hover,.order-details-page .address-card .customer-details p a:hover,.order-details-page .address-card .address-display .detail-row a:hover,.order-details-page .address-card .address-display p a:hover,.order-details-page .address-card .tracking-info .detail-row a:hover,.order-details-page .address-card .tracking-info p a:hover,.order-details-page .address-card .history-list .detail-row a:hover,.order-details-page .address-card .history-list p a:hover,.order-details-page .tracking-card .customer-details .detail-row a:hover,.order-details-page .tracking-card .customer-details p a:hover,.order-details-page .tracking-card .address-display .detail-row a:hover,.order-details-page .tracking-card .address-display p a:hover,.order-details-page .tracking-card .tracking-info .detail-row a:hover,.order-details-page .tracking-card .tracking-info p a:hover,.order-details-page .tracking-card .history-list .detail-row a:hover,.order-details-page .tracking-card .history-list p a:hover,.order-details-page .history-card .customer-details .detail-row a:hover,.order-details-page .history-card .customer-details p a:hover,.order-details-page .history-card .address-display .detail-row a:hover,.order-details-page .history-card .address-display p a:hover,.order-details-page .history-card .tracking-info .detail-row a:hover,.order-details-page .history-card .tracking-info p a:hover,.order-details-page .history-card .history-list .detail-row a:hover,.order-details-page .history-card .history-list p a:hover{text-decoration:underline}.order-details-page .customer-card .customer-details .detail-row.name,.order-details-page .customer-card .customer-details p.name,.order-details-page .customer-card .address-display .detail-row.name,.order-details-page .customer-card .address-display p.name,.order-details-page .customer-card .tracking-info .detail-row.name,.order-details-page .customer-card .tracking-info p.name,.order-details-page .customer-card .history-list .detail-row.name,.order-details-page .customer-card .history-list p.name,.order-details-page .address-card .customer-details .detail-row.name,.order-details-page .address-card .customer-details p.name,.order-details-page .address-card .address-display .detail-row.name,.order-details-page .address-card .address-display p.name,.order-details-page .address-card .tracking-info .detail-row.name,.order-details-page .address-card .tracking-info p.name,.order-details-page .address-card .history-list .detail-row.name,.order-details-page .address-card .history-list p.name,.order-details-page .tracking-card .customer-details .detail-row.name,.order-details-page .tracking-card .customer-details p.name,.order-details-page .tracking-card .address-display .detail-row.name,.order-details-page .tracking-card .address-display p.name,.order-details-page .tracking-card .tracking-info .detail-row.name,.order-details-page .tracking-card .tracking-info p.name,.order-details-page .tracking-card .history-list .detail-row.name,.order-details-page .tracking-card .history-list p.name,.order-details-page .history-card .customer-details .detail-row.name,.order-details-page .history-card .customer-details p.name,.order-details-page .history-card .address-display .detail-row.name,.order-details-page .history-card .address-display p.name,.order-details-page .history-card .tracking-info .detail-row.name,.order-details-page .history-card .tracking-info p.name,.order-details-page .history-card .history-list .detail-row.name,.order-details-page .history-card .history-list p.name{padding:0 0 clamp(.5rem,1vw,.875rem);font-size:clamp(.875rem,2vw,1.125rem);font-weight:600}.order-details-page .customer-card .address-display p,.order-details-page .address-card .address-display p,.order-details-page .tracking-card .address-display p,.order-details-page .history-card .address-display p{padding:clamp(.25rem,.5vw,.5rem) 0;display:block}.order-details-page .customer-card .address-display p.name,.order-details-page .address-card .address-display p.name,.order-details-page .tracking-card .address-display p.name,.order-details-page .history-card .address-display p.name{font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}.order-details-page .customer-card .address-display p.country,.order-details-page .address-card .address-display p.country,.order-details-page .tracking-card .address-display p.country,.order-details-page .history-card .address-display p.country{color:#888;border-top:1px solid #ffffff14;margin-top:clamp(.5rem,1vw,.875rem);padding-top:clamp(.5rem,1vw,.875rem)}.order-details-page .customer-card .tracking-info .tracking-row,.order-details-page .address-card .tracking-info .tracking-row,.order-details-page .tracking-card .tracking-info .tracking-row,.order-details-page .history-card .tracking-info .tracking-row{flex-direction:row;justify-content:space-between;align-items:center;padding:clamp(.375rem,.75vw,.625rem) 0;display:flex}.order-details-page .customer-card .tracking-info .tracking-row .tracking-number,.order-details-page .address-card .tracking-info .tracking-row .tracking-number,.order-details-page .tracking-card .tracking-info .tracking-row .tracking-number,.order-details-page .history-card .tracking-info .tracking-row .tracking-number{background:#1a1a25;border-radius:clamp(4px,.5vw,8px);padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-family:monospace;font-size:clamp(.6875rem,1.25vw,.8125rem)}.order-details-page .customer-card .tracking-info .track-link,.order-details-page .address-card .tracking-info .track-link,.order-details-page .tracking-card .tracking-info .track-link,.order-details-page .history-card .tracking-info .track-link{color:#3b82f6;background:#3b82f61a;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);margin-top:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500;text-decoration:none;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.order-details-page .customer-card .tracking-info .track-link:hover,.order-details-page .address-card .tracking-info .track-link:hover,.order-details-page .tracking-card .tracking-info .track-link:hover,.order-details-page .history-card .tracking-info .track-link:hover{background:#3b82f633}.order-details-page .customer-card .history-list .history-item,.order-details-page .address-card .history-list .history-item,.order-details-page .tracking-card .history-list .history-item,.order-details-page .history-card .history-list .history-item{border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:flex-start;align-items:flex-start;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.75rem,1.5vw,1.25rem) 0;display:flex}.order-details-page .customer-card .history-list .history-item:last-child,.order-details-page .address-card .history-list .history-item:last-child,.order-details-page .tracking-card .history-list .history-item:last-child,.order-details-page .history-card .history-list .history-item:last-child{border-bottom:none}.order-details-page .customer-card .history-list .history-item .history-icon,.order-details-page .address-card .history-list .history-item .history-icon,.order-details-page .tracking-card .history-list .history-item .history-icon,.order-details-page .history-card .history-list .history-item .history-icon{border-radius:clamp(4px,.5vw,8px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.order-details-page .customer-card .history-list .history-item .history-content,.order-details-page .address-card .history-list .history-item .history-content,.order-details-page .tracking-card .history-list .history-item .history-content,.order-details-page .history-card .history-list .history-item .history-content{flex:1}.order-details-page .customer-card .history-list .history-item .history-content .history-status,.order-details-page .address-card .history-list .history-item .history-content .history-status,.order-details-page .tracking-card .history-list .history-item .history-content .history-status,.order-details-page .history-card .history-list .history-item .history-content .history-status{margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600}.order-details-page .customer-card .history-list .history-item .history-content .history-note,.order-details-page .address-card .history-list .history-item .history-content .history-note,.order-details-page .tracking-card .history-list .history-item .history-content .history-note,.order-details-page .history-card .history-list .history-item .history-content .history-note{color:#888;margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}.order-details-page .customer-card .history-list .history-item .history-content .history-date,.order-details-page .address-card .history-list .history-item .history-content .history-date,.order-details-page .tracking-card .history-list .history-item .history-content .history-date,.order-details-page .history-card .history-list .history-item .history-content .history-date{color:#888;opacity:.7;font-size:clamp(.6875rem,1.25vw,.8125rem)}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.products-page .page-header .btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.products-page .page-header .btn-primary:disabled{opacity:.5;cursor:not-allowed}.products-page .page-header .btn-primary:active{transform:scale(.98)}.products-page .page-header .btn-primary{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.products-page .page-header .btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.products-page .filters-bar{flex-flow:wrap;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=768px){.products-page .filters-bar{flex-direction:column;align-items:stretch;gap:clamp(.5rem,1vw,.875rem)}}.products-page .filters-bar .search-box{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:280px;max-width:400px;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=768px){.products-page .filters-bar .search-box{min-width:auto;max-width:100%;padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}.products-page .filters-bar .search-box svg{color:#888;flex-shrink:0}@media (width<=480px){.products-page .filters-bar .search-box svg{width:16px;height:16px}}.products-page .filters-bar .search-box input{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.products-page .filters-bar .search-box input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.products-page .filters-bar .search-box input::placeholder{color:#888}.products-page .filters-bar .search-box input:disabled{opacity:.6;cursor:not-allowed}.products-page .filters-bar .search-box input{background:0 0;border:none;padding:0}.products-page .filters-bar .filter-group{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width<=768px){.products-page .filters-bar .filter-group{grid-template-columns:1fr 1fr;width:100%;display:grid}}@media (width<=480px){.products-page .filters-bar .filter-group{grid-template-columns:1fr}}.products-page .filters-bar .filter-group select{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.products-page .filters-bar .filter-group select:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.products-page .filters-bar .filter-group select::placeholder{color:#888}.products-page .filters-bar .filter-group select:disabled{opacity:.6;cursor:not-allowed}.products-page .filters-bar .filter-group select{appearance:none;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%23D4AF37' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-position:right clamp(.5rem,1vw,.875rem) center;background-repeat:no-repeat;min-width:150px;padding-right:clamp(1.25rem,3vw,2.5rem)}@media (width<=768px){.products-page .filters-bar .filter-group select{width:100%;min-width:auto;padding:clamp(.375rem,.75vw,.625rem) clamp(1rem,2vw,1.75rem) clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem)}}.products-page .filters-bar .filter-group select option{color:#fff;background:#0a0a0f}.products-page .bulk-actions{background:#ef44441a;border:1px solid #ef44444d;border-radius:clamp(8px,1vw,12px);flex-flow:wrap;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem);padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem);display:flex}@media (width<=768px){.products-page .bulk-actions{gap:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.products-page .bulk-actions{text-align:center;flex-direction:column;align-items:stretch}}.products-page .bulk-actions span{color:#fff;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500}.products-page .bulk-actions .btn-danger{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.products-page .bulk-actions .btn-danger:disabled{opacity:.5;cursor:not-allowed}.products-page .bulk-actions .btn-danger:active{transform:scale(.98)}.products-page .bulk-actions .btn-danger{color:#ef4444;background:0 0;border:1px solid #ef4444}.products-page .bulk-actions .btn-danger:hover:not(:disabled){color:#fff;background:#ef4444}.products-page .bulk-actions .btn-danger{padding:clamp(.375rem,.75vw,.625rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}.products-page .table-container{-webkit-overflow-scrolling:touch;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);margin-bottom:clamp(1rem,2vw,1.75rem);overflow:auto hidden}.products-page .table-container::-webkit-scrollbar{width:6px;height:6px}.products-page .table-container::-webkit-scrollbar-track{background:0 0}.products-page .table-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.products-page .table-container::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (width<=768px){.products-page .table-container{border-radius:clamp(8px,1vw,12px);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.products-page .table-container{border-radius:clamp(4px,.5vw,8px)}}.products-page .products-table{border-collapse:collapse;width:100%;min-width:900px;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=1200px){.products-page .products-table{min-width:850px}}@media (width<=1024px){.products-page .products-table{min-width:800px;font-size:clamp(.6875rem,1.25vw,.8125rem)}}.products-page .products-table thead{background:#0a0a0f}.products-page .products-table thead th{text-align:left;text-transform:uppercase;letter-spacing:.5px;color:#888;white-space:nowrap;border-bottom:1px solid #ffffff14;padding:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600}@media (width<=1200px){.products-page .products-table thead th{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.products-page .products-table thead th{padding:clamp(.5rem,1vw,.875rem)}}.products-page .products-table thead th input[type=checkbox]{accent-color:#d4af37;cursor:pointer;width:18px;height:18px}@media (width<=1024px){.products-page .products-table thead th input[type=checkbox]{width:16px;height:16px}}.products-page .products-table tbody tr{border-bottom:1px solid #ffffff14;transition:all .15s cubic-bezier(.4,0,.2,1)}.products-page .products-table tbody tr:hover{background:#d4af3708}.products-page .products-table tbody tr:last-child{border-bottom:none}.products-page .products-table tbody tr td{color:#fff;vertical-align:middle;padding:clamp(.75rem,1.5vw,1.25rem)}@media (width<=1200px){.products-page .products-table tbody tr td{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}@media (width<=1024px){.products-page .products-table tbody tr td{padding:clamp(.5rem,1vw,.875rem)}}.products-page .products-table tbody tr td input[type=checkbox]{accent-color:#d4af37;cursor:pointer;width:18px;height:18px}@media (width<=1024px){.products-page .products-table tbody tr td input[type=checkbox]{width:16px;height:16px}}.products-page .products-table .product-cell{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width<=1024px){.products-page .products-table .product-cell{gap:clamp(.375rem,.75vw,.625rem)}}.products-page .products-table .product-cell img{object-fit:cover;border:1px solid #ffffff14;border-radius:clamp(4px,.5vw,8px);flex-shrink:0;width:50px;height:50px}@media (width<=1200px){.products-page .products-table .product-cell img{width:45px;height:45px}}@media (width<=1024px){.products-page .products-table .product-cell img{width:40px;height:40px}}.products-page .products-table .product-cell>div{min-width:0}.products-page .products-table .product-cell>div .product-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:200px;margin-bottom:4px;font-weight:500;display:block;overflow:hidden}@media (width<=1200px){.products-page .products-table .product-cell>div .product-name{max-width:160px}}@media (width<=1024px){.products-page .products-table .product-cell>div .product-name{max-width:140px;font-size:clamp(.6875rem,1.25vw,.8125rem)}}.products-page .products-table .product-cell>div .product-sku{color:#888;font-family:SF Mono,monospace;font-size:clamp(.6875rem,1.25vw,.8125rem);display:block}.products-page .products-table .category-badge{text-transform:capitalize;color:#888;white-space:nowrap;background:#22223026;border-radius:20px;align-items:center;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:inline-flex}.products-page .products-table .stock-badge{text-transform:capitalize;color:#fff;white-space:nowrap;background:#00000026;border-radius:20px;align-items:center;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:inline-flex}.products-page .products-table .stock-badge.in{color:#10b981;background:#10b98126}.products-page .products-table .stock-badge.low{color:#f59e0b;background:#f59e0b26}.products-page .products-table .status-badge{text-transform:capitalize;color:#fff;white-space:nowrap;text-transform:capitalize;background:#00000026;border-radius:20px;align-items:center;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:inline-flex}.products-page .products-table .status-badge.active{color:#10b981;background:#10b98126}.products-page .products-table .status-badge.inactive{color:#888;background:#88888826}.products-page .products-table .status-badge.out-of-stock{color:#ef4444;background:#ef444426}.products-page .products-table .action-buttons{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}@media (width<=1024px){.products-page .products-table .action-buttons{gap:clamp(.25rem,.5vw,.5rem)}}.products-page .products-table .action-buttons button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=1024px){.products-page .products-table .action-buttons button{width:28px;height:28px}}.products-page .products-table .action-buttons button:hover{color:#fff;background:#1a1a25}.products-page .products-table .action-buttons button:first-child:hover{color:#d4af37;background:#d4af3726}.products-page .products-table .action-buttons button:last-child:hover{color:#ef4444;background:#ef444426}@media (width<=1024px){.products-page .products-table .action-buttons button svg{width:14px;height:14px}}.products-page .pagination{flex-flow:wrap;justify-content:space-between;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width<=768px){.products-page .pagination{text-align:center;flex-direction:column;align-items:center;gap:clamp(.5rem,1vw,.875rem)}}.products-page .pagination>span{color:#888;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=768px){.products-page .pagination>span{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.products-page .pagination .page-buttons{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}@media (width<=480px){.products-page .pagination .page-buttons{gap:clamp(.25rem,.5vw,.5rem)}}.products-page .pagination .page-buttons button{color:#fff;cursor:pointer;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;min-width:36px;height:36px;padding:0 clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=768px){.products-page .pagination .page-buttons button{min-width:32px;height:32px;padding:0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}@media (width<=480px){.products-page .pagination .page-buttons button{min-width:28px;height:28px;padding:0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}.products-page .pagination .page-buttons button:hover:not(:disabled){background:#1a1a25}.products-page .pagination .page-buttons button.active{color:#0a0a0f;background:#d4af37;border-color:#d4af37;font-weight:600}.products-page .pagination .page-buttons button:disabled{opacity:.5;cursor:not-allowed}.products-page .mobile-cards{flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);display:none}@media (width<=768px){.products-page .mobile-cards{display:flex}}.products-page .mobile-cards .mobile-product-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.products-page .mobile-cards .mobile-product-card:hover{border-color:#d4af374d}.products-page .mobile-cards .mobile-product-card{padding:clamp(.75rem,1.5vw,1.25rem)}.products-page .mobile-cards .mobile-product-card .card-header{flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:flex}.products-page .mobile-cards .mobile-product-card .card-header .product-info{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}.products-page .mobile-cards .mobile-product-card .card-header .product-info img{object-fit:cover;border:1px solid #ffffff14;border-radius:clamp(4px,.5vw,8px);width:50px;height:50px}.products-page .mobile-cards .mobile-product-card .card-header .product-info .product-details .product-name{color:#fff;margin-bottom:4px;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500}.products-page .mobile-cards .mobile-product-card .card-header .product-info .product-details .product-sku{color:#888;font-family:monospace;font-size:clamp(.6875rem,1.25vw,.8125rem)}.products-page .mobile-cards .mobile-product-card .card-header input[type=checkbox]{accent-color:#d4af37;width:20px;height:20px}.products-page .mobile-cards .mobile-product-card .card-body{grid-template-columns:repeat(2,1fr);gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:grid}.products-page .mobile-cards .mobile-product-card .card-body .info-item .label{color:#888;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:clamp(.6875rem,1.25vw,.8125rem)}.products-page .mobile-cards .mobile-product-card .card-body .info-item .value{color:#fff;font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500}.products-page .mobile-cards .mobile-product-card .card-footer{border-top:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding-top:clamp(.75rem,1.5vw,1.25rem);display:flex}.products-page .mobile-cards .mobile-product-card .card-footer .action-buttons{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.products-page .mobile-cards .mobile-product-card .card-footer .action-buttons button{color:#888;cursor:pointer;background:0 0;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.products-page .mobile-cards .mobile-product-card .card-footer .action-buttons button:first-child{color:#d4af37;background:#d4af371a}.products-page .mobile-cards .mobile-product-card .card-footer .action-buttons button:last-child{color:#ef4444;background:#ef44441a}@media (width<=768px){.products-page .table-container{display:none}}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.product-form-page.loading{flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);min-height:60vh;display:flex}.product-form-page.loading .spinner{color:#d4af37;animation:1s linear infinite spin}.product-form-page.loading p{color:#888}.product-form-page .back-btn{cursor:pointer;color:#888;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(1rem,2vw,1.75rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.product-form-page .back-btn:hover{color:#d4af37;background:#1a1a25;border-color:#d4af37}@media (width<=480px){.product-form-page .back-btn{margin-bottom:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}.product-form-page .page-header{margin-bottom:clamp(1.25rem,3vw,2.5rem)}@media (width<=768px){.product-form-page .page-header{margin-bottom:clamp(1rem,2vw,1.75rem)}}.product-form-page .page-header h1{color:#fff;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(1.25rem,3.5vw,1.75rem);font-weight:700}@media (width<=768px){.product-form-page .page-header h1{font-size:clamp(1rem,2.5vw,1.375rem)}}.product-form-page .page-header .subtitle{color:#888;margin:0;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=480px){.product-form-page .page-header .subtitle{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.product-form-page .product-form{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);padding:clamp(1.5rem,4vw,3.5rem);box-shadow:0 4px 16px #00000080}@media (width<=1200px){.product-form-page .product-form{padding:clamp(1.25rem,3vw,2.5rem)}}@media (width<=768px){.product-form-page .product-form{border-radius:clamp(8px,1vw,12px);padding:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.product-form-page .product-form{padding:clamp(.75rem,1.5vw,1.25rem)}}.product-form-page .form-grid{grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:clamp(1.25rem,3vw,2.5rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=1200px){.product-form-page .form-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.product-form-page .form-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=480px){.product-form-page .form-grid{gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}.product-form-page .form-section h3{color:#d4af37;border-bottom:2px solid #ffffff14;margin:0 0 clamp(1rem,2vw,1.75rem);padding-bottom:clamp(.5rem,1vw,.875rem);font-size:clamp(.875rem,2vw,1.125rem);font-weight:600}@media (width<=768px){.product-form-page .form-section h3{margin-bottom:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem)}}.product-form-page .form-section.full-width{grid-column:1/-1}.product-form-page .form-group{margin-bottom:clamp(1rem,2vw,1.75rem)}@media (width<=768px){.product-form-page .form-group{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.product-form-page .form-group{margin-bottom:clamp(.5rem,1vw,.875rem)}}.product-form-page .form-group label{color:#fff;margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;display:block}@media (width<=480px){.product-form-page .form-group label{margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}.product-form-page .form-group label.checkbox-label{cursor:pointer;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.375rem,.75vw,.625rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.product-form-page .form-group label.checkbox-label:hover{background:#1a1a25}.product-form-page .form-group label.checkbox-label input[type=checkbox]{accent-color:#d4af37;cursor:pointer;width:1rem;height:1rem}.product-form-page .form-group input,.product-form-page .form-group select,.product-form-page .form-group textarea{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.product-form-page .form-group input:focus,.product-form-page .form-group select:focus,.product-form-page .form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.product-form-page .form-group input::placeholder,.product-form-page .form-group select::placeholder,.product-form-page .form-group textarea::placeholder{color:#888}.product-form-page .form-group input:disabled,.product-form-page .form-group select:disabled,.product-form-page .form-group textarea:disabled{opacity:.6;cursor:not-allowed}@media (width<=480px){.product-form-page .form-group input,.product-form-page .form-group select,.product-form-page .form-group textarea{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}.product-form-page .form-group textarea{resize:vertical;min-height:120px}@media (width<=480px){.product-form-page .form-group textarea{min-height:100px}}.product-form-page .form-group select{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='%23D4AF37' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-position:right clamp(.5rem,1vw,.875rem) center;background-repeat:no-repeat;padding-right:clamp(1.25rem,3vw,2.5rem)}.product-form-page .form-group select option{color:#fff;background:#12121a}.product-form-page .form-row{grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.5vw,1.25rem);display:grid}@media (width<=480px){.product-form-page .form-row{grid-template-columns:1fr;gap:clamp(.5rem,1vw,.875rem)}}.product-form-page .checkbox-group{align-items:flex-end;padding-bottom:clamp(.375rem,.75vw,.625rem);display:flex}.product-form-page .image-upload{margin-bottom:clamp(1rem,2vw,1.75rem)}.product-form-page .image-upload .upload-btn{cursor:pointer;color:#888;background:#1a1a25;border:2px dashed #ffffff14;border-radius:clamp(12px,1.5vw,16px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(1.25rem,3vw,2.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=480px){.product-form-page .image-upload .upload-btn{padding:clamp(1rem,2vw,1.75rem)}}.product-form-page .image-upload .upload-btn:hover:not(.disabled){color:#d4af37;background:#d4af370d;border-color:#d4af37}.product-form-page .image-upload .upload-btn.disabled{opacity:.5;cursor:not-allowed}.product-form-page .image-upload .upload-btn svg{color:inherit;margin-bottom:clamp(.5rem,1vw,.875rem)}@media (width<=480px){.product-form-page .image-upload .upload-btn svg{width:24px;height:24px}}.product-form-page .image-upload .upload-btn span{margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500}@media (width<=480px){.product-form-page .image-upload .upload-btn span{font-size:clamp(.6875rem,1.25vw,.8125rem)}}.product-form-page .image-upload .upload-btn small{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}@media (width<=480px){.product-form-page .image-upload .upload-btn small{font-size:clamp(.625rem,1vw,.75rem)}}.product-form-page .upload-progress{margin-bottom:clamp(1rem,2vw,1.75rem)}.product-form-page .upload-progress .progress-bar{background:#ffffff14;border-radius:9999px;height:.5rem;margin-bottom:clamp(.375rem,.75vw,.625rem);overflow:hidden}.product-form-page .upload-progress .progress-bar .progress-fill{background:linear-gradient(90deg,#d4af37,#b8960c);height:100%;transition:width .3s}.product-form-page .upload-progress span{color:#888;font-size:clamp(.75rem,1.5vw,.9375rem)}.product-form-page .image-preview-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:clamp(.75rem,1.5vw,1.25rem);display:grid}@media (width<=480px){.product-form-page .image-preview-grid{grid-template-columns:repeat(3,1fr);gap:clamp(.5rem,1vw,.875rem)}}.product-form-page .image-preview-grid .preview-item{aspect-ratio:1;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);position:relative;overflow:hidden}.product-form-page .image-preview-grid .preview-item img{object-fit:cover;width:100%;height:100%}.product-form-page .image-preview-grid .preview-item .remove-btn{color:#fff;cursor:pointer;background:#ef4444e6;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:clamp(.375rem,.75vw,.625rem);right:clamp(.375rem,.75vw,.625rem)}.product-form-page .image-preview-grid .preview-item .remove-btn:hover:not(:disabled){background:#ef4444;transform:scale(1.05)}.product-form-page .image-preview-grid .preview-item .remove-btn:disabled{opacity:.5;cursor:not-allowed}@media (width<=480px){.product-form-page .image-preview-grid .preview-item .remove-btn{width:1.5rem;height:1.5rem;top:clamp(.25rem,.5vw,.5rem);right:clamp(.25rem,.5vw,.5rem)}}.product-form-page .image-upload-row{flex-wrap:wrap;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=480px){.product-form-page .image-upload-row{gap:clamp(.5rem,1vw,.875rem)}}.product-form-page .image-upload-box{width:120px;height:120px;position:relative}@media (width<=768px){.product-form-page .image-upload-box{width:100px;height:100px}}@media (width<=480px){.product-form-page .image-upload-box{width:80px;height:80px}}.product-form-page .image-upload-box label{cursor:pointer;width:100%;height:100%}.product-form-page .image-upload-box .upload-placeholder{background:#1a1a25;border:2px dashed #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.25rem,.5vw,.5rem);width:100%;height:100%;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.product-form-page .image-upload-box .upload-placeholder:hover{background:#d4af370d;border-color:#d4af37}.product-form-page .image-upload-box .upload-placeholder.has-image{border-style:solid;border-color:#d4af37;padding:0}.product-form-page .image-upload-box .upload-placeholder img{object-fit:cover;border-radius:clamp(8px,1vw,12px);width:100%;height:100%}.product-form-page .image-upload-box .upload-placeholder svg{color:#d4af37}@media (width<=480px){.product-form-page .image-upload-box .upload-placeholder svg{width:20px;height:20px}}.product-form-page .image-upload-box .upload-placeholder span{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}@media (width<=480px){.product-form-page .image-upload-box .upload-placeholder span{font-size:clamp(.625rem,1vw,.75rem)}}.product-form-page .remove-image-btn{color:#fff;cursor:pointer;background:#ef4444;border:none;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:24px;height:24px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:-8px;right:-8px;box-shadow:0 2px 8px #0006}.product-form-page .remove-image-btn:hover{background:#eb1515;transform:scale(1.1)}@media (width<=480px){.product-form-page .remove-image-btn{width:20px;height:20px;top:-6px;right:-6px}.product-form-page .remove-image-btn svg{width:12px;height:12px}}.product-form-page .form-actions{border-top:1px solid #ffffff14;flex-direction:row;justify-content:flex-end;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding-top:clamp(1.25rem,3vw,2.5rem);display:flex}@media (width<=768px){.product-form-page .form-actions{flex-direction:column-reverse;gap:clamp(.5rem,1vw,.875rem);padding-top:clamp(1rem,2vw,1.75rem)}}.product-form-page .form-actions .btn{flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}@media (width<=768px){.product-form-page .form-actions .btn{justify-content:center;width:100%}}.product-form-page .form-actions .btn.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.product-form-page .form-actions .btn.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.product-form-page .form-actions .btn.btn-secondary:active{transform:scale(.98)}.product-form-page .form-actions .btn.btn-secondary{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.product-form-page .form-actions .btn.btn-secondary:hover:not(:disabled){background:#222230;border-color:#d4af374d}.product-form-page .form-actions .btn.btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.product-form-page .form-actions .btn.btn-primary:disabled{opacity:.5;cursor:not-allowed}.product-form-page .form-actions .btn.btn-primary:active{transform:scale(.98)}.product-form-page .form-actions .btn.btn-primary{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.product-form-page .form-actions .btn.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.product-form-page .form-actions .btn.btn-primary .spinner{animation:1s linear infinite spin}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.users-page{padding:clamp(.75rem,1.5vw,1.25rem)}@media (width>=768px){.users-page{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=1200px){.users-page{padding:clamp(1.25rem,3vw,2.5rem)}}.users-page .users-header{flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:flex}@media (width>=768px){.users-page .users-header{flex-direction:row;justify-content:space-between;align-items:center}}.users-page .users-header .header-title h1{color:#fff;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(1.5rem,4vw,2rem)}.users-page .users-header .header-title p{color:#888;margin:0;font-size:clamp(.75rem,1.5vw,.9375rem)}.users-page .users-header .btn-add-user{color:#0a0a0f;cursor:pointer;background:#d4af37;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.875rem);width:100%;min-height:44px;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width>=480px){.users-page .users-header .btn-add-user{width:auto}}.users-page .users-header .btn-add-user:hover{background:#b29126}.users-page .stats-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width>=480px){.users-page .stats-grid{grid-template-columns:repeat(2,1fr);gap:clamp(.75rem,1.5vw,1.25rem)}}@media (width>=1024px){.users-page .stats-grid{grid-template-columns:repeat(4,1fr);gap:clamp(1rem,2vw,1.75rem)}}.users-page .stats-grid .stat-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.users-page .stats-grid .stat-card:hover{border-color:#d4af374d}.users-page .stats-grid .stat-card{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width>=768px){.users-page .stats-grid .stat-card{padding:clamp(1rem,2vw,1.75rem)}}.users-page .stats-grid .stat-card .stat-icon{color:#d4af37;background:#1a1a25;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}@media (width>=768px){.users-page .stats-grid .stat-card .stat-icon{width:50px;height:50px}}.users-page .stats-grid .stat-card .stat-icon svg{width:20px;height:20px}@media (width>=768px){.users-page .stats-grid .stat-card .stat-icon svg{width:24px;height:24px}}.users-page .stats-grid .stat-card .stat-content{min-width:0}.users-page .stats-grid .stat-card .stat-content h3{color:#888;text-transform:uppercase;letter-spacing:.5px;white-space:nowrap;text-overflow:ellipsis;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem);overflow:hidden}.users-page .stats-grid .stat-card .stat-content .stat-value{color:#fff;margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700}.users-page .stats-grid .stat-card .stat-content .stat-trend{color:#10b981;font-size:clamp(.6875rem,1.25vw,.8125rem)}.users-page .stats-grid .stat-card .stat-content .stat-trend.negative{color:#ef4444}.users-page .filters-section{margin-bottom:clamp(1rem,2vw,1.75rem)}.users-page .filters-section .filters-row{flex-direction:column;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width>=768px){.users-page .filters-section .filters-row{flex-flow:wrap;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem)}}.users-page .filters-section .filters-row .search-box{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);width:100%;padding:0 clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width>=768px){.users-page .filters-section .filters-row .search-box{flex:1;min-width:280px;max-width:400px}}.users-page .filters-section .filters-row .search-box input{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.users-page .filters-section .filters-row .search-box input:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.users-page .filters-section .filters-row .search-box input::placeholder{color:#888}.users-page .filters-section .filters-row .search-box input:disabled{opacity:.6;cursor:not-allowed}.users-page .filters-section .filters-row .search-box input{background:0 0;border:none;width:100%;min-height:44px;padding:clamp(.5rem,1vw,.875rem) 0}.users-page .filters-section .filters-row .filters-group{flex-direction:column;gap:clamp(.5rem,1vw,.875rem);width:100%;display:flex}@media (width>=480px){.users-page .filters-section .filters-row .filters-group{grid-template-columns:repeat(2,1fr);display:grid}}@media (width>=768px){.users-page .filters-section .filters-row .filters-group{flex-direction:row;width:auto;display:flex}}.users-page .filters-section .filters-row .filters-group select,.users-page .filters-section .filters-row .filters-group .btn-filter{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.users-page .filters-section .filters-row .filters-group select:focus,.users-page .filters-section .filters-row .filters-group .btn-filter:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.users-page .filters-section .filters-row .filters-group select::placeholder,.users-page .filters-section .filters-row .filters-group .btn-filter::placeholder{color:#888}.users-page .filters-section .filters-row .filters-group select:disabled,.users-page .filters-section .filters-row .filters-group .btn-filter:disabled{opacity:.6;cursor:not-allowed}.users-page .filters-section .filters-row .filters-group select,.users-page .filters-section .filters-row .filters-group .btn-filter{cursor:pointer;width:100%;min-height:44px}@media (width>=768px){.users-page .filters-section .filters-row .filters-group select,.users-page .filters-section .filters-row .filters-group .btn-filter{width:auto}}.users-page .filters-section .filters-row .filters-group .btn-filter{background:#12121a;flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}@media (width>=768px){.users-page .filters-section .filters-row .filters-group .btn-filter{padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem)}}.users-page .filters-section .filters-row .filters-group .btn-filter:hover{background:#1a1a25}.users-page .table-section .table-container{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);margin-bottom:clamp(1rem,2vw,1.75rem);display:none;overflow:hidden}@media (width>=1024px){.users-page .table-section .table-container{display:block}}.users-page .table-section .table-container::-webkit-scrollbar{width:6px;height:6px}.users-page .table-section .table-container::-webkit-scrollbar-track{background:0 0}.users-page .table-section .table-container::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.users-page .table-section .table-container::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (width>=1024px) and (width<=1199px){.users-page .table-section .table-container{overflow-x:auto}.users-page .table-section .table-container table{min-width:900px}}.users-page .table-section .table-container table{border-collapse:collapse;width:100%;font-size:clamp(.75rem,1.5vw,.9375rem)}.users-page .table-section .table-container table th{text-align:left;text-transform:uppercase;color:#888;letter-spacing:.5px;white-space:nowrap;background:#0a0a0f;border-bottom:1px solid #ffffff14;padding:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600}.users-page .table-section .table-container table td{vertical-align:middle;border-top:1px solid #ffffff14;padding:clamp(.75rem,1.5vw,1.25rem)}.users-page .table-section .table-container table .checkbox{accent-color:#d4af37;cursor:pointer;width:18px;min-width:18px;height:18px}.users-page .table-section .table-container table .user-cell{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:0;display:flex}.users-page .table-section .table-container table .user-cell .user-avatar{object-fit:cover;border-radius:50%;flex-shrink:0;width:36px;height:36px}@media (width>=1200px){.users-page .table-section .table-container table .user-cell .user-avatar{width:40px;height:40px}}.users-page .table-section .table-container table .user-cell .user-info{min-width:0}.users-page .table-section .table-container table .user-cell .user-info .user-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;max-width:150px;font-weight:500;overflow:hidden}@media (width>=1200px){.users-page .table-section .table-container table .user-cell .user-info .user-name{max-width:200px}}.users-page .table-section .table-container table .user-cell .user-info .user-id{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}.users-page .table-section .table-container table .contact-cell{min-width:0}.users-page .table-section .table-container table .contact-cell .contact-item{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);max-width:180px;margin-bottom:clamp(.25rem,.5vw,.5rem);font-size:clamp(.6875rem,1.25vw,.8125rem);display:flex;overflow:hidden}.users-page .table-section .table-container table .contact-cell .contact-item svg{color:#888;flex-shrink:0;width:14px;height:14px}.users-page .table-section .table-container table .contact-cell .contact-item:last-child{margin-bottom:0}.users-page .table-section .table-container table .role-cell{text-transform:capitalize;white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.users-page .table-section .table-container table .role-cell svg{flex-shrink:0}.users-page .table-section .table-container table .status-badge{text-transform:capitalize;color:#fff;white-space:nowrap;white-space:nowrap;background:#00000026;border-radius:20px;align-items:center;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600;display:inline-flex}.users-page .table-section .table-container table .status-badge.status-active{color:#10b981;background:#10b98126}.users-page .table-section .table-container table .status-badge.status-inactive{color:#888;background:#88888826}.users-page .table-section .table-container table .status-badge.status-banned{color:#ef4444;background:#ef444426}.users-page .table-section .table-container table .orders-cell{min-width:0}.users-page .table-section .table-container table .orders-cell .orders-header{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);margin-bottom:clamp(.25rem,.5vw,.5rem);display:flex}.users-page .table-section .table-container table .orders-cell .orders-header .orders-icon{color:#888;flex-shrink:0}.users-page .table-section .table-container table .orders-cell .orders-count{font-weight:600}.users-page .table-section .table-container table .orders-cell .orders-amount{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}.users-page .table-section .table-container table .orders-cell .btn-view-orders{color:#d4af37;cursor:pointer;background:#1a1a25;border:none;border-radius:clamp(4px,.5vw,8px);margin-top:clamp(.375rem,.75vw,.625rem);padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}.users-page .table-section .table-container table .orders-cell .btn-view-orders:hover{background:#222230}.users-page .table-section .table-container table .date-cell{color:#888;white-space:nowrap;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem);display:flex}.users-page .table-section .table-container table .date-cell svg{color:#6b7280;flex-shrink:0}.users-page .table-section .table-container table .actions-cell{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.users-page .table-section .table-container table .actions-cell .btn-action{color:#fff;cursor:pointer;background:#1a1a25;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width>=1200px){.users-page .table-section .table-container table .actions-cell .btn-action{width:32px;height:32px}}.users-page .table-section .table-container table .actions-cell .btn-action:hover{background:#222230}.users-page .table-section .table-container table .actions-cell .btn-action.btn-edit{color:#3b82f6}.users-page .table-section .table-container table .actions-cell .btn-action.btn-ban{color:#f59e0b}.users-page .table-section .table-container table .actions-cell .btn-action.btn-activate{color:#10b981}.users-page .table-section .table-container table .actions-cell .btn-action.btn-delete{color:#ef4444}.users-page .table-section .table-container table .actions-cell .btn-action svg{width:18px;height:18px}.users-page .mobile-cards{flex-direction:column;gap:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width>=1024px){.users-page .mobile-cards{display:none}}.users-page .mobile-cards .user-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.users-page .mobile-cards .user-card:hover{border-color:#d4af374d}.users-page .mobile-cards .user-card{padding:clamp(.75rem,1.5vw,1.25rem)}@media (width>=768px){.users-page .mobile-cards .user-card{padding:clamp(1rem,2vw,1.75rem)}}.users-page .mobile-cards .user-card .card-header{flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:flex}.users-page .mobile-cards .user-card .card-header .card-user{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:0;display:flex}.users-page .mobile-cards .user-card .card-header .card-user img{object-fit:cover;border-radius:50%;flex-shrink:0;width:44px;height:44px}.users-page .mobile-cards .user-card .card-header .card-user .card-user-info{min-width:0}.users-page .mobile-cards .user-card .card-header .card-user .card-user-info h4{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:clamp(.875rem,2vw,1.125rem);font-weight:600;overflow:hidden}.users-page .mobile-cards .user-card .card-header .card-user .card-user-info span{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}.users-page .mobile-cards .user-card .card-header .card-checkbox{accent-color:#d4af37;flex-shrink:0;width:20px;height:20px}.users-page .mobile-cards .user-card .card-details{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}.users-page .mobile-cards .user-card .card-details .card-detail{color:#9ca3af;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}@media (width>=480px){.users-page .mobile-cards .user-card .card-details .card-detail{font-size:clamp(.875rem,2vw,1.125rem)}}.users-page .mobile-cards .user-card .card-details .card-detail svg{color:#6b7280;flex-shrink:0;width:16px;height:16px}.users-page .mobile-cards .user-card .card-details .card-detail span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.users-page .mobile-cards .user-card .card-details .card-detail:last-child{margin-bottom:0}.users-page .mobile-cards .user-card .card-footer{border-top:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding-top:clamp(.75rem,1.5vw,1.25rem);display:flex}.users-page .mobile-cards .user-card .card-footer .card-status{text-transform:capitalize;color:#fff;white-space:nowrap;background:#00000026;border-radius:20px;align-items:center;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;display:inline-flex}.users-page .mobile-cards .user-card .card-footer .card-status.status-active{color:#10b981;background:#10b98126}.users-page .mobile-cards .user-card .card-footer .card-status.status-inactive{color:#888;background:#88888826}.users-page .mobile-cards .user-card .card-footer .card-status.status-banned{color:#ef4444;background:#ef444426}.users-page .mobile-cards .user-card .card-footer .card-actions{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.users-page .mobile-cards .user-card .card-footer .card-actions button{color:#fff;cursor:pointer;background:#1a1a25;border:none;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;width:40px;height:40px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width>=480px){.users-page .mobile-cards .user-card .card-footer .card-actions button{width:44px;height:44px}}.users-page .mobile-cards .user-card .card-footer .card-actions button:hover{background:#222230}.users-page .mobile-cards .user-card .card-footer .card-actions button svg{width:18px;height:18px}.users-page .pagination{flex-direction:column;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1rem,2vw,1.75rem) 0;display:flex}@media (width>=480px){.users-page .pagination{flex-direction:row;justify-content:space-between;align-items:center}}.users-page .pagination .pagination-info{color:#888;text-align:center;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width>=480px){.users-page .pagination .pagination-info{text-align:left}}.users-page .pagination .pagination-controls{flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.users-page .pagination .pagination-controls button{color:#fff;cursor:pointer;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(4px,.5vw,8px);min-width:36px;min-height:36px;padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.users-page .pagination .pagination-controls button:hover:not(:disabled){background:#1a1a25}.users-page .pagination .pagination-controls button:disabled{opacity:.5;cursor:not-allowed}.users-page .pagination .pagination-controls button.active{color:#0a0a0f;background:#d4af37;border-color:#d4af37}.users-page .bulk-actions{z-index:100;background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.75rem,1.5vw,1.25rem);display:flex;position:fixed;bottom:clamp(.75rem,1.5vw,1.25rem);left:clamp(.75rem,1.5vw,1.25rem);right:clamp(.75rem,1.5vw,1.25rem);box-shadow:0 8px 32px #0009}@media (width>=480px){.users-page .bulk-actions{flex-direction:row;min-width:300px;padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem);left:50%;right:auto;transform:translate(-50%)}}@media (width>=768px){.users-page .bulk-actions{bottom:clamp(1rem,2vw,1.75rem)}}.users-page .bulk-actions .bulk-buttons{flex-direction:row;justify-content:center;align-items:center;gap:clamp(.5rem,1vw,.875rem);width:100%;display:flex}@media (width>=480px){.users-page .bulk-actions .bulk-buttons{width:auto}}.users-page .bulk-actions .bulk-buttons button{cursor:pointer;border:none;border-radius:clamp(4px,.5vw,8px);flex:1;min-height:44px;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1)}.users-page .bulk-actions .bulk-buttons button.btn-activate{color:#fff;background:#10b981}.users-page .bulk-actions .bulk-buttons button.btn-activate:hover{background:#0c8a60}.users-page .bulk-actions .bulk-buttons button.btn-ban{color:#0a0a0f;background:#f59e0b}.users-page .bulk-actions .bulk-buttons button.btn-ban:hover{background:#c57f08}.users-page .bulk-actions .bulk-buttons button.btn-clear{color:#fff;background:#1a1a25}.users-page .bulk-actions .bulk-buttons button.btn-clear:hover{background:#222230}.users-page .modal-overlay{z-index:1000;background:#000c;flex-direction:row;justify-content:center;align-items:center;padding:clamp(.75rem,1.5vw,1.25rem);display:flex;position:fixed;inset:0}@media (width>=480px){.users-page .modal-overlay{padding:clamp(1rem,2vw,1.75rem)}}.users-page .modal-overlay .modal-content{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(16px,2vw,24px);width:100%;max-width:400px;padding:clamp(1rem,2vw,1.75rem);animation:.3s fadeIn}@media (width>=480px){.users-page .modal-overlay .modal-content{padding:clamp(1.25rem,3vw,2.5rem)}}.users-page .modal-overlay .modal-content h3{color:#fff;margin:0 0 clamp(.75rem,1.5vw,1.25rem);font-size:clamp(1.125rem,3vw,1.25rem)}.users-page .modal-overlay .modal-content p{color:#888;margin:0 0 clamp(1rem,2vw,1.75rem);font-size:clamp(.875rem,2vw,1.125rem);line-height:1.5}.users-page .modal-overlay .modal-content p .highlight{color:#fff;font-weight:600}.users-page .modal-overlay .modal-content .modal-actions{flex-direction:column;justify-content:stretch;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width>=480px){.users-page .modal-overlay .modal-content .modal-actions{flex-direction:row;justify-content:flex-start}}.users-page .modal-overlay .modal-content .modal-actions button{cursor:pointer;border:none;border-radius:clamp(8px,1vw,12px);flex:1;min-height:44px;padding:clamp(.5rem,1vw,.875rem);font-size:clamp(.875rem,2vw,1.125rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1)}.users-page .modal-overlay .modal-content .modal-actions button.btn-cancel{color:#fff;background:#1a1a25;order:2}@media (width>=480px){.users-page .modal-overlay .modal-content .modal-actions button.btn-cancel{order:1}}.users-page .modal-overlay .modal-content .modal-actions button.btn-cancel:hover{background:#222230}.users-page .modal-overlay .modal-content .modal-actions button.btn-delete{color:#fff;background:#ef4444;order:1}@media (width>=480px){.users-page .modal-overlay .modal-content .modal-actions button.btn-delete{order:2}}.users-page .modal-overlay .modal-content .modal-actions button.btn-delete:hover{background:#eb1515}.users-page .loading-spinner{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(2rem,6vw,5rem);font-size:clamp(1rem,2.5vw,1.375rem);display:flex}.users-page .loading-spinner:after{content:"";border:3px solid #ffffff14;border-top-color:#d4af37;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.user-details-page .page-header .btn-back{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.user-details-page .page-header .btn-back:disabled{opacity:.5;cursor:not-allowed}.user-details-page .page-header .btn-back:active{transform:scale(.98)}.user-details-page .page-header .btn-back{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.user-details-page .page-header .btn-back:hover:not(:disabled){background:#222230;border-color:#d4af374d}.user-details-page .page-header .header-actions{flex-flow:wrap;justify-content:flex-end;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width<=768px){.user-details-page .page-header .header-actions{width:100%}.user-details-page .page-header .header-actions button{flex:1}}.user-details-page .page-header .header-actions button{flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.user-details-page .page-header .header-actions button .spinner{animation:1s linear infinite spin}.user-details-page .page-header .header-actions button.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.user-details-page .page-header .header-actions button.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.user-details-page .page-header .header-actions button.btn-secondary:active{transform:scale(.98)}.user-details-page .page-header .header-actions button.btn-secondary{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.user-details-page .page-header .header-actions button.btn-secondary:hover:not(:disabled){background:#222230;border-color:#d4af374d}.user-details-page .page-header .header-actions button.btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.user-details-page .page-header .header-actions button.btn-primary:disabled{opacity:.5;cursor:not-allowed}.user-details-page .page-header .header-actions button.btn-primary:active{transform:scale(.98)}.user-details-page .page-header .header-actions button.btn-primary{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.user-details-page .page-header .header-actions button.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.user-details-page .page-header .header-actions button.btn-success{color:#10b981;background:#10b98133;border:1px solid #10b981}.user-details-page .page-header .header-actions button.btn-success:hover{background:#10b9814d}.user-details-page .page-header .header-actions button.btn-warning{color:#f59e0b;background:#f59e0b33;border:1px solid #f59e0b}.user-details-page .page-header .header-actions button.btn-warning:hover{background:#f59e0b4d}.user-details-page .page-header .header-actions button.btn-danger{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.user-details-page .page-header .header-actions button.btn-danger:disabled{opacity:.5;cursor:not-allowed}.user-details-page .page-header .header-actions button.btn-danger:active{transform:scale(.98)}.user-details-page .page-header .header-actions button.btn-danger{color:#ef4444;background:0 0;border:1px solid #ef4444}.user-details-page .page-header .header-actions button.btn-danger:hover:not(:disabled){color:#fff;background:#ef4444}.user-details-page .user-details-content{grid-template-columns:320px 1fr;gap:clamp(1.25rem,3vw,2.5rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width<=1200px){.user-details-page .user-details-content{grid-template-columns:280px 1fr;gap:clamp(1rem,2vw,1.75rem)}}@media (width<=1024px){.user-details-page .user-details-content{grid-template-columns:1fr}}@media (width<=768px){.user-details-page .user-details-content{gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem)}}.user-details-page .user-info-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.user-details-page .user-info-card:hover{border-color:#d4af374d}.user-details-page .user-info-card{height:fit-content;padding:clamp(1.25rem,3vw,2.5rem)}@media (width<=1024px){.user-details-page .user-info-card{padding:clamp(1rem,2vw,1.75rem)}}.user-details-page .user-info-card .user-avatar-section{text-align:center;margin-bottom:clamp(1.25rem,3vw,2.5rem)}.user-details-page .user-info-card .user-avatar-section .avatar-wrapper{margin-bottom:clamp(.75rem,1.5vw,1.25rem);display:inline-block;position:relative}.user-details-page .user-info-card .user-avatar-section .avatar-wrapper img{object-fit:cover;border:4px solid #d4af37;border-radius:50%;width:120px;height:120px}@media (width<=1024px){.user-details-page .user-info-card .user-avatar-section .avatar-wrapper img{width:100px;height:100px}}.user-details-page .user-info-card .user-avatar-section .avatar-wrapper .btn-change-avatar{color:#0a0a0f;cursor:pointer;background:#d4af37;border:none;border-radius:50%;flex-direction:row;justify-content:center;align-items:center;width:36px;height:36px;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;bottom:0;right:0}.user-details-page .user-info-card .user-avatar-section .avatar-wrapper .btn-change-avatar:hover{transform:scale(1.1)}.user-details-page .user-info-card .user-avatar-section h2{margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(1rem,2.5vw,1.375rem);font-weight:600}@media (width<=1024px){.user-details-page .user-info-card .user-avatar-section h2{font-size:clamp(.875rem,2vw,1.125rem)}}.user-details-page .user-info-card .user-avatar-section .user-email{color:#888;margin-bottom:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem)}.user-details-page .user-info-card .user-avatar-section .user-badges{flex-flow:wrap;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);display:flex}.user-details-page .user-info-card .user-stats{border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;grid-template-columns:1fr 1fr;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1rem,2vw,1.75rem);padding:clamp(1rem,2vw,1.75rem) 0;display:grid}.user-details-page .user-info-card .user-stats .stat-item{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}.user-details-page .user-info-card .user-stats .stat-item svg{color:#d4af37;font-size:clamp(1.25rem,3.5vw,1.75rem)}.user-details-page .user-info-card .user-stats .stat-item .stat-value{color:#fff;font-size:clamp(1rem,2.5vw,1.375rem);font-weight:700}.user-details-page .user-info-card .user-stats .stat-item .stat-label{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}.user-details-page .user-info-card .user-meta .meta-item{color:#888;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem);display:flex}.user-details-page .user-info-card .user-meta .meta-item svg{color:#6b7280}.user-details-page .user-info-card .user-meta .meta-item:last-child{margin-bottom:0}.user-details-page .badge{text-transform:uppercase;border-radius:20px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:600}.user-details-page .badge.role-admin{color:#f7a2a2;background:#ef444433}.user-details-page .badge.role-moderator{color:#f9c56d;background:#f59e0b33}.user-details-page .badge.role-customer,.user-details-page .badge.status-active{color:#40efb5;background:#10b98133}.user-details-page .badge.status-banned{color:#f7a2a2;background:#ef444433}.user-details-page .badge.status-inactive{color:#9ca3af;background:#8883}.user-details-page .user-edit-card{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.user-details-page .user-edit-card:hover{border-color:#d4af374d}.user-details-page .user-edit-card{padding:clamp(1.25rem,3vw,2.5rem)}@media (width<=1024px){.user-details-page .user-edit-card{padding:clamp(1rem,2vw,1.75rem)}}.user-details-page .user-edit-card h3{color:#fff;margin:0 0 clamp(1rem,2vw,1.75rem);font-size:clamp(.875rem,2vw,1.125rem);font-weight:600}.user-details-page .user-edit-card h3.section-title{border-top:1px solid #ffffff14;margin-top:clamp(1.25rem,3vw,2.5rem);padding-top:clamp(1.25rem,3vw,2.5rem)}.user-details-page .form-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.75rem);display:grid}@media (width<=768px){.user-details-page .form-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem)}}.user-details-page .form-grid .full-width{grid-column:1/-1}.user-details-page .form-field label{color:#888;text-transform:uppercase;letter-spacing:.5px;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.375rem,.75vw,.625rem);margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500;display:flex}.user-details-page .form-field label svg{color:#d4af37}.user-details-page .form-field input,.user-details-page .form-field select{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.user-details-page .form-field input:focus,.user-details-page .form-field select:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.user-details-page .form-field input::placeholder,.user-details-page .form-field select::placeholder{color:#888}.user-details-page .form-field input:disabled,.user-details-page .form-field select:disabled{opacity:.6;cursor:not-allowed}.user-details-page .form-field select{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='%2364748b' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-position:right clamp(.5rem,1vw,.875rem) center;background-repeat:no-repeat;padding-right:clamp(1.25rem,3vw,2.5rem)}.user-details-page .form-field .field-value{color:#fff;border-bottom:1px solid #0000;padding:clamp(.5rem,1vw,.875rem) 0;font-size:clamp(.75rem,1.5vw,.9375rem)}.user-details-page .user-orders-section{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.user-details-page .user-orders-section:hover{border-color:#d4af374d}.user-details-page .user-orders-section{padding:clamp(1.25rem,3vw,2.5rem)}.user-details-page .user-orders-section h3{margin:0 0 clamp(1rem,2vw,1.75rem);font-size:clamp(.875rem,2vw,1.125rem);font-weight:600}.user-details-page .user-orders-section .empty-state{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(2rem,6vw,5rem);display:flex}.user-details-page .user-orders-section .empty-state svg{color:#6b7280}.user-details-page .orders-table{overflow-x:auto}.user-details-page .orders-table::-webkit-scrollbar{width:6px;height:6px}.user-details-page .orders-table::-webkit-scrollbar-track{background:0 0}.user-details-page .orders-table::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.user-details-page .orders-table::-webkit-scrollbar-thumb:hover{background:#6b7280}.user-details-page .orders-table table{border-collapse:collapse;width:100%}.user-details-page .orders-table table th,.user-details-page .orders-table table td{text-align:left;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width<=480px){.user-details-page .orders-table table th,.user-details-page .orders-table table td{padding:clamp(.375rem,.75vw,.625rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem)}}.user-details-page .orders-table table th{color:#888;text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid #ffffff14;font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500}.user-details-page .orders-table table td{color:#fff;border-bottom:1px solid #ffffff80}.user-details-page .orders-table table tr:hover td{background:#d4af370d}.user-details-page .orders-table .order-status{text-transform:capitalize;border-radius:20px;padding:clamp(.25rem,.5vw,.5rem) clamp(.5rem,1vw,.875rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500}.user-details-page .orders-table .order-status.status-pending{color:#f59e0b;background:#f59e0b33}.user-details-page .orders-table .order-status.status-processing{color:#3b82f6;background:#3b82f633}.user-details-page .orders-table .order-status.status-shipped{color:#635bff;background:#635bff33}.user-details-page .orders-table .order-status.status-delivered{color:#10b981;background:#10b98133}.user-details-page .orders-table .order-status.status-cancelled{color:#ef4444;background:#ef444433}.user-details-page .orders-table .btn-view{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:clamp(4px,.5vw,8px);padding:clamp(.375rem,.75vw,.625rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.6875rem,1.25vw,.8125rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.user-details-page .orders-table .btn-view:hover{color:#fff;background:#d4af37}.app-layout{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#0a0a0f;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.app-layout .layout-container{min-height:100vh;display:flex}.admin-sidebar{z-index:1000;background:#0a0a0f;border-right:1px solid #ffffff14;flex-direction:column;width:280px;height:100dvh;transition:width .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow:hidden}.admin-sidebar.closed{width:80px}.admin-sidebar.closed .logo-text,.admin-sidebar.closed .nav-label,.admin-sidebar.closed .logout-btn span,.admin-sidebar.closed .admin-details,.admin-sidebar.closed .sub-nav{display:none}.admin-sidebar.closed .logo{justify-content:center}.admin-sidebar.closed .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar.closed .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar.closed .admin-info{justify-content:center}.admin-sidebar.closed .sub-indicator{display:none}.admin-sidebar.closed .sidebar-header{padding:20px 10px}@media (width<=1024px) and (width>=769px){.admin-sidebar{width:80px}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:none}.admin-sidebar .logo{justify-content:center}.admin-sidebar .nav-item{justify-content:center;margin:0 5px;padding:15px 0}.admin-sidebar .logout-btn{justify-content:center;padding:12px 0}.admin-sidebar .admin-info{justify-content:center}.admin-sidebar .sub-indicator{display:none}.admin-sidebar .sidebar-header{padding:20px 10px}.admin-sidebar:hover{width:280px}.admin-sidebar:hover .logo-text,.admin-sidebar:hover .nav-label,.admin-sidebar:hover .logout-btn span,.admin-sidebar:hover .admin-details,.admin-sidebar:hover .sub-nav{display:block}.admin-sidebar:hover .logo{justify-content:flex-start}.admin-sidebar:hover .nav-item{justify-content:flex-start;margin:0 10px;padding:15px 20px}.admin-sidebar:hover .logout-btn{justify-content:flex-start;padding:12px}.admin-sidebar:hover .sub-indicator{display:block}.admin-sidebar:hover .sidebar-header{padding:20px}}@media (width<=768px){.admin-sidebar{width:280px;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar.closed{width:280px;transform:translate(-100%)}.admin-sidebar .logo-text,.admin-sidebar .nav-label,.admin-sidebar .logout-btn span,.admin-sidebar .admin-details,.admin-sidebar .sub-nav{display:block!important}.admin-sidebar .logo{justify-content:flex-start!important}.admin-sidebar .nav-item{justify-content:flex-start!important;margin:0 10px!important;padding:15px 20px!important}.admin-sidebar .logout-btn{justify-content:flex-start!important;padding:12px!important}.admin-sidebar .sub-indicator{display:block!important}.admin-sidebar .sidebar-header{padding:20px!important}}.admin-navbar{z-index:100;background:#12121a;border-bottom:1px solid #ffffff14;flex-direction:row;justify-content:space-between;align-items:center;height:70px;padding:0 clamp(1rem,2vw,1.75rem);transition:left .25s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:280px;right:0}@media (width<=1024px){.admin-navbar{left:80px}}@media (width<=768px){.admin-navbar{padding:0 clamp(.75rem,1.5vw,1.25rem);left:0}}.main-content{background:#0a0a0f;flex:1;min-height:calc(100vh - 70px);margin-top:70px;margin-left:280px;transition:margin-left .25s cubic-bezier(.4,0,.2,1)}.sidebar-closed .main-content{margin-left:80px}@media (width<=1024px){.main-content{margin-left:80px}}@media (width<=768px){.main-content{margin-left:0}}.page-container{width:100%;max-width:1600px;margin:0 auto;padding:clamp(1.25rem,3vw,2.5rem);animation:.5s ease-out fadeIn}@media (width<=1200px){.page-container{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.page-container{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.page-container{padding:clamp(.5rem,1vw,.875rem)}}.page-container.size-small{max-width:800px}.page-container.size-medium{max-width:1200px}.page-container.size-large{max-width:1600px}.page-container.size-full{max-width:100%}.page-grid{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem);display:grid}.page-grid.layout-sidebar{grid-template-columns:280px 1fr}@media (width<=1024px){.page-grid.layout-sidebar{grid-template-columns:1fr}}.page-grid.layout-dashboard{grid-template-columns:2fr 1fr}@media (width<=1024px){.page-grid.layout-dashboard{grid-template-columns:1fr}}.page-grid.layout-3col{grid-template-columns:repeat(3,1fr)}@media (width<=1200px){.page-grid.layout-3col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-3col{grid-template-columns:1fr}}.page-grid.layout-4col{grid-template-columns:repeat(4,1fr)}@media (width<=1400px){.page-grid.layout-4col{grid-template-columns:repeat(3,1fr)}}@media (width<=1200px){.page-grid.layout-4col{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.page-grid.layout-4col{grid-template-columns:1fr}}.page-section{margin-bottom:clamp(1.25rem,3vw,2.5rem)}.page-section:last-child{margin-bottom:0}@media (width<=768px){.page-section{margin-bottom:clamp(1rem,2vw,1.75rem)}}.page-header{flex-flow:wrap;justify-content:space-between;align-items:flex-end;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:flex}@media (width<=768px){.page-header{flex-direction:column;align-items:stretch;margin-bottom:clamp(1rem,2vw,1.75rem)}}.page-header .header-content{flex:1;min-width:0}.page-header .header-content h1{background:linear-gradient(135deg,#fff,#d4af37);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(1.5rem,5vw,2.5rem);font-weight:700}@media (width<=768px){.page-header .header-content h1{font-size:clamp(1.25rem,3.5vw,1.75rem)}}.page-header .header-content .subtitle{color:#9ca3af;margin:0;font-size:clamp(.875rem,2vw,1.125rem)}@media (width<=768px){.page-header .header-content .subtitle{font-size:clamp(.75rem,1.5vw,.9375rem)}}.page-header .header-actions{flex-direction:row;flex-shrink:0;justify-content:flex-end;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}@media (width<=768px){.page-header .header-actions{justify-content:stretch}.page-header .header-actions>*{flex:1}}.panel{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.panel:hover{border-color:#d4af374d}.panel{overflow:hidden}.panel .panel-header{border-bottom:1px solid #ffffff14;flex-flow:wrap;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(1rem,2vw,1.75rem);display:flex}@media (width<=768px){.panel .panel-header{padding:clamp(.75rem,1.5vw,1.25rem)}}.panel .panel-header h3{color:#fff;margin:0;font-size:clamp(1rem,2.5vw,1.375rem);font-weight:600}@media (width<=768px){.panel .panel-header h3{font-size:clamp(.875rem,2vw,1.125rem)}}.panel .panel-header .panel-subtitle{color:#6b7280;margin-top:clamp(.25rem,.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.9375rem)}.panel .panel-body{padding:clamp(1rem,2vw,1.75rem)}@media (width<=768px){.panel .panel-body{padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.panel .panel-body{padding:clamp(.5rem,1vw,.875rem)}}@media (width<=768px){.hide-mobile{display:none!important}}@media (width<=1024px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}@media (width<=768px){.show-mobile{display:flex!important}}.settings-page{padding:clamp(.75rem,1.5vw,1.25rem)}@media (width>=480px){.settings-page{padding:clamp(1rem,2vw,1.75rem)}}@media (width>=1200px){.settings-page{padding:clamp(1.25rem,3vw,2.5rem)}}.settings-page .settings-header{margin-bottom:clamp(1rem,2vw,1.75rem)}@media (width>=768px){.settings-page .settings-header{margin-bottom:clamp(1.25rem,3vw,2.5rem)}}.settings-page .settings-header h1{color:#fff;margin:0 0 clamp(.375rem,.75vw,.625rem);font-size:clamp(1.5rem,4vw,2rem);font-weight:700}.settings-page .settings-header p{color:#888;margin:0;font-size:clamp(.75rem,1.5vw,.9375rem)}@media (width>=768px){.settings-page .settings-header p{font-size:clamp(.875rem,2vw,1.125rem)}}.settings-page .settings-layout{flex-direction:column;gap:clamp(1rem,2vw,1.75rem);display:flex}@media (width>=1024px){.settings-page .settings-layout{grid-template-columns:260px 1fr;align-items:start;gap:clamp(1.25rem,3vw,2.5rem);display:grid}}@media (width>=1200px){.settings-page .settings-layout{grid-template-columns:280px 1fr;gap:clamp(1.5rem,4vw,3.5rem)}}.settings-page .settings-tabs{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.settings-page .settings-tabs:hover{border-color:#d4af374d}.settings-page .settings-tabs{gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.375rem,.75vw,.625rem);display:flex;overflow-x:auto}.settings-page .settings-tabs::-webkit-scrollbar{width:6px;height:6px}.settings-page .settings-tabs::-webkit-scrollbar-track{background:0 0}.settings-page .settings-tabs::-webkit-scrollbar-thumb{background:#ffffff14;border-radius:3px}.settings-page .settings-tabs::-webkit-scrollbar-thumb:hover{background:#6b7280}@media (width>=1024px){.settings-page .settings-tabs{flex-direction:column;gap:clamp(.25rem,.5vw,.5rem);height:fit-content;max-height:calc(100vh - 70px - clamp(1.25rem,3vw,2.5rem));padding:clamp(.5rem,1vw,.875rem);position:sticky;top:calc(70px + clamp(1rem,2vw,1.75rem));overflow:visible auto}}.settings-page .settings-tabs .tab-btn{color:#888;cursor:pointer;background:0 0;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:140px;min-height:44px;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex;position:relative}@media (width>=480px){.settings-page .settings-tabs .tab-btn{min-width:160px}}@media (width>=1024px){.settings-page .settings-tabs .tab-btn{width:100%;min-width:auto;margin-bottom:clamp(.25rem,.5vw,.5rem)}.settings-page .settings-tabs .tab-btn:last-child{margin-bottom:0}}.settings-page .settings-tabs .tab-btn:hover{color:#fff;background:#d4af370d}.settings-page .settings-tabs .tab-btn.active{color:#d4af37;background:#d4af371a}.settings-page .settings-tabs .tab-btn.active .arrow{opacity:1}.settings-page .settings-tabs .tab-btn svg{flex-shrink:0;width:20px;height:20px}.settings-page .settings-tabs .tab-btn span{text-align:left;white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.settings-page .settings-tabs .tab-btn .arrow{opacity:0;flex-shrink:0;transition:opacity .15s cubic-bezier(.4,0,.2,1)}@media (width<=1023px){.settings-page .settings-tabs .tab-btn .arrow{display:none}}.settings-page .settings-content{background:#12121a;border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);transition:all .25s cubic-bezier(.4,0,.2,1)}.settings-page .settings-content:hover{border-color:#d4af374d}.settings-page .settings-content{min-height:400px;padding:clamp(.75rem,1.5vw,1.25rem)}@media (width>=480px){.settings-page .settings-content{min-height:500px;padding:clamp(1rem,2vw,1.75rem)}}@media (width>=1024px){.settings-page .settings-content{min-height:600px;padding:clamp(1.25rem,3vw,2.5rem)}}.settings-page .settings-content .loading-state{color:#888;flex-direction:column;justify-content:center;align-items:center;gap:clamp(.75rem,1.5vw,1.25rem);min-height:300px;display:flex}@media (width>=480px){.settings-page .settings-content .loading-state{min-height:400px}}.settings-page .settings-content .loading-state .spinner{border:3px solid #ffffff14;border-top-color:#d4af37;border-radius:50%;width:40px;height:40px;animation:1s linear infinite spin}.settings-page .settings-section h3{color:#d4af37;border-bottom:1px solid #ffffff14;margin:clamp(1.25rem,3vw,2.5rem) 0 clamp(1rem,2vw,1.75rem);padding-bottom:clamp(.5rem,1vw,.875rem);font-size:clamp(1rem,2.5vw,1.125rem);font-weight:600}.settings-page .settings-section h3:first-child{margin-top:0}.settings-page .settings-section .form-grid{grid-template-columns:1fr;gap:clamp(.75rem,1.5vw,1.25rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width>=480px){.settings-page .settings-section .form-grid{gap:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.settings-page .settings-section .form-grid{grid-template-columns:repeat(2,1fr);gap:clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .form-grid .form-group.full-width{grid-column:1/-1}.settings-page .settings-section .form-grid .form-group.indented{border-left:2px solid #ffffff14;margin-left:clamp(.75rem,1.5vw,1.25rem);padding-left:clamp(.75rem,1.5vw,1.25rem)}@media (width>=480px){.settings-page .settings-section .form-grid .form-group.indented{margin-left:clamp(1rem,2vw,1.75rem);padding-left:clamp(1rem,2vw,1.75rem)}}@media (width>=768px){.settings-page .settings-section .form-grid .form-group.indented{margin-left:40px;padding-left:clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .form-group label{color:#fff;margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem);font-weight:500;display:block}.settings-page .settings-section .form-group label.required:after{content:" *";color:#ef4444}.settings-page .settings-section .form-group input,.settings-page .settings-section .form-group select,.settings-page .settings-section .form-group textarea{color:#fff;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);outline:none;width:100%;padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1)}.settings-page .settings-section .form-group input:focus,.settings-page .settings-section .form-group select:focus,.settings-page .settings-section .form-group textarea:focus{border-color:#d4af37;box-shadow:0 0 0 3px #d4af371a}.settings-page .settings-section .form-group input::placeholder,.settings-page .settings-section .form-group select::placeholder,.settings-page .settings-section .form-group textarea::placeholder{color:#888}.settings-page .settings-section .form-group input:disabled,.settings-page .settings-section .form-group select:disabled,.settings-page .settings-section .form-group textarea:disabled{opacity:.6;cursor:not-allowed}.settings-page .settings-section .form-group input,.settings-page .settings-section .form-group select,.settings-page .settings-section .form-group textarea{width:100%;min-height:44px;font-size:16px}@media (width>=768px){.settings-page .settings-section .form-group input,.settings-page .settings-section .form-group select,.settings-page .settings-section .form-group textarea{font-size:clamp(.875rem,2vw,1.125rem)}}.settings-page .settings-section .form-group textarea{resize:vertical;min-height:100px}@media (width>=768px){.settings-page .settings-section .form-group textarea{min-height:120px}}.settings-page .settings-section .form-group small{color:#888;margin-top:clamp(.375rem,.75vw,.625rem);font-size:clamp(.6875rem,1.25vw,.8125rem);line-height:1.4;display:block}.settings-page .settings-section .form-group.checkbox label{cursor:pointer;flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-height:44px;display:flex}.settings-page .settings-section .form-group.checkbox label input[type=checkbox]{accent-color:#d4af37;cursor:pointer;width:20px;min-width:20px;height:20px;min-height:20px}.settings-page .settings-section .image-uploads{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem);margin-bottom:clamp(1.25rem,3vw,2.5rem);display:grid}@media (width>=768px){.settings-page .settings-section .image-uploads{grid-template-columns:2fr 1fr}}.settings-page .settings-section .image-uploads .upload-box label{margin-bottom:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;display:block}.settings-page .settings-section .image-uploads .upload-box .upload-area{text-align:center;cursor:pointer;border:2px dashed #ffffff14;border-radius:clamp(12px,1.5vw,16px);flex-direction:column;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);min-height:120px;padding:clamp(1.25rem,3vw,2.5rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area{min-height:150px;padding:clamp(1.5rem,4vw,3.5rem)}}.settings-page .settings-section .image-uploads .upload-box .upload-area:hover{background:#d4af3705;border-color:#d4af37}.settings-page .settings-section .image-uploads .upload-box .upload-area svg{color:#888;width:32px;height:32px;margin-bottom:clamp(.5rem,1vw,.875rem)}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area svg{width:40px;height:40px}}.settings-page .settings-section .image-uploads .upload-box .upload-area span{color:#fff;margin-bottom:clamp(.375rem,.75vw,.625rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;display:block}.settings-page .settings-section .image-uploads .upload-box .upload-area small{color:#888;font-size:clamp(.6875rem,1.25vw,.8125rem)}.settings-page .settings-section .image-uploads .upload-box .upload-area img{object-fit:contain;max-width:100%;max-height:80px}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area img{max-height:100px}}.settings-page .settings-section .image-uploads .upload-box .upload-area.small{min-height:100px;padding:clamp(1rem,2vw,1.75rem)}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area.small{min-height:120px;padding:clamp(1.25rem,3vw,2.5rem)}}.settings-page .settings-section .image-uploads .upload-box .upload-area.small svg{width:24px;height:24px}@media (width>=480px){.settings-page .settings-section .image-uploads .upload-box .upload-area.small svg{width:30px;height:30px}}.settings-page .settings-section .color-picker-grid{grid-template-columns:1fr;gap:clamp(1rem,2vw,1.75rem);margin-bottom:clamp(1rem,2vw,1.75rem);display:grid}@media (width>=480px){.settings-page .settings-section .color-picker-grid{grid-template-columns:repeat(2,1fr)}}.settings-page .settings-section .color-picker-grid .color-picker label{margin-bottom:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;display:block}.settings-page .settings-section .color-picker-grid .color-picker .color-input{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);display:flex}.settings-page .settings-section .color-picker-grid .color-picker .color-input input[type=color]{cursor:pointer;background:#1a1a25;border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);width:60px;height:45px;min-height:44px;padding:3px}.settings-page .settings-section .color-picker-grid .color-picker .color-input span{color:#888;font-family:monospace;font-size:clamp(.75rem,1.5vw,.9375rem)}.settings-page .settings-section .payment-method{border:1px solid #ffffff14;border-radius:clamp(12px,1.5vw,16px);margin-bottom:clamp(1rem,2vw,1.75rem);overflow:hidden}.settings-page .settings-section .payment-method .method-header{background:#1a1a25;flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);padding:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width>=480px){.settings-page .settings-section .payment-method .method-header{gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .payment-method .method-header .method-info{flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:0;display:flex}@media (width>=480px){.settings-page .settings-section .payment-method .method-header .method-info{gap:clamp(.75rem,1.5vw,1.25rem)}}.settings-page .settings-section .payment-method .method-header .method-info svg,.settings-page .settings-section .payment-method .method-header .method-info .paypal-icon,.settings-page .settings-section .payment-method .method-header .method-info .crypto-icon{background:#12121a;border-radius:clamp(8px,1vw,12px);flex-direction:row;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:18px;font-weight:700;display:flex}@media (width>=480px){.settings-page .settings-section .payment-method .method-header .method-info svg,.settings-page .settings-section .payment-method .method-header .method-info .paypal-icon,.settings-page .settings-section .payment-method .method-header .method-info .crypto-icon{width:40px;height:40px;font-size:20px}}.settings-page .settings-section .payment-method .method-header .method-info .paypal-icon{color:#fff;background:#003087}.settings-page .settings-section .payment-method .method-header .method-info .crypto-icon{color:#fff;background:#f7931a}.settings-page .settings-section .payment-method .method-header .method-info div{min-width:0}.settings-page .settings-section .payment-method .method-header .method-info div h4{white-space:nowrap;text-overflow:ellipsis;margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.9375rem);overflow:hidden}.settings-page .settings-section .payment-method .method-header .method-info div p{color:#888;margin:0;font-size:clamp(.6875rem,1.25vw,.8125rem);display:none}@media (width>=480px){.settings-page .settings-section .payment-method .method-header .method-info div p{display:block}}.settings-page .settings-section .payment-method .method-config{border-top:1px solid #ffffff14;padding:clamp(.75rem,1.5vw,1.25rem)}@media (width>=480px){.settings-page .settings-section .payment-method .method-config{padding:clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .payment-method .method-config .form-group{margin-bottom:clamp(.75rem,1.5vw,1.25rem)}.settings-page .settings-section .payment-method .method-config .form-group:last-child{margin-bottom:0}.settings-page .settings-section .payment-method .method-config .secret-input{position:relative}.settings-page .settings-section .payment-method .method-config .secret-input input{padding-right:40px}.settings-page .settings-section .payment-method .method-config .btn-test{color:#d4af37;cursor:pointer;background:0 0;border:1px solid #d4af37;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);width:100%;min-height:44px;margin-top:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}@media (width>=480px){.settings-page .settings-section .payment-method .method-config .btn-test{width:auto;margin-top:0}}.settings-page .settings-section .payment-method .method-config .btn-test:hover{color:#0a0a0f;background:#d4af37}.settings-page .settings-section .shipping-preview{background:#1a1a25;border-radius:clamp(8px,1vw,12px);margin-top:clamp(1.25rem,3vw,2.5rem);padding:clamp(.75rem,1.5vw,1.25rem)}@media (width>=480px){.settings-page .settings-section .shipping-preview{padding:clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .shipping-preview h4{margin:0 0 clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem)}.settings-page .settings-section .shipping-preview .preview-box .preview-row{background:#12121a;border-radius:clamp(4px,.5vw,8px);flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:clamp(.5rem,1vw,.875rem);padding:clamp(.5rem,1vw,.875rem);font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}@media (width>=480px){.settings-page .settings-section .shipping-preview .preview-box .preview-row{padding:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.875rem,2vw,1.125rem)}}.settings-page .settings-section .shipping-preview .preview-box .preview-row.highlight{border:1px solid #10b981}.settings-page .settings-section .shipping-preview .preview-box .preview-row .free{color:#10b981;font-weight:600}.settings-page .settings-section .shipping-preview .preview-box .preview-row:last-child{margin-bottom:0}.settings-page .settings-section .security-option,.settings-page .settings-section .notification-option{border:1px solid #ffffff14;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-height:60px;margin-bottom:clamp(.75rem,1.5vw,1.25rem);padding:clamp(.75rem,1.5vw,1.25rem);display:flex}@media (width>=480px){.settings-page .settings-section .security-option,.settings-page .settings-section .notification-option{gap:clamp(.75rem,1.5vw,1.25rem);padding:clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .security-option .option-info,.settings-page .settings-section .notification-option .option-info{flex-direction:row;flex:1;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);min-width:0;display:flex}@media (width>=480px){.settings-page .settings-section .security-option .option-info,.settings-page .settings-section .notification-option .option-info{gap:clamp(.75rem,1.5vw,1.25rem)}}.settings-page .settings-section .security-option .option-info svg,.settings-page .settings-section .notification-option .option-info svg{color:#d4af37;flex-shrink:0;width:20px;height:20px}@media (width>=480px){.settings-page .settings-section .security-option .option-info svg,.settings-page .settings-section .notification-option .option-info svg{width:24px;height:24px}}.settings-page .settings-section .security-option .option-info div,.settings-page .settings-section .notification-option .option-info div{min-width:0}.settings-page .settings-section .security-option .option-info div h4,.settings-page .settings-section .notification-option .option-info div h4{white-space:nowrap;text-overflow:ellipsis;margin:0 0 clamp(.25rem,.5vw,.5rem);font-size:clamp(.75rem,1.5vw,.9375rem);overflow:hidden}.settings-page .settings-section .security-option .option-info div p,.settings-page .settings-section .notification-option .option-info div p{color:#888;margin:0;font-size:clamp(.6875rem,1.25vw,.8125rem);display:none}@media (width>=480px){.settings-page .settings-section .security-option .option-info div p,.settings-page .settings-section .notification-option .option-info div p{display:block}}.settings-page .settings-section .security-alert{color:#f59e0b;background:#f59e0b1a;border:1px solid #f59e0b;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:flex-start;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-top:clamp(1rem,2vw,1.75rem);padding:clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);display:flex}@media (width>=480px){.settings-page .settings-section .security-alert{padding:clamp(.75rem,1.5vw,1.25rem) clamp(1rem,2vw,1.75rem)}}.settings-page .settings-section .security-alert p{margin:0;font-size:clamp(.6875rem,1.25vw,.8125rem);line-height:1.5}@media (width>=480px){.settings-page .settings-section .security-alert p{font-size:clamp(.75rem,1.5vw,.9375rem)}}.settings-page .settings-section .security-alert svg{flex-shrink:0;width:18px;height:18px}@media (width>=480px){.settings-page .settings-section .security-alert svg{width:20px;height:20px}}.settings-page .toggle-switch{cursor:pointer;flex-shrink:0;width:50px;height:26px;position:relative}.settings-page .toggle-switch input{opacity:0;width:0;height:0}.settings-page .toggle-switch input:checked+.slider{background-color:#d4af37}.settings-page .toggle-switch input:checked+.slider:before{transform:translate(24px)}.settings-page .toggle-switch .slider{background-color:#ffffff14;border-radius:26px;transition:all .3s;position:absolute;inset:0}.settings-page .toggle-switch .slider:before{content:"";background-color:#fff;border-radius:50%;width:20px;height:20px;transition:all .3s;position:absolute;bottom:3px;left:3px}.settings-page .settings-footer{border-top:1px solid #ffffff14;flex-direction:column;justify-content:stretch;align-items:center;gap:clamp(.5rem,1vw,.875rem);margin-top:clamp(1.25rem,3vw,2.5rem);padding-top:clamp(1rem,2vw,1.75rem);display:flex}@media (width>=480px){.settings-page .settings-footer{flex-direction:row;justify-content:flex-end;align-items:center}}.settings-page .settings-footer button{cursor:pointer;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);width:100%;min-height:44px;padding:clamp(.5rem,1vw,.875rem) clamp(1rem,2vw,1.75rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:500;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.settings-page .settings-footer button:disabled{opacity:.6;cursor:not-allowed}.settings-page .settings-footer button.btn-secondary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.settings-page .settings-footer button.btn-secondary:disabled{opacity:.5;cursor:not-allowed}.settings-page .settings-footer button.btn-secondary:active{transform:scale(.98)}.settings-page .settings-footer button.btn-secondary{color:#fff;background:#1a1a25;border:1px solid #ffffff14}.settings-page .settings-footer button.btn-secondary:hover:not(:disabled){background:#222230;border-color:#d4af374d}.settings-page .settings-footer button.btn-secondary{order:2}@media (width>=480px){.settings-page .settings-footer button.btn-secondary{order:1;width:auto}}.settings-page .settings-footer button.btn-primary{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.settings-page .settings-footer button.btn-primary:disabled{opacity:.5;cursor:not-allowed}.settings-page .settings-footer button.btn-primary:active{transform:scale(.98)}.settings-page .settings-footer button.btn-primary{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.settings-page .settings-footer button.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.settings-page .settings-footer button.btn-primary{order:1}@media (width>=480px){.settings-page .settings-footer button.btn-primary{order:2;width:auto}}.settings-page .settings-footer button.btn-primary .spinner-sm{border:2px solid #0a0a0f;border-top-color:#0000;border-radius:50%;width:16px;height:16px;animation:1s linear infinite spin}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px}body{color:#fff;background:#0a0a0f;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5;overflow-x:hidden}.admin-app{min-height:100vh;display:flex}.admin-wrapper{flex-direction:column;flex:1;min-height:100vh;margin-left:280px;transition:margin-left .25s cubic-bezier(.4,0,.2,1);display:flex}@media (width<=1024px){.admin-wrapper{margin-left:80px}}@media (width<=768px){.admin-wrapper{margin-left:0}}.sidebar-closed .admin-wrapper{margin-left:80px}.admin-content{background:#0a0a0f;flex:1;min-height:calc(100vh - 70px);margin-top:70px;padding:clamp(1.25rem,3vw,2.5rem);overflow-x:hidden}@media (width<=1200px){.admin-content{padding:clamp(1rem,2vw,1.75rem)}}@media (width<=768px){.admin-content{margin-top:70px;padding:clamp(.75rem,1.5vw,1.25rem)}}@media (width<=480px){.admin-content{padding:clamp(.5rem,1vw,.875rem)}}.page-wrapper{width:100%;max-width:1600px;margin:0 auto;animation:.5s ease-out fadeIn}.page-wrapper.size-small{max-width:800px}.page-wrapper.size-medium{max-width:1200px}.page-wrapper.size-large{max-width:1600px}.page-wrapper.size-full{max-width:100%}.text-primary{color:#fff}.text-secondary{color:#9ca3af}.text-muted{color:#888}.text-success{color:#10b981}.text-warning{color:#f59e0b}.text-danger{color:#ef4444}.text-info{color:#3b82f6}.bg-primary{background:#0a0a0f}.bg-secondary{background:#12121a}.bg-tertiary{background:#1a1a25}@media (width<=767px){.hide-mobile{display:none!important}}@media (width<=1023px) and (width>=768px){.hide-tablet{display:none!important}}@media (width>=1024px){.hide-desktop{display:none!important}}.show-mobile{display:none!important}@media (width<=767px){.show-mobile{display:block!important}}.error-404{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:clamp(1.25rem,3vw,2.5rem);display:flex}.error-404 h1{color:#d4af37;margin-bottom:clamp(.75rem,1.5vw,1.25rem);font-size:120px;font-weight:700;line-height:1}@media (width<=768px){.error-404 h1{font-size:80px}}.error-404 p{color:#9ca3af;margin-bottom:clamp(1.25rem,3vw,2.5rem);font-size:clamp(1.25rem,3.5vw,1.75rem)}@media (width<=768px){.error-404 p{font-size:clamp(1rem,2.5vw,1.375rem)}}.error-404 a{cursor:pointer;white-space:nowrap;border:none;border-radius:clamp(8px,1vw,12px);flex-direction:row;justify-content:center;align-items:center;gap:clamp(.375rem,.75vw,.625rem);padding:clamp(.5rem,1vw,.875rem) clamp(.75rem,1.5vw,1.25rem);font-size:clamp(.75rem,1.5vw,.9375rem);font-weight:600;transition:all .15s cubic-bezier(.4,0,.2,1);display:flex}.error-404 a:disabled{opacity:.5;cursor:not-allowed}.error-404 a:active{transform:scale(.98)}.error-404 a{color:#0a0a0f;background:linear-gradient(135deg,#d4af37,#b8960c)}.error-404 a:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 24px #d4af3733}.error-404 a{text-decoration:none}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:focus-visible{outline-offset:2px;outline:2px solid #d4af37}::selection{color:#fff;background:#d4af374d}