/* Date A Thai complete visual system refresh — 2026-10-13 */
:root{--dt-ink:#251725;--dt-muted:#766a76;--dt-rose:#c2185b;--dt-rose2:#ef4f89;--dt-plum:#42172e;--dt-cream:#fffaf8;--dt-line:#eadde4;--dt-surface:#fff;--dt-shadow:0 18px 50px rgba(54,24,42,.09);--dt-radius:20px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--dt-ink)!important;background:linear-gradient(180deg,#fff9fb 0,#fff 460px)!important;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif!important;line-height:1.55}h1,h2,h3,h4,.serif,.page-hero h1,.hero-copy h1{font-family:Georgia,"Times New Roman",serif!important;letter-spacing:-.035em;color:var(--dt-ink)}p{color:var(--dt-muted)}a{transition:color .18s ease,background .18s ease,transform .18s ease}button,.btn,input,select,textarea{font:inherit}button,.register-btn,.header-signup,.login-submit,.create-account,.dt-premium-btn{border-radius:999px!important}
.site-header{position:sticky!important;top:0;z-index:1000;background:rgba(255,255,255,.94)!important;backdrop-filter:blur(18px);border-bottom:1px solid rgba(234,221,228,.9)!important;box-shadow:0 6px 24px rgba(49,20,38,.035)!important}.site-header-inner{min-height:84px!important;gap:24px!important}.brand-logo{width:auto!important;max-width:196px!important;height:58px!important;object-fit:contain}.home-header-tagline{display:none!important}.main-nav{display:flex!important;align-items:center;justify-content:center;gap:clamp(12px,2vw,30px)!important;flex:1}.main-nav a{font-size:13px!important;font-weight:700!important;letter-spacing:.035em;text-decoration:none!important;color:#51414c!important;padding:12px 0!important;border-bottom:2px solid transparent}.main-nav a:hover,.main-nav a.active{color:var(--dt-rose)!important;border-bottom-color:var(--dt-rose2)!important}.header-actions{display:flex;align-items:center;gap:12px}.login-link{font-weight:700!important;color:var(--dt-plum)!important}.header-signup,.login-submit,.register-btn,.create-account{background:linear-gradient(120deg,var(--dt-rose),var(--dt-rose2))!important;color:#fff!important;border:0!important;box-shadow:0 8px 20px rgba(194,24,91,.18)!important;padding:13px 22px!important;font-weight:750!important;text-decoration:none!important}.mobile-menu{display:none!important}
.container{width:min(1240px,calc(100% - 48px))!important;max-width:1240px!important}.hero-home{min-height:600px!important;display:flex;align-items:center;background-position:center!important;position:relative;isolation:isolate}.hero-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(39,17,32,.77),rgba(39,17,32,.28) 65%,rgba(39,17,32,.18));z-index:-1}.hero-overlay{background:transparent!important}.hero-inner{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(340px,430px)!important;gap:clamp(30px,6vw,90px)!important;align-items:center!important;padding-top:70px!important;padding-bottom:70px!important}.hero-copy h1{font-size:clamp(46px,5vw,72px)!important;line-height:1.03!important;color:#fff!important;max-width:700px}.hero-copy p{font-size:18px!important;color:rgba(255,255,255,.88)!important;max-width:570px}.eyebrow{color:var(--dt-rose)!important;letter-spacing:.16em!important;font-size:11px!important;font-weight:800!important;text-transform:uppercase}.eyebrow.light{color:#ffd6e6!important}.hero-pills{gap:10px!important;flex-wrap:wrap}.hero-pills span{border:1px solid rgba(255,255,255,.25);background:rgba(255,255,255,.12);color:#fff!important;border-radius:999px;padding:8px 12px;font-size:12px}.login-card,.form-card,.auth-card,.search-filter-box,.messages-shell,.profile-card,.member-card,.dt-card,.setup-card,.settings-card,.panel-card{border:1px solid var(--dt-line)!important;border-radius:var(--dt-radius)!important;box-shadow:var(--dt-shadow)!important;background:#fff!important}.login-card{padding:30px!important}.login-card h2{font-size:30px!important}.login-row input,.filter-field select,.filter-field input,input:not([type=checkbox]):not([type=radio]):not([type=file]),select,textarea{border:1px solid #e4d6df!important;border-radius:12px!important;background:#fff!important;min-height:46px;padding:11px 14px;color:var(--dt-ink)}input:focus,select:focus,textarea:focus{outline:3px solid rgba(239,79,137,.16)!important;border-color:var(--dt-rose2)!important}.member-strip{padding:30px 0!important;background:#fff!important;border-bottom:1px solid var(--dt-line)}.member-strip .stats{gap:20px!important}.member-strip .stats>div{padding:20px;border:1px solid var(--dt-line);border-radius:16px;background:var(--dt-cream)}
main>section:not(.hero-home){padding-top:48px;padding-bottom:48px}.page-hero{background:linear-gradient(120deg,#fff0f5,#fffaf7)!important;border-bottom:1px solid var(--dt-line);padding:54px 24px!important}.page-hero h1{font-size:clamp(36px,4vw,54px)!important}.search-filter-box{padding:24px!important}.search-controls{background:transparent!important}.member-grid,.search-results,.profile-grid,.cards-grid{gap:20px!important}.member-card,.profile-card{overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}.member-card:hover,.profile-card:hover{transform:translateY(-4px);box-shadow:0 22px 50px rgba(54,24,42,.13)!important}.member-card img,.profile-card img,.member-photo{object-fit:cover!important}.profile-card h2,.member-card h2,.member-card h3{font-size:22px!important}.messages-shell{overflow:hidden!important}.conversation-panel{background:#fff7fa!important;border-right:1px solid var(--dt-line)!important}.chat-panel{background:#fff!important}.chat-header{background:#fff!important;border-bottom:1px solid var(--dt-line)!important}.chat-thread{background:linear-gradient(180deg,#fff,#fff9fb)!important}.chat-form{border-top:1px solid var(--dt-line)!important;background:#fff!important}.message-bubble,.chat-message{border-radius:18px!important}
.dashboard-modern{background:transparent!important}.dashboard-topbar{position:sticky!important;top:0!important;z-index:1000!important;background:rgba(255,255,255,.96)!important;backdrop-filter:blur(18px);border-bottom:1px solid var(--dt-line)!important;box-shadow:0 6px 24px rgba(49,20,38,.04)!important}.dashboard-topbar-inner{min-height:82px!important;max-width:1440px!important;padding:10px 28px!important;gap:20px!important}.dt-logo img{max-width:190px!important;max-height:58px!important;object-fit:contain}.dt-search{border:1px solid var(--dt-line)!important;border-radius:999px!important;background:#fff!important;box-shadow:none!important;min-height:44px}.dt-search input{border:0!important;box-shadow:none!important;min-height:40px!important;background:transparent!important}.dt-top-actions{gap:12px!important}.dt-top-link{display:none!important}.dt-user{border:1px solid var(--dt-line)!important;border-radius:999px!important;background:#fff!important;padding:7px 12px!important}.dt-layout{display:flex!important;flex-direction:column!important;gap:0!important;max-width:1440px!important;margin:0 auto!important;padding:0 24px!important}.dt-sidebar{display:block!important;position:relative!important;top:auto!important;width:100%!important;min-width:0!important;height:auto!important;background:#fff!important;border:1px solid var(--dt-line)!important;border-radius:16px!important;box-shadow:0 8px 25px rgba(54,24,42,.045)!important;margin:16px 0 24px!important;padding:8px 12px!important;overflow:visible!important}.dt-side-nav{display:flex!important;align-items:center!important;gap:4px!important;overflow-x:auto!important;white-space:nowrap!important;scrollbar-width:thin!important;padding:3px!important}.dt-side-nav a{display:inline-flex!important;align-items:center!important;gap:7px!important;flex:0 0 auto!important;padding:10px 13px!important;border-radius:999px!important;font-size:12px!important;font-weight:700!important;color:#5c4a56!important;text-decoration:none!important;background:transparent!important}.dt-side-nav a.active,.dt-side-nav a:hover{background:#fde8f0!important;color:var(--dt-rose)!important}.dt-side-icon{font-size:15px!important}.dt-side-promo{display:none!important}.dt-main{min-width:0!important;width:100%!important;padding:0 0 40px!important}.dt-hero{border-radius:24px!important;box-shadow:var(--dt-shadow)!important;border:1px solid rgba(255,255,255,.6)!important;overflow:hidden!important}.dt-card,.dt-stat,.dt-photos,.dt-login-time-card,.dt-right>section{border-radius:18px!important;border:1px solid var(--dt-line)!important;box-shadow:0 8px 28px rgba(54,24,42,.045)!important}.dt-stats{gap:14px!important}.dt-card h2,.dt-section-head h2{font-family:Georgia,serif!important}.dt-right{gap:18px!important}.dt-user-dropdown{border:1px solid var(--dt-line)!important;border-radius:16px!important;box-shadow:var(--dt-shadow)!important}
.auth-layout,.auth-container,.setup-layout,.profile-layout{gap:24px!important}.setup-nav{border:1px solid var(--dt-line)!important;border-radius:18px!important;background:#fff!important;padding:12px!important;box-shadow:0 8px 25px rgba(54,24,42,.04)!important}.setup-nav-item{border-radius:12px!important}.setup-nav-item.active{background:#fff0f5!important;color:var(--dt-rose)!important}.setup-card,.setup-content,.profile-form,.form-panel{padding:clamp(22px,3vw,38px)!important}.setup-card h1,.setup-content h1{font-size:clamp(32px,3.5vw,46px)!important}.site-footer,footer{background:var(--dt-plum)!important;color:#fff!important}.site-footer p,footer p{color:rgba(255,255,255,.75)!important}
@media(max-width:1050px){.site-header-inner{flex-wrap:wrap!important;min-height:72px!important}.main-nav{order:3;width:100%;justify-content:flex-start;overflow-x:auto;padding:4px 0 10px}.hero-inner{grid-template-columns:1fr!important}.hero-home{min-height:auto!important}.login-card{max-width:560px;width:100%;margin:0 auto}.dashboard-topbar-inner{flex-wrap:wrap!important}.dt-search{order:3;width:100%!important;max-width:none!important}.dt-side-nav{padding-bottom:5px!important}.dt-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:640px){.container{width:calc(100% - 28px)!important}.brand-logo{max-width:155px!important;height:48px!important}.site-header-inner{gap:10px!important}.main-nav{gap:16px!important}.main-nav a{font-size:12px!important}.header-actions{margin-left:auto}.header-signup{padding:10px 14px!important}.hero-inner{padding-top:42px!important;padding-bottom:42px!important}.hero-copy h1{font-size:43px!important}.hero-copy p{font-size:16px!important}.login-card{padding:20px!important}.dashboard-topbar-inner{padding:10px 14px!important}.dt-layout{padding:0 12px!important}.dt-sidebar{margin:12px 0 18px!important;padding:6px!important}.dt-side-nav a{padding:9px 11px!important;font-size:11px!important}.dt-stats{grid-template-columns:repeat(2,minmax(0,1fr))!important}.messages-shell{grid-template-columns:1fr!important}.conversation-panel{border-right:0!important;border-bottom:1px solid var(--dt-line)!important}.dt-hero{padding:20px!important}.dt-hero-profile{flex-wrap:wrap!important}.dt-right{grid-template-columns:1fr!important}main>section:not(.hero-home){padding-top:30px;padding-bottom:30px}}