*{box-sizing:border-box}html,body{margin:0;font-family:"IBM Plex Sans Thai",sans-serif;background:#f6f9fc;color:#274d70}button,input,select{font:inherit}.admin-top{height:68px;background:#fff;border-bottom:1px solid #dfe8ef;display:flex;align-items:center;justify-content:space-between;padding:0 22px;position:sticky;top:0;z-index:20}.admin-brand{display:flex;align-items:center;gap:10px;color:#244d73;text-decoration:none}.admin-brand img{width:48px;height:48px;object-fit:contain}.admin-brand b,.admin-brand small{display:block}.admin-brand small{font-size:.68rem;color:#8193a5}.admin-top-actions{display:flex;gap:8px;align-items:center}.ghost-link,.ghost-btn,.primary-btn{border:1px solid #d5e1eb;background:#fff;color:#315a80;border-radius:11px;padding:9px 12px;text-decoration:none;font-weight:800;cursor:pointer}.primary-btn{border:none;background:linear-gradient(135deg,#1d9eff,#6757e9);color:#fff}.primary-btn.small{padding:8px 11px}.login-screen{min-height:calc(100vh - 68px);display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;border:1px solid #dce7ef;border-radius:24px;padding:25px;box-shadow:0 18px 45px rgba(38,72,105,.11)}.lock-ico{font-size:2.3rem}.login-card h1{font-family:Mitr,sans-serif;margin:8px 0 2px;color:#1f4b73}.login-card p{margin:0 0 15px;color:#8093a6}.login-card label{display:block;font-weight:700;font-size:.8rem;margin:10px 0}.login-card input{width:100%;min-height:48px;border:1px solid #d1deE8;border-radius:11px;padding:10px;margin-top:5px;font-size:16px}.login-card .primary-btn{width:100%;min-height:48px}.admin-shell{display:grid;grid-template-columns:230px 1fr;min-height:calc(100vh - 68px)}.admin-side{background:#fff;border-right:1px solid #dfe8ef;padding:16px 12px;position:sticky;top:68px;height:calc(100vh - 68px)}.admin-profile{display:flex;gap:9px;align-items:center;padding:10px;border-radius:13px;background:#f5f9fc;margin-bottom:13px}.profile-avatar{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,#1e9fff,#6758e9);color:#fff;font-weight:900}.admin-profile b,.admin-profile small{display:block}.admin-profile small{font-size:.67rem;color:#8093a6}.admin-side nav{display:grid;gap:5px}.side-tab{border:0;background:transparent;text-align:left;min-height:44px;border-radius:11px;padding:9px 10px;color:#536f89;font-weight:800;cursor:pointer}.side-tab.active{background:#edf4ff;color:#4b5bd0}.side-tab span{float:right;background:#fff0dd;color:#9c5b22;border-radius:999px;padding:2px 6px;font-size:.65rem}.admin-content{padding:24px;min-width:0}.tab-pane{display:none}.tab-pane.active{display:block}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.page-title>div{display:flex;gap:10px;align-items:center}.page-title>div>span{font-size:2rem}.page-title h1{font-family:Mitr,sans-serif;color:#1f4b73;margin:0}.page-title p{margin:2px 0 0;color:#8294a6}.split-title{gap:10px}.quick-invite-card,.recent-card,.content-card,.promo-box{background:#fff;border:1px solid #dce7ef;border-radius:20px;padding:18px;box-shadow:0 10px 25px rgba(41,76,110,.06)}.flow-badges{display:flex;align-items:center;justify-content:center;gap:8px;background:#f7fbff;border-radius:13px;padding:10px;margin-bottom:14px;overflow-x:auto}.flow-badges span{white-space:nowrap;background:#fff;border:1px solid #dce7ef;border-radius:999px;padding:5px 9px;font-size:.7rem;font-weight:800}.flow-badges i{font-style:normal;color:#91a0ad}.quick-form{display:grid;grid-template-columns:1fr 1fr;gap:9px}.quick-form label{font-size:.76rem;font-weight:800;color:#526d86}.quick-form .full{grid-column:1/-1}.quick-form input,.quick-form select,.promo-form input{width:100%;min-height:46px;border:1px solid #d1dfe9;border-radius:11px;padding:9px 10px;margin-top:4px;background:#fff;font-size:16px;color:#315675}.money-input{position:relative}.money-input input{padding-right:50px}.money-input span{position:absolute;right:10px;top:17px;color:#7f91a2;font-size:.72rem}.mega-create-btn{width:100%;border:0;background:linear-gradient(135deg,#169fff,#6b56e8);color:#fff;border-radius:16px;min-height:68px;margin-top:13px;padding:11px 16px;display:flex;align-items:center;justify-content:center;gap:10px;cursor:pointer;box-shadow:0 8px 0 #3458b8,0 14px 24px rgba(59,82,177,.20)}.mega-create-btn>span{font-size:1.7rem}.mega-create-btn b,.mega-create-btn small{display:block;text-align:left}.mega-create-btn small{opacity:.85;font-size:.7rem}.mega-create-btn:disabled{opacity:.55;cursor:wait}.quick-result{margin-top:15px;padding:13px;border-radius:15px;background:#effbf5;border:1px solid #c8e8d7}.success-head{display:flex;gap:8px;align-items:center}.success-head b,.success-head small{display:block}.success-head small{font-size:.68rem;color:#668a76}.link-box{background:#fff;border:1px solid #d3e4dc;border-radius:11px;padding:10px;margin:9px 0;word-break:break-all;font-size:.78rem;color:#315e4c}.result-actions{display:flex;gap:7px}.recent-card{margin-top:12px}.card-head{display:flex;align-items:center;justify-content:space-between}.card-head h2{color:#285176;margin:0}.text-btn{border:0;background:transparent;color:#5265c8;font-weight:900;cursor:pointer}.invite-row,.member-row,.pending-row,.usage-row{display:grid;grid-template-columns:1fr auto;gap:9px;align-items:center;padding:11px;border-bottom:1px solid #edf2f5}.invite-row:last-child,.member-row:last-child,.pending-row:last-child,.usage-row:last-child{border-bottom:0}.row-main b,.row-main small,.row-main em{display:block}.row-main b{color:#2b5277}.row-main small{color:#7c90a3}.row-main em{font-style:normal;color:#94a3b0;font-size:.65rem}.row-actions{display:flex;gap:5px}.mini-btn{border:1px solid #d4e0e9;background:#fff;color:#3b6084;border-radius:9px;padding:6px 8px;font-weight:800;cursor:pointer}.mini-btn.good{background:#edf9f3;color:#24724e;border-color:#cce8da}.mini-btn.danger{background:#fff2f2;color:#a34f4f;border-color:#f0d1d1}.status{display:inline-block;border-radius:999px;padding:3px 7px;font-size:.63rem;font-weight:900}.status.active{background:#eaf9f2;color:#28704f}.status.pending{background:#fff4df;color:#9a6726}.status.suspended,.status.expired{background:#fff0f0;color:#9a4e4e}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:9px}.kpi-grid article{background:#fff;border:1px solid #dce7ef;border-radius:16px;padding:15px}.kpi-grid b,.kpi-grid span{display:block}.kpi-grid b{font-size:1.7rem;color:#285176}.kpi-grid span{font-size:.72rem;color:#8294a6}.kpi-grid .warn{background:#fff9ef}.kpi-grid .money{background:#f1fbf5}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.content-card h2,.promo-box h2{margin-top:0;color:#285176}.stack-list{background:#fff;border:1px solid #dce7ef;border-radius:16px;overflow:hidden}.toolbar{display:grid;grid-template-columns:1fr 180px;gap:8px;margin-bottom:9px}.toolbar input,.toolbar select{min-height:44px;border:1px solid #d1dfe9;border-radius:10px;padding:8px 10px;font-size:16px}.promo-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:7px}.toast{position:fixed;left:50%;bottom:22px;transform:translateX(-50%) translateY(10px);opacity:0;pointer-events:none;background:#173e63;color:#fff;padding:9px 13px;border-radius:999px;font-size:.75rem;transition:.18s;z-index:100}.toast.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:850px){.admin-shell{grid-template-columns:1fr}.admin-side{position:sticky;top:68px;height:auto;z-index:15;padding:7px 8px}.admin-profile{display:none}.admin-side nav{display:flex;overflow-x:auto;gap:5px}.side-tab{flex:0 0 auto;white-space:nowrap}.admin-content{padding:14px 10px 90px}.quick-form{grid-template-columns:1fr}.quick-form .full{grid-column:1}.kpi-grid{grid-template-columns:1fr 1fr}.two-col{grid-template-columns:1fr}.promo-form{grid-template-columns:1fr}.toolbar{grid-template-columns:1fr}.admin-top{padding:0 10px}.admin-brand small{display:none}.ghost-link{font-size:.7rem;padding:7px}.page-title{align-items:flex-start}.page-title h1{font-size:1.35rem}.page-title p{font-size:.72rem}.split-title{flex-direction:column}.split-title .primary-btn{width:100%}.result-actions{display:grid;grid-template-columns:1fr 1fr}.flow-badges{justify-content:flex-start}.invite-row,.member-row,.pending-row,.usage-row{grid-template-columns:1fr}.row-actions{justify-content:flex-start}}

/* ===== V7.8 ZERO-INPUT QUICK INVITE ===== */
.mode-switch-user{display:flex;align-items:center;gap:8px;text-decoration:none;background:linear-gradient(135deg,#eef3ff,#f7f4ff);border:1px solid #d7def7;color:#4358bf;border-radius:12px;padding:7px 10px}
.mode-switch-user>span{font-size:1.1rem}.mode-switch-user b,.mode-switch-user small{display:block}.mode-switch-user b{font-size:.72rem}.mode-switch-user small{font-size:.6rem;color:#7587a0}
.quick-invite-card.zero-input{border:2px solid #d8e6f3}
.zero-input-hero{display:flex;gap:13px;align-items:center;padding:16px;border-radius:16px;background:linear-gradient(135deg,#f4f9ff,#f8f5ff);margin-bottom:14px}
.zero-icon{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,#1e9fff,#6b55e8);color:#fff;font-size:1.7rem;box-shadow:0 9px 18px rgba(64,84,190,.22)}
.zero-input-hero h2{font-family:Mitr,sans-serif;color:#214e76;margin:0 0 3px}.zero-input-hero p{margin:0;color:#71879c;font-size:.78rem;line-height:1.55}
.mega-create-btn.vivid{
  background:linear-gradient(135deg,#067cff 0%,#6536ff 50%,#ff8a00 100%)!important;
  border:3px solid #fff!important;
  min-height:86px!important;
  box-shadow:0 10px 0 #263f9f,0 18px 30px rgba(56,70,172,.32)!important;
  font-size:1rem!important
}
.mega-create-btn.vivid>span{font-size:2rem!important}.mega-create-btn.vivid b{font-size:1.05rem}.mega-create-btn.vivid small{font-size:.72rem}
.quick-advanced{margin-top:18px;border:1px dashed #cbdbe7;border-radius:13px;padding:9px 11px;background:#fbfdff}.quick-advanced summary{cursor:pointer;color:#627b91;font-weight:800;font-size:.72rem}.advanced-only{margin-top:10px}
@media(max-width:600px){.mode-switch-user small{display:none}.mode-switch-user b{font-size:.65rem}.zero-input-hero{align-items:flex-start}.zero-icon{width:48px;height:48px;min-width:48px}.zero-input-hero h2{font-size:1rem}.mega-create-btn.vivid{min-height:82px!important}}

.mode-switch-user{font:inherit;cursor:pointer}
.mode-switch-user:active{transform:translateY(1px)}