@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}body:before{top:-10%;left:-10%;background:radial-gradient(circle,rgba(30,94,58,.04) 0,transparent 70%)}body:after,body:before{content:"";position:fixed;width:50%;height:50%;z-index:-1;pointer-events:none;filter:blur(80px)}body:after{bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(64,158,109,.03) 0,transparent 70%)}::-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:linear-gradient(180deg,#FFFFFF,#FAF8F5);border:1px solid rgba(232,227,215,.9);border-radius:20px;box-shadow:0 16px 40px rgba(28,46,36,.05),0 2px 6px rgba(28,46,36,.02);transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease;position:relative}.glass-card:hover{border-color:rgba(30,94,58,.25);box-shadow:0 22px 50px rgba(28,46,36,.09),0 4px 12px rgba(28,46,36,.03)}.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,#15452B 50%,#409E6D);color:#ffffff;border:none;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.92rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 6px 18px rgba(30,94,58,.22);letter-spacing:.01em}.btn-gradient:hover{background:linear-gradient(135deg,#15452B,#0D3B22 50%,#34865B);transform:translateY(-2px);box-shadow:0 10px 24px rgba(30,94,58,.32)}.btn-gradient:active{transform:translateY(0)}.btn-gradient:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn-dark{background:#ffffff;color:#1E5E3A;border:1px solid #e8e3d7;padding:12px 24px;border-radius:12px;font-weight:700;font-size:.88rem;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;justify-content:center;gap:8px;box-shadow:0 2px 8px rgba(0,0,0,.03)}.btn-dark:hover{background:#FAF8F5;border-color:#1E5E3A;transform:translateY(-1px);box-shadow:0 4px 14px rgba(30,94,58,.12)}.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 ease}.btn-danger:hover{background:#dc2626;color:#ffffff;box-shadow:0 4px 12px rgba(220,38,38,.2)}.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,.95),rgba(244,239,230,.6));border:1px solid rgba(232,227,215,.85);border-radius:16px;padding:20px 22px;display:flex;flex-direction:column;gap:8px;position:relative;overflow:hidden;box-shadow:0 4px 15px rgba(28,46,36,.03);transition:all .3s ease}.creator-stats-card:hover{transform:translateY(-2px);border-color:rgba(30,94,58,.3);box-shadow:0 8px 24px rgba(30,94,58,.08)}.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 6px -1px rgba(0,0,0,.02),0 2px 4px -1px rgba(0,0,0,.01)}.premium-table{width:100%;border-collapse:collapse;text-align:left}.premium-table th{background:linear-gradient(180deg,#F4EFE6,#EAE4D6);padding:16px 18px;font-weight:800;color:#1E5E3A;border-bottom:1px solid #e8e3d7;font-size:.82rem;text-transform:uppercase;letter-spacing:.06em}.premium-table td{padding:18px;border-bottom:1px solid #f4efe6;color:var(--text-primary);font-size:.95rem}.premium-table tr:last-child td{border-bottom:none}.premium-table tr:nth-child(2n){background-color:#FAF8F5}.premium-table tr:hover{background-color:#EBF7F0}.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}.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))}}.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(0,0,0,.65)!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;display:flex!important;align-items:center!important;justify-content:center!important;z-index:99999!important;padding:16px!important}.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}@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}