/* StuckChat - White/Teal Theme */
:root {
  --g1:#0F766E;--g2:#0D9488;--g3:#0D9488;
  --dark:#F8FAFC;--dark2:#F1F5F9;--card:#FFFFFF;
  --border:#E2E8F0;--text:#1E293B;--text2:#475569;--text3:#64748B;
  --font:'Plus Jakarta Sans',sans-serif;--r:14px;--r-sm:10px;
  --err:#EF5350;--warn:#F59E0B;
  --teal:#0F766E;--teal2:#0D9488;
}
*{box-sizing:border-box;margin:0;padding:0}
body{font-family:var(--font);background:#F1F5F9!important;color:#1E293B!important;min-height:100vh}
a{color:#0F766E;text-decoration:none}
a:hover{text-decoration:underline}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:10px;font-size:14px;font-weight:600;cursor:pointer;border:1.5px solid #E2E8F0;background:#FFFFFF;color:#475569;transition:all .2s;font-family:var(--font);white-space:nowrap}
.btn:hover{background:#F0FDFA;color:#0F766E;border-color:#0F766E}
.btn-p{background:#0F766E!important;border-color:transparent!important;color:white!important;box-shadow:0 4px 14px rgba(15,118,110,.25)}
.btn-p:hover{background:#0D9488!important;box-shadow:0 6px 20px rgba(15,118,110,.35);transform:translateY(-1px)}
.btn-w{background:white;color:#0F766E;border-color:#0F766E}
.btn-full{width:100%;justify-content:center}
.btn:disabled{opacity:.5;cursor:not-allowed;transform:none!important}
.card{background:#FFFFFF!important;border:1px solid #E2E8F0!important;border-radius:14px;padding:20px}
.badge{display:inline-block;font-size:11px;font-weight:700;padding:3px 10px;border-radius:20px}
.badge-g,.badge.bg{background:#F0FDFA!important;color:#0F766E!important;border:1px solid #99F6E4}
.badge-a{background:#FFFBEB;color:#D97706;border:1px solid #FCD34D}
.badge-r{background:#FEF2F2;color:#DC2626;border:1px solid #FECACA}
.form-group{margin-bottom:16px}
.form-label{display:block;font-size:12px;font-weight:700;color:#0F766E;margin-bottom:6px;letter-spacing:.03em}
.form-input{width:100%;background:#FFFFFF!important;border:1.5px solid #E2E8F0!important;border-radius:10px;padding:11px 14px;font-size:14px;color:#1E293B!important;font-family:var(--font);outline:none;transition:border-color .2s}
.form-input:focus{border-color:#0F766E!important;box-shadow:0 0 0 3px rgba(15,118,110,.08)}
select.form-input{-webkit-appearance:none}
textarea.form-input{resize:vertical;min-height:90px;line-height:1.6}
.alert{padding:12px 16px;border-radius:10px;font-size:13px;margin-bottom:16px;display:flex;align-items:flex-start;gap:8px}
.alert-err{background:#FEF2F2;border:1px solid #FECACA;color:#DC2626}
.alert-ok{background:#F0FDFA;border:1px solid #99F6E4;color:#0F766E}
.alert-warn{background:#FFFBEB;border:1px solid #FCD34D;color:#D97706}
.divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:#94A3B8;font-size:12px}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:#E2E8F0}
.spinner{width:20px;height:20px;border:2px solid rgba(15,118,110,.2);border-top-color:#0F766E;border-radius:50%;animation:spin .8s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}
.toast-container{position:fixed;top:20px;right:20px;z-index:9999;display:flex;flex-direction:column;gap:8px}
.toast{background:#FFFFFF;border:1px solid #E2E8F0;border-radius:10px;padding:12px 16px;font-size:13px;color:#1E293B;box-shadow:0 4px 20px rgba(0,0,0,.1);animation:slideIn .3s ease;display:flex;align-items:center;gap:8px;min-width:260px}
.toast.success{border-color:#99F6E4;color:#0F766E}
.toast.error{border-color:#FECACA;color:#DC2626}
@keyframes slideIn{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
.top-nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;border-bottom:1px solid #E2E8F0;background:#FFFFFF!important;box-shadow:0 1px 8px rgba(0,0,0,.06);position:sticky;top:0;z-index:100}
.nav-links{display:flex;align-items:center;gap:24px}
.nav-link{font-size:14px;color:#475569;font-weight:500}
.nav-link:hover{color:#0F766E;text-decoration:none}
@media(max-width:768px){.top-nav{padding:14px 16px}.nav-links{display:none}}