@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--orange-main: #f37021;--orange-deep: #d85c16;--navy-main: #0a1f44;--navy-deep: #06152d;--black: #1a1a1a;--gray-light: #f5f5f5;--gray-mid: #777;--white: #fff;--radius-md: 12px;--radius-lg: 18px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,Noto Sans Thai,sans-serif;background:var(--white);color:var(--black);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1120px,92%);margin:0 auto}h1,h2,h3{font-weight:700;line-height:1.2}h2{font-size:1.9rem;color:var(--navy-main);margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.35rem}.site-header{position:sticky;top:0;padding:1rem 0;z-index:10;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #eee}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column}.logo-mark{font-weight:800;letter-spacing:.06em;font-size:1.25rem;color:var(--orange-main);line-height:1.1}.logo-sub-th{font-size:.78rem;color:#444;margin-top:5px}.nav{display:flex;align-items:center}.nav-link{text-decoration:none;color:var(--navy-main);font-weight:500;padding:8px 16px}.nav-link-login{border-radius:999px;border:1px solid var(--navy-main);white-space:nowrap}.hero{padding:80px 0 70px;background:linear-gradient(180deg,#fff,#fff5ec)}.hero-inner{display:flex;justify-content:center}.hero-text{max-width:720px;text-align:center}.hero-title{font-size:clamp(2.4rem,4vw,3.1rem);color:var(--orange-main);font-weight:800;letter-spacing:.08em}.hero-subtitle{font-size:1.1rem;color:#333;margin-top:14px}.hero-subtitle:after{content:"";display:block;width:48px;height:2px;background:var(--orange-main);margin:14px auto 0;border-radius:2px}.hero-note{margin-top:10px;font-size:.9rem;color:var(--gray-mid)}.section{padding:56px 0}.section-alt{background:var(--gray-light)}.philosophy-list{margin-left:1.3rem;padding-left:1rem;font-size:1.05rem;line-height:1.8}.philosophy-list li{margin-bottom:.75rem}.site-footer{margin-top:auto;background:var(--navy-deep);color:#cdd2e0;font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;padding:18px 0}.footer-brand{font-weight:700;letter-spacing:.12em;color:var(--orange-main);margin-left:4px}.footer-text{color:#e2e4ee}.overview-header{margin-bottom:20px}.overview-title{font-size:1.8rem;color:var(--navy-main);font-weight:700;margin-bottom:4px}.overview-sub{font-size:.95rem;color:var(--gray-mid)}.overview-table{width:100%;border-collapse:collapse;margin-top:12px;font-size:.95rem}.overview-table th,.overview-table td{padding:8px 10px;border-bottom:1px solid #eee;text-align:left}.overview-table th{font-weight:600;color:var(--navy-main);background:#f8fafc}.overview-table tr:hover td{background:#fdf1e7}.overview-link{color:var(--navy-main);text-decoration:none}.overview-link:hover{color:var(--orange-main);text-decoration:underline}.signup-title{font-size:1.6rem;font-weight:900;margin-bottom:2rem}.signup-subtitle{font-size:1rem;color:#555;font-weight:500;line-height:1.5}.signup-form{margin-top:1.5rem;max-width:520px}.form-row{margin-bottom:1rem}.form-row label{display:block;font-size:.95rem;color:#333;margin-bottom:.25rem}.form-row input{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ccc;font-size:.95rem}.required{color:#e63946;margin-left:4px}.location-select{margin-top:.5rem}.location-select .form-row select{width:100%;padding:8px 10px;border-radius:8px;border:1px solid #ccc;font-size:.95rem}.location-dropdown{margin-top:.4rem;max-height:220px;overflow-y:auto;border-radius:8px;border:1px solid #ddd;background:#fff;box-shadow:0 4px 10px #06152d0f}.dropdown-item{display:block;width:100%;text-align:left;padding:6px 10px;border:none;background:#fff;font-size:.9rem;cursor:pointer}.dropdown-item:hover{background:#fdf1e7}.dropdown-item.muted{color:#777;cursor:default}.error-text{margin-top:4px;font-size:.85rem;color:#e53935}.dashboard{padding:56px 0 64px;background:linear-gradient(180deg,#fafafb,#f6f7fb)}.dashboard-card{background:#fff;border-radius:var(--radius-md);border:1px solid #eee;padding:18px 20px 20px;box-shadow:0 4px 10px #06152d0a}.dashboard .container{display:flex;flex-direction:column;gap:16px}.dashboard-card{border:1px solid rgba(10,31,68,.08);box-shadow:0 10px 24px #06152d0f;padding:18px 18px 20px}.dashboard-card>h3{display:flex;align-items:baseline;gap:10px;padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid rgba(10,31,68,.08)}.dashboard-card .section-lead{margin-bottom:14px;color:#3b3b3b}.content-section{margin-top:14px;padding-top:12px;border-top:1px solid rgba(10,31,68,.08)}.content-section h4{font-size:1.02rem;color:var(--navy-main);margin-bottom:8px}.content-subsection{margin-top:12px;padding-top:10px;border-top:1px dashed rgba(10,31,68,.12)}.content-subsection h5{font-size:.92rem;color:#2b2b2b;margin-bottom:8px}.member-pill{background:#fafafa;border:1px solid rgba(10,31,68,.1);transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease,background-color .12s ease}.member-pill:hover{background:#fff7f1;border-color:#f3702159;box-shadow:0 6px 14px #06152d14;transform:translateY(-1px)}.dashboard-list{margin-top:8px;padding-left:1.1rem}.dashboard-list li{margin-bottom:6px}.dashboard-card .content-section{border:1px solid rgba(10,31,68,.08);background:#fff;border-radius:14px;padding:12px 14px;margin-top:12px;box-shadow:0 6px 14px #06152d0a}.dashboard-card .content-section+.content-section{margin-top:12px}.section-lead{font-size:1rem;max-width:680px;color:#444;margin-bottom:24px}.btn{border:0;cursor:pointer;font-weight:800;border-radius:999px;padding:10px 14px}.btn--primary{background:#ff6a3d;color:#fff}.btn--success{background:#4caf50;color:#fff}.btn--outline{background:#fff;border:1px solid #eee;color:#222;font-weight:700;padding:8px 12px}.btn--full{width:100%}.text-muted{color:#777;font-size:.9rem}.text-error{color:#c00;font-size:.9rem}.text-success{color:#1a7f37;font-weight:800}.dash-head{padding:16px 18px}.dash-head-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.dash-head-identity{display:flex;align-items:center;gap:12px;min-width:0}.dash-avatar--sm{width:44px;height:44px;border-radius:14px;overflow:hidden;border:1px solid #eee;flex:0 0 auto;background:#fff;display:grid;place-items:center}.dash-avatar--sm img{width:100%;height:100%;object-fit:cover}.dash-avatar-fallback{width:100%;height:100%;display:grid;place-items:center;background:#ffe0c2;color:#d85c16;font-weight:800}.dash-head-meta{min-width:0}.dash-head-title{font-size:1.35rem;color:var(--navy-main);margin:0;line-height:1.2}.dash-head-sub{margin-top:4px;font-size:.92rem;color:#555;display:flex;flex-wrap:wrap;gap:6px;align-items:center}.dash-sub-strong{font-weight:600}.dash-sub-dot{margin:0 6px;color:#bbb;opacity:.7}.dash-badges{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px}.badge{font-size:.78rem;padding:3px 10px;border-radius:999px;border:1px solid #ddd;background:#fff}.badge--muted{opacity:.6}.badge--team{border-color:#cfd8ff;background:#f5f7ff;color:#2f3fa3}.badge--coach{border-color:#ffd7b5;background:#fff2e6;color:#d85c16}.badge--loc{border-color:#e0e0e0;background:#fafafa}.badge--role{font-weight:700}.phase-strip{display:flex;gap:12px;overflow-x:auto;padding:8px 2px 4px;margin-top:8px}.phase-card{flex-shrink:0;border-radius:var(--radius-md);border:1px solid #e3e5ee;background:#fff;padding:10px 12px;cursor:pointer;width:280px;transition:transform .15s ease,box-shadow .15s ease,border-color .15s ease,background-color .15s ease;min-width:210px}.phase-card--current{min-width:280px;background:#fff7f1;border-color:var(--orange-main);box-shadow:0 6px 14px #06152d0f}.phase-card--compact{opacity:.92}.phase-card--selected{border-color:var(--orange-main);box-shadow:0 4px 10px #f3702126}.phase-card--growth:before,.phase-card--growth2:before{position:absolute;top:8px;right:10px;font-size:.7rem;padding:2px 6px;border-radius:999px;background:#ffe0c2;color:var(--orange-deep);font-weight:700}.phase-card--growth{position:relative}.phase-card--growth:before{content:"ทีมเติบโต"}.phase-card--growth2{position:relative}.phase-card--growth2:before{content:"ทีมเพื่อนบ้าน"}.phase-card-header{margin-bottom:8px}.phase-title{font-size:.95rem;font-weight:700;color:var(--navy-main);margin-bottom:2px}.phase-subtitle{font-size:.82rem;color:var(--gray-mid);white-space:pre-wrap}.phase-days-row{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.day-pill{border-radius:999px;border:1px solid #d4d7e3;padding:2px 8px;font-size:.8rem;background:#fff;cursor:pointer;min-width:32px;text-align:center;transition:background-color .15s ease,color .15s ease,border-color .15s ease,transform .1s ease}.day-pill:hover{background:#fdf1e7}.day-pill--today{border-color:var(--orange-main);background:#fff2e6;color:var(--orange-deep);font-weight:700}.day-pill--selected{background:var(--orange-main);color:#fff;border-color:var(--orange-main);transform:translateY(-1px)}.day-pill--done{border-color:#4caf50;background:#4caf501f;color:#256029;font-weight:700}.content-section{margin-top:1rem;padding-top:.6rem;border-top:1px solid #eee}.content-section h4{font-size:1rem;margin-bottom:.25rem}.dashboard-list{margin-top:8px;padding-left:1.2rem;font-size:.95rem}.dashboard-list li{margin-bottom:4px}.quiz-card{border:1px solid #ffd8cc;background:#fff4ef;border-radius:16px;padding:14px}.quiz-card--done{background:#e8f5e9;border-color:#d6f0dd}.member-list-grid{display:flex;flex-wrap:wrap;gap:6px}.member-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 8px;border-radius:999px;border:1px solid #eee;text-decoration:none;color:#222;font-size:.9rem;background:#fff}.member-pill img{width:28px;height:28px;border-radius:50%;object-fit:cover}@media(max-width:768px){.dash-head{padding:14px}.dash-head-title{font-size:1.18rem}.dash-avatar--sm{width:40px;height:40px;border-radius:12px}}