.stats-page{flex-direction:column;gap:1.25rem;display:flex}.stats-header-actions{flex-wrap:wrap;gap:8px;display:flex}.stats-top-row{grid-template-columns:minmax(0,1fr) 340px;align-items:start;gap:1.5rem;display:grid}.stats-main-col{gap:1.5rem;min-width:0;display:grid}.stats-headline-row{grid-template-columns:2fr 1fr;align-items:stretch;gap:1.5rem;display:grid}.stats-profit-card{background:linear-gradient(135deg,#e8b84b2e,#1f8f5f29);border:1px solid #e8b84b38;border-radius:20px;flex-direction:column;justify-content:center;padding:1.75rem 2rem;display:flex;box-shadow:0 18px 45px #0000002e}.stats-profit-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text3,#9aa3b2);margin-bottom:.5rem;font-size:.78rem;font-weight:700}.stats-profit-amount{color:#fff;word-break:break-word;font-size:clamp(1.6rem,3.5vw,3rem);font-weight:800;line-height:1.1}.stats-revenue-card{flex-direction:column;justify-content:center;height:100%;min-height:0;display:flex}.stats-kpi-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stats-kpi{flex-direction:column;justify-content:center;min-width:0;min-height:124px;padding:16px;display:flex}.stats-kpi h3{color:#aaa;margin:0 0 8px;font-size:.88rem}.stats-kpi p{color:#fff;word-break:break-word;margin:0;font-size:clamp(1.1rem,2vw,1.6rem);font-weight:700}.stats-calc-card{flex-direction:column;padding:1rem;display:flex;position:sticky;top:90px}.stats-calc-eyebrow{text-transform:uppercase;letter-spacing:.08em;color:var(--text3,#9aa3b2);margin-bottom:.75rem;font-size:.78rem;font-weight:700}.stats-calc-insert{width:100%;margin-bottom:.85rem}.stats-calc-display{text-align:right;background:#10141d;border:1px solid #252c3d;border-radius:14px;justify-content:flex-end;align-items:flex-end;min-height:90px;margin-bottom:.85rem;padding:1rem;display:flex;overflow:hidden}.stats-calc-display-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:1.6rem;font-weight:800;overflow:hidden}.stats-calc-grid{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.stats-calc-grid .admin-btn{padding:12px 8px;font-size:.95rem}.stats-two-col{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;display:grid}.stats-three-col{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.stats-list-card{min-width:0;padding:16px}.stats-list-title{margin:0 0 .75rem;font-size:1rem}.stats-list{gap:.5rem;min-width:0;display:grid}.stats-list-item{background:#ffffff08;border:1px solid #ffffff0d;border-radius:12px;min-width:0;padding:10px 12px}.stats-list-item-row{grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:.75rem;display:grid}.stats-list-flex{justify-content:space-between;align-items:center;gap:1rem;display:flex}.stats-list-row{justify-content:space-between;align-items:center;gap:.75rem;min-width:0;margin-bottom:.2rem;display:flex}.stats-rank{color:#f0c14b;font-size:.9rem;font-weight:700}.stats-list-main{min-width:0}.stats-list-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.92rem;font-weight:600;overflow:hidden}.stats-list-sub{color:#9aa3b2;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.stats-list-sub-2{color:#c9cfdd;margin-top:.15rem;font-size:.78rem}.stats-list-email{margin-top:0}.stats-list-amount{color:#f0c14b;white-space:nowrap;flex-shrink:0;font-size:.85rem;font-weight:700}.stats-list-amount-sm{font-size:.8rem}.stats-stock-amount{color:#f0c14b;white-space:nowrap;flex-shrink:0;font-size:.88rem;font-weight:700}.stats-stock-amount.danger{color:#ff8a8a}.stats-status-label{color:#fff;font-size:.9rem;font-weight:600}@media (width<=1280px){.stats-top-row{grid-template-columns:minmax(0,1fr) 300px}}@media (width<=1100px){.stats-top-row{grid-template-columns:1fr}.stats-calc-card{width:100%;max-width:460px;position:static}.stats-three-col{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.stats-headline-row{grid-template-columns:1fr}.stats-kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stats-two-col,.stats-three-col{grid-template-columns:1fr}.stats-profit-card{padding:1.5rem}}@media (width<=600px){.stats-page,.stats-top-row,.stats-main-col{gap:1rem}.stats-kpi-grid{grid-template-columns:1fr;gap:.75rem}.stats-kpi{min-height:0;padding:14px}.stats-kpi h3{font-size:.82rem}.stats-kpi p{font-size:1.3rem}.stats-profit-card{border-radius:16px;padding:1.25rem}.stats-calc-card{max-width:none;padding:.85rem}.stats-calc-grid .admin-btn{padding:14px 6px;font-size:.95rem}.stats-calc-display{min-height:70px;padding:.85rem}.stats-calc-display-text{font-size:1.4rem}.stats-list-card{padding:14px}.stats-list-title{font-size:.95rem}.stats-list-item-row{grid-template-columns:28px minmax(0,1fr) auto;gap:.5rem}.stats-list-name{font-size:.88rem}.stats-list-amount{font-size:.82rem}}@media (width<=380px){.stats-list-item-row{grid-template-columns:24px minmax(0,1fr) auto}.stats-rank{font-size:.82rem}.stats-list-name{font-size:.85rem}}.admin-shell{color:#f5f5f5;background:#0f1117;grid-template-columns:260px 1fr;min-height:100vh;display:grid}.admin-sidebar{background:#151923;border-right:1px solid #232838;flex-direction:column;align-self:start;height:100vh;padding:24px 16px;display:flex;position:sticky;top:0;overflow-y:auto}.admin-sidebar-header{justify-content:space-between;align-items:center;gap:8px;margin-bottom:24px;display:flex}.admin-brand{color:#f0c14b;font-size:1.1rem;font-weight:700}.admin-sidebar-close{color:#c9cfdd;cursor:pointer;background:0 0;border:1px solid #2a3046;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s;display:none}.admin-sidebar-close:hover{background:#1f2433}.admin-sidebar-overlay{display:none}.admin-nav{flex-direction:column;gap:8px;display:flex}.admin-nav-link{color:#c9cfdd;border-radius:10px;align-items:center;gap:10px;padding:12px 14px;text-decoration:none;display:flex}.admin-nav-link:hover,.admin-nav-link.active{color:#f0c14b;background:#202637}.admin-nav-link-with-badge{justify-content:space-between}.admin-nav-badge{color:#111;background:#f0c14b;border-radius:999px;justify-content:center;align-items:center;min-width:22px;height:22px;padding:0 7px;font-size:.78rem;font-weight:700;display:inline-flex}.admin-main{flex-direction:column;min-width:0;display:flex}.admin-topbar{background:#121620;border-bottom:1px solid #232838;justify-content:space-between;align-items:center;gap:16px;padding:20px 28px;display:flex}.admin-topbar-left{align-items:center;gap:14px;min-width:0;display:flex}.admin-topbar-titles{min-width:0}.admin-hamburger{color:#c9cfdd;cursor:pointer;background:0 0;border:1px solid #2a3046;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;transition:background .2s;display:none}.admin-hamburger:hover{background:#1f2433}.admin-topbar-right{align-items:center;gap:12px;display:flex}.admin-user-box{flex-direction:column;align-items:flex-end;gap:2px;display:flex}.admin-user-box strong{color:#fff;font-size:.95rem}.admin-user-box span{color:#9aa3b2;font-size:.82rem}.admin-page-title{margin:0;font-size:1.4rem}.admin-page-subtitle{color:#9aa3b2;margin:6px 0 0}.admin-content{min-width:0;padding:24px 28px}.admin-page{flex-direction:column;gap:16px;display:flex}.admin-page-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;display:flex}.admin-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;display:grid}.admin-card{background:#171c28;border:1px solid #252c3d;border-radius:14px;padding:18px}.admin-btn{color:#111;cursor:pointer;white-space:nowrap;background:#f0c14b;border:none;border-radius:10px;padding:10px 16px;font-weight:600}.admin-btn.secondary{color:#fff;background:0 0;border:1px solid #3a4358}.admin-btn.danger{color:#fff;background:#d9534f}.admin-input{color:#fff;background:#10141d;border:1px solid #31384d;border-radius:10px;width:100%;padding:10px 12px}.admin-pagination{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:12px;margin-top:12px;display:flex}.admin-modal-backdrop{z-index:999;background:#00000073;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.admin-modal{background:#171c28;border:1px solid #252c3d;border-radius:14px;width:min(520px,100vw - 32px);max-height:calc(100vh - 48px);padding:20px;overflow-y:auto}.admin-modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:10px;margin-top:16px;display:flex}.admin-auth-page{color:#f5f5f5;background:#0f1117;place-items:center;min-height:100vh;padding:24px;display:grid}.admin-auth-card{background:#171c28;border:1px solid #252c3d;border-radius:18px;width:100%;max-width:420px;padding:28px;box-shadow:0 12px 40px #00000059}.admin-auth-card h1{color:#f0c14b;margin:0 0 8px;font-size:1.5rem}.admin-auth-card p{color:#9aa3b2;margin:0 0 20px}.admin-auth-error{color:#ff9d99;background:#d9534f1f;border:1px solid #d9534f59;border-radius:10px;padding:10px 12px;font-size:.9rem}.admin-loading-screen{color:#f5f5f5;background:#0f1117;place-items:center;min-height:100vh;font-size:1.1rem;display:grid}.dashboard-grid{grid-template-columns:repeat(4,minmax(180px,1fr));gap:20px;margin-top:20px;display:grid}.dashboard-grid>*{background:#1a1f2b;border:1px solid #2c2f3a;border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .15s}.dashboard-grid>:hover{border-color:#f0c14b;transform:translateY(-2px);box-shadow:0 0 0 1px #f0c14b59}.dashboard-card{background:#1a1f2b;border:1px solid #2c2f3a;border-radius:16px;padding:20px;transition:border-color .2s,box-shadow .2s,transform .15s}.dashboard-card:hover{border-color:#f0c14b;transform:translateY(-2px);box-shadow:0 0 0 1px #f0c14b59}.dashboard-card h3{color:#aaa;margin:0 0 10px;font-size:16px}.dashboard-card p{color:#fff;margin:0;font-size:32px;font-weight:700}.dashboard-link-title{cursor:pointer;transition:opacity .2s}.dashboard-link-title:hover{opacity:.75;text-decoration:underline}.dashboard-recent-section{margin-top:32px}.dashboard-section-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;display:flex}.dashboard-section-header h2{margin:0}.dashboard-section-header button{cursor:pointer;border:none;border-radius:10px;padding:10px 14px}.dashboard-table-wrapper{overflow-x:auto}.dashboard-order-row{cursor:pointer;transition:background .2s}.dashboard-order-row:hover{background:#ffffff0a}.dashboard-click-card{cursor:pointer}@media (width<=1200px){.dashboard-grid{grid-template-columns:repeat(2,minmax(180px,1fr))}}@media (width<=1024px){.admin-shell{grid-template-columns:220px 1fr}.admin-content{padding:20px}.admin-topbar{padding:16px 20px}}@media (width<=900px){.admin-shell{grid-template-columns:1fr}.admin-sidebar{z-index:1001;border-right:1px solid #232838;width:280px;max-width:85vw;height:100vh;transition:transform .25s;position:fixed;top:0;bottom:0;left:0;transform:translate(-100%)}.admin-sidebar.open{transform:translate(0);box-shadow:12px 0 32px #00000073}.admin-sidebar-close{display:flex}.admin-sidebar-overlay{-webkit-backdrop-filter:blur(2px);z-index:1000;background:#0009;animation:.2s adminOverlayIn;display:block;position:fixed;inset:0}@keyframes adminOverlayIn{0%{opacity:0}to{opacity:1}}.admin-hamburger{display:inline-flex}.admin-page-title{font-size:1.15rem}.admin-page-subtitle,.admin-user-box{display:none}.admin-topbar{padding:12px 16px}.admin-content{padding:16px}}@media (width<=480px){.admin-shell{background:#0f1117}.admin-content{padding:12px}.admin-topbar{gap:8px;padding:10px 12px}.admin-page-title{font-size:1rem}.admin-btn{padding:8px 12px;font-size:.85rem}.admin-sidebar{width:88vw;max-width:320px}}@media (width<=768px){.dashboard-grid{grid-template-columns:1fr}}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4{color:var(--text);margin-top:1.5rem;margin-bottom:.75rem;line-height:1.3}.markdown-content h1{font-size:1.6rem}.markdown-content h2{border-bottom:1px solid #ffffff1a;padding-bottom:.4rem;font-size:1.35rem}.markdown-content h3{font-size:1.15rem}.markdown-content h4{font-size:1rem}.markdown-content p{color:var(--text2);margin-bottom:1rem}.markdown-content strong{color:var(--text);font-weight:700}.markdown-content em{color:var(--text2);font-style:italic}.markdown-content a{color:var(--gold);text-underline-offset:3px;text-decoration:underline}.markdown-content ul,.markdown-content ol{color:var(--text2);margin:0 0 1rem 1.5rem;padding-left:.5rem}.markdown-content li{margin-bottom:.3rem;line-height:1.6}.markdown-content ul li{list-style:outside}.markdown-content ol li{list-style:decimal}.markdown-content blockquote{border-left:3px solid var(--gold);color:var(--text2);background:#e8b84b0d;border-radius:0 6px 6px 0;margin:1rem 0;padding:.5rem 1rem;font-style:italic}.markdown-content blockquote p{margin-bottom:0}.markdown-content hr{background:#ffffff1a;border:none;height:1px;margin:1.5rem 0}.markdown-content code{color:var(--gold);background:#0000004d;border:1px solid #ffffff1a;border-radius:4px;padding:.15rem .4rem;font-family:Courier New,Courier,monospace;font-size:.9em}.markdown-content pre{background:#0000004d;border:1px solid #ffffff1a;border-radius:8px;margin-bottom:1rem;padding:1rem;overflow-x:auto}.markdown-content pre code{color:var(--text);background:0 0;border:none;padding:0}.markdown-content del{color:var(--text3);text-decoration:line-through}.admin-topbar{justify-content:space-between;align-items:center;display:flex}.admin-topbar-center{flex:1;justify-content:center;align-items:center;gap:16px;display:flex}.admin-topbar-link{color:inherit;opacity:.8;text-decoration:none;transition:all .2s}.admin-topbar-link:hover{opacity:1}.admin-table-wrap{-webkit-overflow-scrolling:touch;background:#171c28;border:1px solid #252c3d;border-radius:14px;overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;min-width:600px}.admin-table th,.admin-table td{text-align:left;border-bottom:1px solid #252c3d;padding:14px 16px}.admin-table th{color:#9aa3b2;-webkit-user-select:none;user-select:none;background:#131824;font-weight:600}.admin-table th[style]{cursor:pointer}.admin-table button{cursor:pointer;border:none;border-radius:8px;padding:6px 10px}.admin-table input[type=checkbox]{cursor:pointer;width:16px;height:16px}.admin-badge{text-transform:capitalize;color:#fff;background:#2b3244;border-radius:999px;padding:6px 10px;font-size:.82rem;font-weight:600;display:inline-block}.admin-badge.pending{background:#6b5b1a}.admin-badge.processing{background:#1d4f78}.admin-badge.shipped{background:#255b39}.admin-badge.completed{background:#2b7a3d}.admin-badge.cancelled{background:#7a2b2b}.admin-filters{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:20px;display:flex}.admin-filters input,.admin-filters select{color:#fff;background:#10141d;border:1px solid #31384d;border-radius:10px;min-height:40px;padding:10px 12px;font-size:.92rem}.admin-filters input::placeholder{color:#6f7a91}.admin-filters input:focus,.admin-filters select:focus{border-color:#f0c14b;outline:none;box-shadow:0 0 0 3px #f0c14b29}.admin-filters button{min-height:40px}.admin-filters .admin-input,.admin-filters select.admin-input,.admin-filters input.admin-input{flex:none;width:auto;min-width:180px}.admin-filters input[name=search].admin-input{flex:260px;min-width:260px}.dashboard-click-card{cursor:pointer;transition:transform .2s,border-color .2s,box-shadow .2s}.dashboard-click-card:hover{border-color:#f0c14b;transform:translateY(-2px);box-shadow:0 10px 24px #00000038}.admin-table tbody tr{cursor:pointer;transition:background .2s,box-shadow .2s,transform .15s,border-color .2s}.admin-table tbody tr:hover{background:#f0c14b0f;transform:translateY(-1px);box-shadow:0 0 0 1px #f0c14b59}@media (width<=1024px){.admin-table th,.admin-table td{padding:12px 14px;font-size:.9rem}}@media (width<=768px){.admin-table-wrap{border-radius:12px}.admin-table{min-width:720px}.admin-table th,.admin-table td{padding:10px 12px;font-size:.85rem}.admin-filters{gap:8px}.admin-filters .admin-input,.admin-filters select.admin-input,.admin-filters input.admin-input{flex:100%;width:100%;min-width:0}.admin-filters input[name=search].admin-input{flex:100%;min-width:0}}@media (width<=480px){.admin-table th,.admin-table td{padding:9px 10px;font-size:.8rem}.admin-badge{padding:4px 8px;font-size:.75rem}.admin-table button{padding:5px 8px;font-size:.78rem}}.admin-form{gap:14px;display:grid}.admin-form-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.admin-label{color:#cdd3df;margin-bottom:6px;font-size:.92rem;display:block}.admin-input textarea,textarea.admin-input{resize:vertical;min-height:110px}.admin-product-form-card{padding:24px}.admin-form-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px;display:flex}.admin-form-subtitle{color:#9aa3b2;margin:0;font-size:.92rem}.admin-form-section{background:#ffffff05;border:1px solid #ffffff0f;border-radius:14px;margin-bottom:18px;padding:18px}.admin-form-section-title{color:#fff;margin:0 0 14px;font-size:1rem}.admin-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-bottom:16px;display:grid}.admin-emoji-preview{background:#10141d;border:1px solid #31384d;border-radius:10px;justify-content:center;align-items:center;min-height:44px;padding:8px 12px;font-size:1.8rem;display:flex}.admin-image-upload-wrapper{margin-top:6px}.admin-image-upload{cursor:pointer;background:#ffffff05;border:2px dashed #ffffff1f;border-radius:14px;justify-content:center;align-items:center;min-height:220px;transition:border-color .2s,background .2s;display:flex;overflow:hidden}.admin-image-upload:hover{background:#f0c14b0a;border-color:#f0c14b73}.admin-image-input{display:none}.admin-image-preview{object-fit:cover;width:100%;max-height:320px;display:block}.admin-image-placeholder{text-align:center;color:#9aa3b2;padding:24px}.admin-image-placeholder small{color:#9aa3b2;margin-top:8px;font-size:.8rem;display:block}.admin-form-actions{flex-wrap:wrap;gap:10px;margin-top:10px;display:flex}.category-form-card{border-radius:18px;padding:24px}.category-form-header{margin-bottom:18px}.category-form-header h2{color:#fff;margin:0 0 6px;font-size:1.2rem}.category-form-header p{color:#9aa3b2;margin:0;font-size:.95rem}.category-form-row{align-items:end}.category-input{color:#fff;background:#10141d;border:1px solid #31384d;border-radius:10px;width:100%;min-height:46px;padding:10px 12px;font-size:.96rem;transition:border-color .2s,box-shadow .2s,background .2s}.category-input::placeholder{color:#6f7a91}.category-input:focus{background:#121826;border-color:#f0c14b;outline:none;box-shadow:0 0 0 3px #f0c14b29}.category-form-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;display:flex}.category-table-actions{flex-wrap:wrap;gap:8px;display:flex}.users-filter-card{border-radius:18px;padding:22px}.users-filter-header{margin-bottom:18px}.users-filter-header h2{color:#fff;margin:0 0 6px;font-size:1.15rem}.users-filter-header p{color:#9aa3b2;margin:0;font-size:.94rem}.users-filters-grid{grid-template-columns:repeat(5,minmax(160px,1fr));gap:12px;display:grid}.users-filter-input{min-height:44px;transition:border-color .2s,box-shadow .2s,background .2s}.users-filter-input::placeholder{color:#6f7a91}.users-filter-input:focus{background:#121826;border-color:#f0c14b;outline:none;box-shadow:0 0 0 3px #f0c14b29}.users-filter-actions{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.user-role-select{color:#fff;background:#10141d;border:1px solid #31384d;border-radius:10px;min-width:110px;padding:9px 12px;font-size:.9rem;font-weight:600;transition:border-color .2s,box-shadow .2s,background .2s}.user-role-select:focus{background:#121826;border-color:#f0c14b;outline:none;box-shadow:0 0 0 3px #f0c14b29}.user-role-select.disabled,.user-delete-btn:disabled{opacity:.55;cursor:not-allowed}@media (width<=1200px){.users-filters-grid{grid-template-columns:repeat(3,minmax(160px,1fr))}}@media (width<=900px){.admin-form-row,.admin-form-grid,.category-form-row,.users-filters-grid{grid-template-columns:1fr}.admin-product-form-card,.category-form-card,.users-filter-card{padding:18px}.category-form-actions,.users-filter-actions,.admin-form-actions{flex-direction:column;align-items:stretch}.category-form-actions .admin-btn,.users-filter-actions .admin-btn,.admin-form-actions .admin-btn{width:100%}.admin-form-section{padding:14px}}@media (width<=480px){.admin-product-form-card,.category-form-card,.users-filter-card{border-radius:14px;padding:14px}.admin-image-upload{min-height:180px}}body{margin:0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}