@import url("https://fonts.googleapis.com/css2?family=Kanit:wght@300;400;500;600;700;800&display=swap");*{box-sizing:border-box}:root{--app-bg:#f9f9f9;--surface:#fff;--surface-soft:#f4f5f7;--surface-glass:hsla(0,0%,98%,.88);--text:#333;--muted:#5f6368;--line:#d9dee5;--primary:#001f3f;--primary-hover:#002a57;--primary-light:#e4ebf2;--accent:#d4af37;--accent-hover:#be9a2f;--accent-light:#f8f1de;--success:#10b981;--success-bg:#d1fae5;--warning:#f59e0b;--warning-bg:#fef3c7;--danger:#ef4444;--danger-bg:#fee2e2;--radius-sm:8px;--radius-md:12px;--radius-lg:20px;--radius-full:9999px;--shadow-sm:0 1px 2px rgba(0,31,63,.05),0 0 0 1px hsla(0,0%,100%,.7) inset;--shadow-md-light:0 4px 12px rgba(0,31,63,.06),0 1px 4px rgba(0,31,63,.04),0 1px 0 hsla(0,0%,100%,.9) inset;--shadow-md:0 8px 24px rgba(0,31,63,.08),0 2px 6px rgba(0,31,63,.05),0 1px 0 hsla(0,0%,100%,.9) inset;--shadow-lg:0 14px 36px rgba(0,31,63,.12),0 6px 14px rgba(0,31,63,.08),0 1px 0 hsla(0,0%,100%,.95) inset;--shadow-xl:0 24px 56px rgba(0,31,63,.16),0 10px 24px rgba(0,31,63,.1),0 1px 0 hsla(0,0%,100%,.95) inset;--shadow-glow:0 0 20px rgba(212,175,55,.3)}body{margin:0;font-family:Kanit,-apple-system,BlinkMacSystemFont,Segoe UI,Arial,sans-serif;background-color:#e7ebef;color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;display:flex;justify-content:center;min-height:100vh}a{color:inherit;text-decoration:none;transition:all .2s ease}.site-shell{width:100%;max-width:480px;min-height:100vh;display:flex;flex-direction:column;background-color:var(--app-bg);background-image:radial-gradient(120% 60% at 0 -10%,rgba(0,31,63,.08) 0,transparent 58%),radial-gradient(90% 50% at 100% 0,rgba(212,175,55,.14) 0,transparent 55%),linear-gradient(180deg,#fff,#f7f8fa 45%,#f2f4f7);position:relative;box-shadow:0 0 40px rgba(0,0,0,.1);overflow-x:hidden}.container{width:100%;padding:0 20px}h1,h2,h3,h4,h5,h6{margin-top:0;font-weight:700;letter-spacing:-.025em;color:var(--text)}p{color:var(--muted)}.card{background:linear-gradient(180deg,hsla(0,0%,100%,.96),rgba(251,252,253,.96));border-radius:var(--radius-lg);padding:16px;border:1px solid hsla(0,0%,100%,.9);box-shadow:var(--shadow-md);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease;backdrop-filter:saturate(115%) blur(3px);-webkit-backdrop-filter:saturate(115%) blur(3px)}.card:hover{box-shadow:var(--shadow-lg);border-color:rgba(212,175,55,.22)}.grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px}.product-card{padding:12px;gap:8px}.product-thumb{border-radius:var(--radius-md);height:140px;display:flex;align-items:center;justify-content:center;color:var(--muted);background:linear-gradient(180deg,#f7f8fa,#eef1f5);position:relative;overflow:hidden}.product-thumb:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,transparent 55%,rgba(0,31,63,.06));pointer-events:none}.product-card h3{margin:0;font-size:.9rem;font-weight:600;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.product-meta{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--muted);margin-top:auto}.price{font-size:1.1rem;font-weight:800;color:var(--primary);letter-spacing:-.02em}.actions{display:grid;grid-template-columns:1fr;grid-gap:8px;gap:8px;margin-top:8px}button{border:none;padding:12px 16px;border-radius:var(--radius-md);background:linear-gradient(135deg,var(--primary),var(--primary-hover));color:#fff;cursor:pointer;font-weight:600;font-size:.95rem;letter-spacing:.01em;transition:all .2s ease;box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%}button:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow)}button:active{transform:translateY(0)}button.secondary{background:var(--surface);color:var(--text);border:1px solid var(--line);box-shadow:var(--shadow-sm)}button.secondary:hover{background:var(--surface-soft);border-color:#cbd5e1;box-shadow:var(--shadow-md)}button.outline{background:transparent;color:var(--primary);border:2px solid var(--primary);box-shadow:none}button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}input,select,textarea{width:100%;padding:12px 16px;margin:8px 0 16px;border:1px solid var(--line);border-radius:var(--radius-md);background:var(--surface);font-family:inherit;font-size:.95rem;transition:all .2s ease;box-shadow:inset 0 1px 2px rgba(0,0,0,.02)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-light)}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:linear-gradient(180deg,hsla(0,0%,100%,.85),hsla(0,0%,98%,.75));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,31,63,.08)}.header-inner{height:60px;gap:16px}.brand,.header-inner{display:flex;align-items:center}.brand{font-size:1.25rem;font-weight:700;letter-spacing:-.015em;color:#1d1d1f;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;gap:8px}.site-header .nav-cta,.site-header .nav-links{display:none}.content-wrap{padding-top:24px;padding-bottom:90px;flex:1 1}.hero{position:relative;overflow:hidden;background:var(--primary);color:#fff;border-radius:16px;padding:32px 20px;margin-bottom:24px;box-shadow:var(--shadow-xl)}.hero:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 150%,rgba(212,175,55,.32) 0,transparent 52%),radial-gradient(circle at 80% -50%,rgba(212,175,55,.22) 0,transparent 50%);z-index:1}.hero-content{position:relative;z-index:2}.hero h1{font-size:1.75rem;font-weight:800;line-height:1.1;letter-spacing:-.03em;color:#fff}.hero p{font-size:.95rem;color:#d1d8e1;margin-bottom:16px}.section-header{display:flex;flex-direction:column;align-items:flex-start;gap:8px;margin:0 0 16px}.section-header h2{font-size:1.5rem;margin:0}.muted{color:var(--muted)}.status{padding:6px 12px;border-radius:var(--radius-full);font-size:.75rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;display:inline-block}.status.PENDING{background:var(--warning-bg);color:#b45309}.status.PAID{background:var(--success-bg);color:#047857}.status.VERIFIED{background:#e8eef5;color:#001f3f}.status.SHIPPED{background:var(--success-bg);color:#047857}.status.FAILED{background:var(--danger-bg);color:#b91c1c}.two-col{display:grid;grid-template-columns:1fr;grid-gap:24px;gap:24px}.site-footer{display:none}.bottom-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;height:64px;background:var(--surface);border-top:1px solid var(--line);z-index:100;justify-content:space-around;padding-bottom:env(safe-area-inset-bottom);box-shadow:0 -8px 22px rgba(0,31,63,.1),inset 0 -1px 0 hsla(0,0%,100%,.8)}.bottom-nav,.bottom-nav-item{display:flex;align-items:center}.bottom-nav-item{flex-direction:column;justify-content:center;color:var(--muted);font-size:.65rem;font-weight:500;gap:4px;width:64px;height:52px;border-radius:16px;transition:all .2s ease}.bottom-nav-item.active{color:var(--surface);background:var(--primary);box-shadow:0 8px 16px rgba(0,31,63,.35);transform:translateY(-12px)}body:has(.login-layout-root){display:block;background:var(--primary)}body:has(.login-layout-root) .site-shell{max-width:100%;width:100%;box-shadow:none;background:transparent}body:has(.login-layout-root) .bottom-nav,body:has(.login-layout-root) .site-header{display:none!important}body:has(.login-layout-root) .content-wrap{padding:0;max-width:none;width:100%}.login-layout-root{min-height:100vh}.login-page-full{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:clamp(20px,4vh,48px) clamp(16px,4vw,56px);background:radial-gradient(ellipse 90% 55% at 100% 0,rgba(212,175,55,.12) 0,transparent 55%),radial-gradient(ellipse 70% 50% at 0 100%,hsla(0,0%,100%,.04) 0,transparent 50%),linear-gradient(165deg,var(--primary) 0,#00162d 42%,var(--primary-hover) 100%)}.login-split{display:grid;width:100%;max-width:1080px;margin:0 auto;grid-gap:clamp(24px,5vw,56px);gap:clamp(24px,5vw,56px);align-items:center;grid-template-columns:1fr}@media (min-width:960px){.login-split{grid-template-columns:minmax(360px,560px) minmax(280px,1fr)}}.login-card-wrap{display:flex;justify-content:center}.login-card{width:100%;max-width:min(420px,90vw);min-width:420px;min-height:420px;box-sizing:border-box;background:#fff;border-radius:28px;padding:clamp(22px,4vh,36px);box-shadow:0 24px 60px rgba(15,23,42,.08),0 0 1px rgba(15,23,42,.06);border:1px solid hsla(0,0%,100%,.9)}.login-card-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:28px}.login-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;letter-spacing:-.02em;color:var(--text)}.login-brand img{border-radius:10px;border:1px solid var(--line)}.login-signup-link{font-size:.875rem;font-weight:600;color:#2563eb;white-space:nowrap}.login-signup-link:hover{text-decoration:underline}.login-heading{font-size:1.85rem;font-weight:800;letter-spacing:-.04em;margin:0 0 22px;color:var(--text)!important}.login-oauth-row{display:flex;gap:10px;margin-bottom:22px}.login-google-btn{flex:1 1;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 16px;border-radius:14px;border:none;background:#1a73e8;color:#fff;font-weight:600;font-size:.9rem;cursor:pointer;box-shadow:0 4px 12px rgba(26,115,232,.25)}.login-google-btn:hover{background:#1557b0}.login-google-icon{display:grid;place-items:center;width:22px;height:22px;background:#fff;color:#1a73e8;border-radius:6px;font-weight:800;font-size:.75rem}.login-oauth-extra{width:48px;flex-shrink:0;border-radius:14px;border:none;background:var(--accent-light);color:var(--accent-hover);cursor:pointer;display:grid;place-items:center;box-shadow:0 2px 10px rgba(212,175,55,.2)}.login-oauth-extra:hover{background:#f5e6c8}.login-form .login-label{display:block;font-size:.8rem;font-weight:600;color:#6b7280;margin-bottom:6px}.login-label--inline{margin-bottom:0}.login-password-row{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:16px;margin-bottom:6px}.login-forgot-wrap{flex-shrink:0}.login-forgot{background:none;border:none;padding:0;font-size:.8rem;font-weight:600;color:#2563eb;cursor:pointer}.login-forgot:hover{text-decoration:underline}.login-form .login-input{width:100%;margin:0;padding:14px 16px;border-radius:16px;border:1px solid var(--line);font-size:.95rem;background:#fcfcfc;transition:border-color .2s,box-shadow .2s}.login-form .login-input:focus{outline:none;border-color:rgba(0,31,63,.35);box-shadow:0 0 0 3px rgba(0,31,63,.08);background:#fff}.login-submit-btn{width:100%;margin-top:22px;padding:14px 20px;border-radius:16px;border:none;background:var(--primary);color:#fff;font-weight:700;font-size:1rem;cursor:pointer;box-shadow:0 10px 28px rgba(0,31,63,.35)}.login-submit-btn:hover{background:var(--primary-hover)}.login-submit-btn:disabled{opacity:.65;cursor:not-allowed}.login-message-area{min-height:3rem;margin-top:4px}.login-error{color:#dc2626;margin:0;font-size:.875rem;line-height:1.45}.login-back-store{margin:20px 0 0;text-align:center;font-size:.85rem}.login-back-store a{color:#6b7280;font-weight:500}.login-back-store a:hover{color:#4b5563}.login-art{display:none;position:relative;justify-self:center}@media (min-width:960px){.login-art{display:block}}.login-art-frame{position:relative;border-radius:32px;overflow:hidden;box-shadow:0 32px 64px rgba(0,0,0,.05);background:radial-gradient(circle at 70% 20%,rgba(212,175,55,.15) 0,transparent 62%),linear-gradient(150deg,#050a14 0,var(--primary) 45%,var(--primary-hover) 100%);border:1px solid rgba(212,175,55,.02);aspect-ratio:1.05;max-height:min(1440px,90vh)}.login-art-img{width:100%;height:100%;object-fit:contain;display:block}body:has(.admin-root){display:block;background:var(--surface-soft)}body:has(.admin-root) .site-shell{max-width:100%;width:100%;box-shadow:none}body:has(.admin-root) .bottom-nav,body:has(.admin-root) .site-footer,body:has(.admin-root) .site-header{display:none!important}body:has(.admin-root) .content-wrap{padding:0;max-width:none}.admin-root{min-height:100vh;display:flex;flex-direction:column;background:var(--surface-soft)}.admin-layout{display:flex;flex:1 1;min-height:0}.admin-sidebar{width:220px;flex-shrink:0;background:var(--primary);color:#dbe4ee;padding:20px 0;display:flex;flex-direction:column;gap:8px}.admin-sidebar-brand{padding:0 16px 16px;font-weight:800;font-size:1rem;letter-spacing:-.02em;color:#fff;border-bottom:1px solid hsla(0,0%,100%,.12);margin-bottom:8px}.admin-sidebar a{display:block;padding:10px 16px;color:#d1d8e1;font-weight:500;font-size:.9rem;border-left:3px solid transparent}.admin-sidebar a:hover{background:hsla(0,0%,100%,.06);color:#fff}.admin-sidebar a.active{background:hsla(0,0%,100%,.1);color:#fff;border-left-color:var(--accent)}.admin-sidebar-footer{margin-top:auto;padding:16px;font-size:.75rem;color:#94a3b8;border-top:1px solid hsla(0,0%,100%,.12)}.admin-main{flex:1 1;padding:20px;overflow:auto}.admin-main-inner{max-width:960px;margin:0 auto}.admin-page-title{margin:0 0 4px;font-size:1.35rem}.admin-table-wrap{overflow-x:auto;border-radius:var(--radius-md);border:1px solid var(--line);background:var(--surface)}.admin-table{width:100%;border-collapse:collapse;font-size:.875rem}.admin-table td,.admin-table th{padding:10px 12px;text-align:left;border-bottom:1px solid var(--line)}.admin-table th{background:var(--surface-soft);font-weight:600;color:var(--muted)}.admin-table tr:last-child td{border-bottom:none}.admin-actions{display:flex;gap:8px;flex-wrap:wrap}@media (max-width:768px){.admin-layout{flex-direction:column}.admin-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;padding:12px;gap:4px}.admin-sidebar-brand{width:100%;border-bottom:none;padding-bottom:8px;margin-bottom:0}.admin-sidebar a{flex:1 1 auto;text-align:center;border-left:none;border-radius:var(--radius-sm);padding:8px}.admin-sidebar a.active{border-left:none;background:hsla(0,0%,100%,.15)}.admin-sidebar-footer{width:100%;margin-top:0}}