:root{--ink:#172033;--muted:#6c7588;--primary:#6559e8;--primary-dark:#4d42cf;--mint:#1fc7a1;--cream:#fbfaf7;--line:#e9e7f2;--card:#fff;--shadow:0 18px 55px rgba(47,39,112,.1)}
*{box-sizing:border-box}body{font-family:"Noto Sans Thai",sans-serif;color:var(--ink);background:var(--cream);line-height:1.65}.app-nav{background:rgba(251,250,247,.9);backdrop-filter:blur(14px);border-bottom:1px solid rgba(23,32,51,.06);min-height:74px}.brand-lockup{font-family:Manrope,"Noto Sans Thai",sans-serif;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:.55rem;letter-spacing:-.5px}.brand-mark{display:inline-grid;place-items:center;width:35px;height:35px;border-radius:12px;background:linear-gradient(135deg,var(--primary),#8d78ff);color:#fff;font-size:.86rem;box-shadow:0 8px 20px rgba(101,89,232,.28)}.brand-accent{color:var(--primary)}.nav-link{color:#525b6d;font-weight:600}.nav-link:hover{color:var(--primary)}.btn{font-weight:700}.btn-primary{background:var(--primary);border-color:var(--primary);box-shadow:0 8px 20px rgba(101,89,232,.2)}.btn-primary:hover{background:var(--primary-dark);border-color:var(--primary-dark)}.btn-ghost{border:0;color:var(--ink)}.btn-ghost:hover{background:#efedf9}.hero{position:relative;overflow:hidden;padding:88px 0 84px;background:radial-gradient(circle at 86% 15%,rgba(31,199,161,.18),transparent 25%),radial-gradient(circle at 10% 30%,rgba(101,89,232,.16),transparent 27%),var(--cream)}.hero h1{font-family:Manrope,"Noto Sans Thai",sans-serif;font-size:clamp(2.55rem,6vw,5.1rem);font-weight:800;line-height:1.06;letter-spacing:-2.5px}.hero .lead{font-size:1.18rem;color:var(--muted);max-width:590px}.eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.42rem .8rem;border:1px solid #ddd8ff;background:#f1efff;color:var(--primary-dark);border-radius:99px;font-size:.82rem;font-weight:800}.hero-card{background:rgba(255,255,255,.86);border:1px solid rgba(255,255,255,.9);box-shadow:var(--shadow);border-radius:28px;padding:1.2rem;transform:rotate(1.5deg)}.mock-window{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.2rem}.metric-mini{background:#f8f7fd;border-radius:16px;padding:1rem}.metric-value{font-family:Manrope,sans-serif;font-size:1.4rem;font-weight:800}.trend{color:#15977a}.feature-section{padding:86px 0}.section-kicker{color:var(--primary);font-weight:800;font-size:.86rem;letter-spacing:.08em;text-transform:uppercase}.section-title{font-family:Manrope,"Noto Sans Thai",sans-serif;font-weight:800;letter-spacing:-1.2px}.feature-card,.campaign-card,.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;box-shadow:0 8px 26px rgba(47,39,112,.05)}.feature-card{height:100%;padding:1.6rem}.feature-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:15px;background:#efedff;color:var(--primary);font-size:1.25rem}.step-no{font:800 3rem/1 Manrope;color:#e3e0fc}.soft-section{background:#f3f1fb}.dashboard-shell{padding:38px 0 80px;min-height:70vh}.page-heading{font-family:Manrope,"Noto Sans Thai",sans-serif;font-weight:800;letter-spacing:-1px}.stat-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:1.25rem;height:100%}.stat-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#efedff;color:var(--primary)}.stat-number{font:800 1.8rem/1.2 Manrope,"Noto Sans Thai",sans-serif}.panel{padding:1.4rem}.table>:not(caption)>*>*{padding:.9rem .7rem;border-bottom-color:#efedf4}.badge-soft{background:#eeebff;color:var(--primary-dark);padding:.5rem .65rem}.badge-success-soft{background:#e7f8f2;color:#13866d}.badge-warning-soft{background:#fff5dc;color:#a36900}.campaign-card{overflow:hidden;height:100%;transition:.2s}.campaign-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.campaign-cover{height:155px;background:linear-gradient(135deg,#e9e5ff,#d7fff5);display:grid;place-items:center;overflow:hidden}.campaign-cover img{width:100%;height:100%;object-fit:cover}.campaign-cover i{font-size:3rem;color:var(--primary);opacity:.7}.commission-pill{background:var(--ink);color:#fff;border-radius:99px;font-weight:800;padding:.45rem .72rem}.form-control,.form-select{border:1px solid #dddbe7;border-radius:12px;padding:.72rem .9rem}.form-control:focus,.form-select:focus{border-color:#9b91f3;box-shadow:0 0 0 .22rem rgba(101,89,232,.12)}.form-label{font-weight:700;font-size:.9rem}.auth-wrap{min-height:calc(100vh - 74px);display:grid;place-items:center;padding:48px 0;background:radial-gradient(circle at 20% 20%,rgba(101,89,232,.16),transparent 30%)}.auth-card{width:min(100%,480px);padding:2rem;background:#fff;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow)}.copy-box{display:flex;gap:.5rem;padding:.55rem;background:#f5f4fa;border-radius:13px}.copy-box input{border:0;background:transparent;min-width:0;width:100%;font-size:.85rem}.site-footer{background:var(--ink);padding:42px 0}.empty-state{text-align:center;padding:3rem 1rem;color:var(--muted)}.clipboard-picker{display:flex;align-items:center;gap:1rem;padding:1rem;border:2px dashed #cfcaf3;border-radius:18px;background:#faf9ff;cursor:text;transition:.2s;outline:none}.clipboard-picker:focus,.clipboard-picker.is-dragging{border-color:var(--primary);background:#f1efff;box-shadow:0 0 0 .22rem rgba(101,89,232,.1)}.clipboard-preview{width:120px;height:90px;flex:0 0 120px;border-radius:14px;background:#eeebff;color:var(--primary);display:grid;place-items:center;overflow:hidden;font-size:1.8rem}.clipboard-preview img{width:100%;height:100%;object-fit:cover}.profile-preview{width:110px;height:110px;flex-basis:110px;border-radius:24px}.profile-chip{display:flex;align-items:center;gap:.5rem}.profile-chip>img,.profile-chip>span:first-child{width:34px;height:34px;border-radius:11px;object-fit:cover;background:#eeebff;color:var(--primary);display:grid;place-items:center;font-weight:800}.seller-identity{display:flex;align-items:center;gap:.5rem}.seller-identity img,.seller-identity>span{width:26px;height:26px;border-radius:8px;object-fit:cover;background:#eeebff;color:var(--primary);display:grid;place-items:center;font-size:.75rem}@media(max-width:991px){.navbar-collapse{padding:1rem 0}.hero{padding:62px 0}.hero-card{margin-top:2.5rem;transform:none}.feature-section{padding:64px 0}}@media(max-width:576px){.hero h1{letter-spacing:-1.4px}.panel{padding:1rem}.dashboard-shell{padding-top:26px}.auth-card{padding:1.4rem;border-radius:20px}.clipboard-picker{align-items:flex-start;flex-direction:column}.clipboard-preview{width:100%;height:160px;flex-basis:160px}.profile-preview{width:110px;height:110px;flex-basis:110px}}