@import url(https://fonts.googleapis.com/css2?family=Battambang:wght@400;700&family=Moul&family=Inter:wght@300;400;500;600;700;800;900&display=swap);:root{--black:#000;--white:#fff;--g50:#f7f7f7;--g100:#ebebeb;--g200:#d4d4d4;--g300:#a3a3a3;--g400:#737373;--g500:#525252;--g600:#3a3a3a;--g700:#262626;--g800:#171717;--g900:#0d0d0d;--bg:#070709;--bg2:#0c0c0f;--bg3:#141418;--bg4:#1c1c22;--card:#0f0f13;--card2:#13131a;--border:#ffffff1a;--border2:#ffffff0d;--border3:#ffffff24;--text:#f0f0f5;--text2:#99a;--text3:#4a4a58;--accent:#7c6fff;--accent2:#a78bfa;--success:#34d399;--danger:#f87171;--warning:#fbbf24;--sh:0 8px 40px #000c;--sh-sm:0 2px 12px #0009;--r:8px;--r-lg:12px;--r-xl:16px;--r-2xl:22px;--r-3xl:28px;--font:"Inter",sans-serif;--font-kh:"Battambang",sans-serif}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#070709;background:var(--bg);color:#f0f0f5;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{height:4px;width:4px}::-webkit-scrollbar-track{background:#0c0c0f;background:var(--bg2)}::-webkit-scrollbar-thumb{background:#3a3a3a;background:var(--g600);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#525252;background:var(--g500)}.kh{font-family:Battambang,sans-serif;font-family:var(--font-kh)}.moul{font-family:Moul,serif}.btn{align-items:center;border:none;border-radius:8px;border-radius:var(--r);cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-family:var(--font);font-size:.855rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.01em;overflow:hidden;padding:9px 20px;position:relative;text-decoration:none;transition:all .18s cubic-bezier(.4,0,.2,1);white-space:nowrap}.btn-primary{background:#fff;background:var(--white);box-shadow:0 2px 12px #ffffff14;color:#000;color:var(--black)}.btn-primary:hover:not(:disabled){background:#ebebeb;background:var(--g100);box-shadow:0 6px 20px #ffffff24;transform:translateY(-1px)}.btn-accent{background:linear-gradient(135deg,#7c6fff,#9f7aea);background:linear-gradient(135deg,var(--accent),#9f7aea);box-shadow:0 4px 16px #7c6fff4d;color:#fff}.btn-accent:hover:not(:disabled){box-shadow:0 6px 24px #7c6fff73;transform:translateY(-1px)}.btn-outline{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border);color:#f0f0f5;color:var(--text)}.btn-outline:hover:not(:disabled){background:#141418;background:var(--bg3);border-color:#ffffff24;border-color:var(--border3)}.btn-ghost{background:#0000;color:#99a;color:var(--text2)}.btn-ghost:hover{background:#141418;background:var(--bg3);color:#f0f0f5;color:var(--text)}.btn-danger{background:#f87171;background:var(--danger);color:#000}.btn-success{background:#34d399;background:var(--success);color:#000}.btn-sm{border-radius:6px;font-size:.775rem;padding:5px 13px}.btn-lg{font-size:.92rem;padding:12px 28px}.btn-xl{border-radius:10px;font-size:1rem;padding:14px 34px}.btn-icon{aspect-ratio:1;border-radius:8px;border-radius:var(--r);padding:8px}.btn:disabled{cursor:not-allowed;opacity:.35;transform:none!important}.card{background:#0f0f13;background:var(--card);border:1px solid #ffffff0d;border:1px solid var(--border2);border-radius:12px;border-radius:var(--r-lg);padding:20px}.card-glass{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:#ffffff08;border:1px solid #ffffff12;border-radius:16px;border-radius:var(--r-xl)}.card-hover{cursor:pointer;transition:border-color .18s,transform .18s,box-shadow .18s}.card-hover:hover{border-color:#ffffff1a;border-color:var(--border);box-shadow:0 8px 40px #000c;box-shadow:var(--sh);transform:translateY(-3px)}.input{background:#141418;background:var(--bg3);border:1px solid #ffffff0d;border:1px solid var(--border2);border-radius:8px;border-radius:var(--r);color:#f0f0f5;color:var(--text);font-family:Inter,sans-serif;font-family:var(--font);font-size:.875rem;outline:none;padding:10px 14px;transition:all .18s;width:100%}.input:focus{background:#1c1c22;background:var(--bg4);border-color:#7c6fff80;box-shadow:0 0 0 3px #7c6fff14}.input::placeholder{color:#4a4a58;color:var(--text3)}select.input{cursor:pointer}textarea.input{min-height:80px;resize:vertical}.badge{align-items:center;border-radius:999px;display:inline-flex;font-size:.63rem;font-weight:700;gap:4px;letter-spacing:.06em;padding:3px 9px;text-transform:uppercase}.badge-white{background:#fff;background:var(--white);color:#000;color:var(--black)}.badge-outline{background:#0000;border:1px solid #ffffff1a;border:1px solid var(--border);color:#99a;color:var(--text2)}.badge-success{background:#34d3991f;border:1px solid #34d39926;color:#34d399;color:var(--success)}.badge-danger{background:#f871711f;border:1px solid #f8717126;color:#f87171;color:var(--danger)}.badge-warning{background:#fbbf241f;border:1px solid #fbbf2426;color:#fbbf24;color:var(--warning)}.badge-accent{background:#7c6fff26;border:1px solid #7c6fff33;color:#a78bfa;color:var(--accent2)}.badge-gray{background:#1c1c22;background:var(--bg4);color:#4a4a58;color:var(--text3)}.product-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(185px,1fr))}@media(max-width:640px){.product-grid{gap:10px;grid-template-columns:repeat(2,1fr)}}.skeleton{animation:shimmer 1.4s infinite;background:linear-gradient(90deg,#141418 25%,#1c1c22 50%,#141418 75%);background:linear-gradient(90deg,var(--bg3) 25%,var(--bg4) 50%,var(--bg3) 75%);background-size:200% 100%;border-radius:12px;border-radius:var(--r-lg)}hr{border:none;border-top:1px solid #ffffff0d;border-top:1px solid var(--border2);margin:12px 0}.spinner{animation:spin .65s linear infinite;border:2px solid #ffffff26;border-top-color:#fff;height:17px;width:17px}.dot-live,.spinner{border-radius:50%;display:inline-block}.dot-live{animation:pulse-dot 2s ease-in-out infinite;background:#34d399;background:var(--success);box-shadow:0 0 6px #34d399;box-shadow:0 0 6px var(--success);height:7px;width:7px}.no-scroll{-ms-overflow-style:none;scrollbar-width:none}.no-scroll::-webkit-scrollbar{display:none}.form-group{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}.form-label{color:#99a;color:var(--text2);font-size:.75rem;font-weight:600;letter-spacing:.04em}.tbl-wrap{border-radius:12px;border-radius:var(--r-lg);overflow-x:auto;overflow:hidden}table{border-collapse:collapse;font-size:.845rem;width:100%}th{background:#141418;background:var(--bg3);color:#4a4a58;color:var(--text3);font-size:.64rem;font-weight:700;letter-spacing:.09em;padding:10px 14px;text-align:left;text-transform:uppercase}td,th{border-bottom:1px solid #ffffff0d;border-bottom:1px solid var(--border2)}td{color:#99a;color:var(--text2);padding:12px 14px;vertical-align:middle}tr:last-child td{border-bottom:none}tbody tr{transition:background .1s}tbody tr:hover td{background:#141418;background:var(--bg3)}.modal-bg{align-items:center;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);background:#000000e0;display:flex;inset:0;justify-content:center;padding:16px;position:fixed;z-index:900}.modal{animation:fadeUp .2s ease;background:#0c0c0f;background:var(--bg2);border:1px solid #ffffff1a;border:1px solid var(--border);border-radius:22px;border-radius:var(--r-2xl);box-shadow:0 8px 40px #000c;box-shadow:var(--sh);max-height:92vh;max-width:500px;overflow-y:auto;padding:28px;width:100%}.admin-shell{display:flex;min-height:100vh}.admin-sidebar{background:#0c0c0f;background:var(--bg2);border-right:1px solid #ffffff0d;border-right:1px solid var(--border2);display:flex;flex-direction:column;height:100vh;left:0;overflow-y:auto;position:fixed;top:0;transition:transform .22s ease;width:230px;z-index:300}.admin-main{flex:1 1;margin-left:230px;max-width:calc(100vw - 230px);min-height:100vh;padding:28px}@media(max-width:900px){.admin-sidebar{transform:translateX(-100%)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;max-width:100vw;padding:16px}}@media(max-width:480px){.modal{padding:20px}.admin-main{padding:12px}}.bottom-nav{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);background:#070709f7;border-top:1px solid #ffffff0d;border-top:1px solid var(--border2);bottom:0;display:none;height:62px;left:0;position:fixed;right:0;z-index:490}@media(max-width:640px){.bottom-nav{display:flex}body{padding-bottom:62px}.modal-bg{align-items:flex-end;padding:0}.modal{animation:slideUp .22s ease;border-radius:22px 22px 0 0;border-radius:var(--r-2xl) var(--r-2xl) 0 0;max-height:90vh}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes fadeUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(1turn)}}@keyframes pulse-dot{0%,to{box-shadow:0 0 6px #34d399;box-shadow:0 0 6px var(--success);opacity:1}50%{box-shadow:0 0 14px #34d399;box-shadow:0 0 14px var(--success);opacity:.6}}@keyframes fadeInApp{0%{opacity:0}to{opacity:1}}@keyframes fadeOutApp{0%{opacity:1}to{opacity:0}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes glow-ring{0%,to{opacity:.3}50%{opacity:.7}}