@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Sarabun:wght@300;400;500;600;700&display=swap");:root{--bg-color:#FAF8F5;--card-bg:#FFFFFF;--card-border:#E8E3D7;--text-primary:#1C2E24;--text-secondary:#4A5B4F;--text-muted:#8E9F93;--accent-indigo:#1E5E3A;--accent-blue:#409E6D;--accent-blue-light:#EBF7F0;--accent-gradient:linear-gradient(135deg,var(--accent-indigo) 0%,var(--accent-blue) 100%);--accent-gradient-hover:linear-gradient(135deg,#15452B,#34865B);--danger-color:#DC2626;--success-color:#16A34A;--font-sans:"Outfit","Sarabun",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Oxygen,Ubuntu,Cantarell,sans-serif}*{box-sizing:border-box;padding:0;margin:0}body,html{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;-webkit-font-smoothing:antialiased}@keyframes floatOrb1{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}to{transform:translate(0) scale(1)}}@keyframes floatOrb2{0%{transform:translate(0) scale(1)}50%{transform:translate(-35px,25px) scale(1.12)}to{transform:translate(0) scale(1)}}body:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(30,94,58,.06) 0,rgba(64,158,109,.02) 50%,transparent 70%);animation:floatOrb1 16s ease-in-out infinite alternate}body:after,body:before{content:"";position:fixed;width:55%;height:55%;z-index:-1;pointer-events:none;filter:blur(70px)}body:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(64,158,109,.05) 0,rgba(30,94,58,.02) 50%,transparent 70%);animation:floatOrb2 20s ease-in-out infinite alternate}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:#FAF8F5}::-webkit-scrollbar-thumb{background:#E8E3D7;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#D5CDBE}h1,h2,h3,h4,h5,h6{font-weight:700;letter-spacing:-.01em}.text-glow-blue{text-shadow:0 0 15px rgba(64,158,109,.15)}.text-gradient{background:var(--accent-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.glass-card{background:rgba(255,255,255,.9)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border:1px solid rgba(232,227,215,.85)!important;border-radius:18px;box-shadow:0 12px 32px -4px rgba(28,46,36,.04),0 4px 12px -2px rgba(28,46,36,.02),inset 0 1px 0 rgba(255,255,255,.9)!important;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1),border-color .35s ease!important;position:relative;overflow:hidden}.glass-card:hover{transform:translateY(-3px) scale(1.002)!important;border-color:rgba(30,94,58,.3)!important;box-shadow:0 20px 42px -6px rgba(30,94,58,.1),0 6px 16px -2px rgba(28,46,36,.04),inset 0 1px 0 rgba(255,255,255,1)!important}.glass-card:before{content:"";position:absolute;top:0;left:-150%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-20deg);transition:left .8s ease;pointer-events:none;z-index:1}.glass-card:hover:before{left:150%}.input-field{width:100%;padding:14px 18px;background:#ffffff;border:1px solid #e8e3d7;border-radius:12px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;transition:all .25s ease}.input-field:focus{outline:none;border-color:var(--accent-indigo);background:#ffffff;box-shadow:0 0 12px rgba(30,94,58,.12)}.input-field::placeholder{color:var(--text-muted)}.select-field{width:100%;padding:14px 18px;background:#ffffff;border:1px solid #e8e3d7;border-radius:12px;color:var(--text-primary);font-family:var(--font-sans);font-size:.95rem;cursor:pointer;transition:all .25s ease}.select-field:focus{outline:none;border-color:var(--accent-indigo);box-shadow:0 0 12px rgba(30,94,58,.12)}.btn-gradient{background:linear-gradient(135deg,#1E5E3A,#297A4D 50%,#409E6D);color:#ffffff;border:none;padding:11px 22px;border-radius:12px;font-weight:700;font-size:.9rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px rgba(30,94,58,.24),inset 0 1px 0 rgba(255,255,255,.25);letter-spacing:.01em;position:relative;overflow:hidden}.btn-gradient:hover{background:linear-gradient(135deg,#15452B,#1E5E3A 50%,#34865B);transform:translateY(-2px) scale(1.02);box-shadow:0 10px 25px rgba(30,94,58,.35),inset 0 1px 0 rgba(255,255,255,.35)}.btn-gradient:active{transform:translateY(0) scale(.98)}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-dark{background:#ffffff;color:#1E5E3A;border:1.5px solid #d5cdbe;padding:11px 22px;border-radius:12px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .25s cubic-bezier(.34,1.56,.64,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.04)}.btn-dark:hover{background:#FAF8F5;border-color:#1E5E3A;transform:translateY(-2px) scale(1.02);box-shadow:0 6px 18px rgba(30,94,58,.14)}.btn-dark:active{transform:translateY(0) scale(.98)}.btn-danger{background:rgba(220,38,38,.08);color:#dc2626;border:1px solid rgba(220,38,38,.18);padding:10px 18px;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s cubic-bezier(.34,1.56,.64,1)}.btn-danger:hover{background:#dc2626;color:#ffffff;transform:translateY(-1px) scale(1.02);box-shadow:0 4px 14px rgba(220,38,38,.25)}.creator-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.creator-stats-card{background:linear-gradient(135deg,rgba(255,255,255,.98),rgba(244,239,230,.7));border:1px solid rgba(232,227,215,.85);border-radius:16px;padding:18px 20px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;box-shadow:0 8px 24px -4px rgba(28,46,36,.04),inset 0 1px 0 rgba(255,255,255,.85);transition:all .3s cubic-bezier(.34,1.56,.64,1)}.creator-stats-card:hover{transform:translateY(-4px) scale(1.02);border-color:rgba(30,94,58,.35);box-shadow:0 16px 32px -6px rgba(30,94,58,.12),inset 0 1px 0 rgba(255,255,255,1)}.creator-stats-label{font-size:.76rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.06em}.creator-stats-value{font-size:1.6rem;font-weight:800;color:#0D3B22;letter-spacing:-.02em}.premium-table-container{overflow-x:auto;border-radius:14px;border:1px solid var(--card-border);background:#ffffff;box-shadow:0 4px 16px rgba(28,46,36,.03)}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{background:linear-gradient(180deg,#F4EFE6,#EAE4D6);padding:14px 18px;font-weight:800;color:#1E5E3A;border-bottom:1px solid #e8e3d7;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.premium-table td{padding:16px 18px;border-bottom:1px solid #f4efe6;color:var(--text-primary);font-size:.92rem;transition:background .2s ease}.premium-table tr:last-child td{border-bottom:none}.premium-table tbody tr{transition:all .22s cubic-bezier(.16,1,.3,1);position:relative}.premium-table tbody tr:nth-child(2n){background-color:#FAF8F5}.premium-table tbody tr:hover td{background-color:#EBF7F0!important}.premium-table tbody tr:hover{transform:translateX(4px);box-shadow:0 3px 12px rgba(30,94,58,.06)}.badge{background:#F4EFE6;border:1px solid #e2dacd;padding:6px 14px;border-radius:20px;font-size:.78rem;font-weight:600;display:inline-flex;align-items:center;justify-content:center;color:var(--text-secondary)}.badge-indigo{background:#EBF7F0;border-color:#D1EAE0;color:#1E5E3A}.badge-blue{background:#FAF8F5;border-color:#E8E3D7;color:#1E5E3A}.badge{transition:all .2s cubic-bezier(.34,1.56,.64,1)}.badge:hover{transform:scale(1.05)}.glow-animation{animation:pulse-glow 3.5s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.8}50%{opacity:1;filter:drop-shadow(0 0 10px rgba(30,94,58,.15))}}@keyframes pulseDotLive{0%{transform:scale(.95);box-shadow:0 0 0 0 rgba(22,163,74,.7)}70%{transform:scale(1.05);box-shadow:0 0 0 8px rgba(22,163,74,0)}to{transform:scale(.95);box-shadow:0 0 0 0 rgba(22,163,74,0)}}.pulse-live-dot{width:8px;height:8px;background-color:#16A34A;border-radius:50%;display:inline-block;animation:pulseDotLive 2s ease-in-out infinite}@keyframes modalSpringIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-overlay{position:fixed!important;top:0!important;left:0!important;right:0!important;bottom:0!important;width:100vw!important;height:100vh!important;background-color:rgba(28,46,36,.55)!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:16px!important;transition:all .3s ease}.modal-box,.modal-overlay{box-sizing:border-box!important}.modal-box{width:100%!important;max-width:520px;max-height:90vh!important;overflow-y:auto!important;margin:auto!important;animation:modalSpringIn .32s cubic-bezier(.34,1.56,.64,1) forwards}@media (max-width:640px){.modal-overlay{padding:12px!important}.modal-box{padding:18px!important;border-radius:18px!important;max-width:100%!important}.creator-dashboard-container{padding:0 4px!important;gap:14px!important}.glass-card{padding:16px 14px!important;border-radius:16px!important}.creator-stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:8px!important}.creator-stats-card{padding:12px 8px!important;border-radius:12px!important}.creator-stats-label{font-size:.66rem!important;letter-spacing:0!important;white-space:nowrap!important;overflow:hidden!important;text-overflow:ellipsis!important}.creator-stats-value{font-size:1.15rem!important}.btn-dark,.btn-gradient{padding:7px 12px!important;font-size:.75rem!important}input,select,textarea{font-size:16px!important}}body,html{touch-action:manipulation;-webkit-text-size-adjust:100%}.custom-scrollbar-dropdown{-webkit-overflow-scrolling:touch;touch-action:pan-y;overscroll-behavior:contain}