:root{--primary-color: #d4af37;--primary-b-color: #b69527;--primary-o-color: #fdf8e7;--primary-box-shadow:rgba(212, 175, 55, .1);--primary-soft: #fdf8e7;--bg-color: #fff;--text-main: #272727;--text-muted: #6b7280;--text-light: #9ca3af;--white: #ffffff;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--font-family: "Kanit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--card-shadow: 0 4px 12px rgba(0, 0, 0, .04)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;font-family:var(--font-family)!important}html,body{margin:0;padding:0;width:100%;height:100%;background-color:var(--bg-color);overflow:hidden;color:var(--text-main)}.app-container{display:flex;flex-direction:column;height:100vh;height:100dvh}.content-area{flex:1;overflow-y:auto;background-color:var(--bg-color);padding:0}.tabbar-container{flex-shrink:0;z-index:1000;pointer-events:none}.tabbar-container>*{pointer-events:auto}.tab-bar-wrapper{position:fixed;bottom:16px;left:0;right:0;display:flex;justify-content:center;padding:0 20px;z-index:1000;padding-bottom:env(safe-area-inset-bottom)}.floating-tab-bar{background-color:var(--white);border-radius:30px;display:flex;justify-content:space-around;align-items:center;width:100%;max-width:500px;height:64px;box-shadow:0 8px 32px #00000014;padding:0 10px;pointer-events:auto}.card-base{background:var(--white);border-radius:16px;padding:16px;box-shadow:var(--card-shadow);margin-bottom:12px}.section-title{font-size:1.1rem;font-weight:600;color:var(--text-main);display:flex;justify-content:space-between;align-items:center;margin:20px 0 16px}.section-title span.see-all{font-size:.85rem;color:var(--text-muted);font-weight:400;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--white);border:none;border-radius:8px;padding:8px 16px;font-weight:500;font-size:.85rem;cursor:pointer}.btn-primary-large{background-color:var(--primary-color);color:var(--white);border:none;border-radius:12px;padding:16px;font-weight:600;font-size:1rem;width:100%;cursor:pointer}.mobile-header{padding:1rem 1.2rem;padding-top:calc(1rem + env(safe-area-inset-top));background:var(--bg-color);position:sticky;top:0;z-index:1001}.header-home{display:flex;justify-content:space-between;align-items:center;width:100%}.user-info{display:flex;align-items:center;gap:12px}.avatar{width:44px;height:44px;border-radius:50%;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.user-info .text{display:flex;flex-direction:column}.greeting{font-size:.75rem;color:var(--text-muted)}.name{font-size:1rem;color:var(--text-main);font-weight:600}.actions{display:flex;gap:8px}.header-detail{display:flex;justify-content:space-between;align-items:center;width:100%}.page-title{font-size:1.1rem;font-weight:600;margin:0;color:var(--text-main)}.icon-btn{background:none;border:1px solid #e5e7eb;border-radius:50%;width:40px;height:40px;display:flex;align-items:center;justify-content:center;color:var(--text-main);cursor:pointer;position:relative}.icon-btn.back-btn{border-color:#e5e7eb}.icon-placeholder{width:40px}.bell-dot{position:absolute;top:8px;right:10px;width:6px;height:6px;background-color:var(--danger)}[data-sileo-viewport]{z-index:9999!important}[data-sileo-viewport] [data-sileo-toast]{display:flex;flex-direction:column;align-items:center;text-align:center}[data-sileo-viewport] [data-sileo-title],[data-sileo-viewport] [data-sileo-description]{text-align:center;width:100%}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}.web-splash-overlay{position:fixed;inset:0;background-color:#fff;display:flex;align-items:center;justify-content:center;z-index:9999;transition:opacity .6s cubic-bezier(.4,0,.2,1)}.web-splash-overlay.hide{opacity:0;pointer-events:none}.splash-content{display:flex;flex-direction:column;align-items:center;gap:20px}.splash-logo{width:100px;height:100px;object-fit:contain;animation:pulse 2s infinite ease-in-out;opacity:0;transition:opacity .3s ease}.splash-logo.loaded{opacity:1}.loading-dots{display:flex;gap:8px}.loading-dots span{width:8px;height:8px;background-color:#0b1b32;border-radius:50%;animation:dotFlashing 1s infinite alternate}.loading-dots span:nth-child(2){animation-delay:.2s}.loading-dots span:nth-child(3){animation-delay:.4s}@keyframes pulse{0%{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}to{transform:scale(1);opacity:1}}@keyframes dotFlashing{0%{opacity:.2;transform:scale(.8)}to{opacity:1;transform:scale(1.2)}}html{transition:opacity .3s ease-in-out}html.is-animating{opacity:0}html,body{background-color:#fff;margin:0;padding:0}