:root{--modern-primary: #007bff;--modern-success: #28a745;--modern-danger: #dc3545;--modern-warning: #ffc107;--light-bg: #f8f9fa;--text-dark: #333333;--glass-bg: rgba(255, 255, 255, .85)}body{font-family:Lexend,Sarabun,sans-serif;background:#e9ecef;color:var(--text-dark);letter-spacing:-.2px;overflow-x:hidden}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle,#e9ecef,#f1f3f5);opacity:.8;z-index:-1}.main-content{padding:40px 15px 60px;min-height:100vh}.modern-card{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.18);border-radius:20px;box-shadow:0 8px 32px #1f26871a;padding:30px;transition:transform .2s ease,box-shadow .2s ease}.modern-card:hover{transform:translateY(-5px);box-shadow:0 12px 48px #1f268726}.btn-modern{border-radius:50px;padding:10px 24px;font-weight:500;transition:all .2s ease}.btn-modern-primary{background:linear-gradient(135deg,var(--modern-primary),#3b82f6);color:#fff;border:none}.btn-modern-primary:hover{background:linear-gradient(135deg,#0056b3,#1e3a8a);color:#fff}.form-control-modern{border-radius:12px;border:1px solid #ced4da;padding:12px 16px;background-color:var(--light-bg)}.form-control-modern:focus{border-color:var(--modern-primary);box-shadow:0 0 0 3px #007bff1a}.form-floating>.form-control:focus,.form-floating>.form-control:not(:placeholder-shown){padding-top:1.625rem;padding-bottom:.625rem}.form-floating>.form-control:-webkit-autofill{padding-top:1.625rem;padding-bottom:.625rem}.login-logo-box{display:flex;justify-content:center;align-items:center}.login-logo-img{width:124px;height:124px;object-fit:contain;border-radius:999px;background:#f8f9fa;padding:14px;box-shadow:0 10px 25px #00000014}.rounded-pill-sm{border-radius:50px!important}.font-Sarabun{font-family:Sarabun,sans-serif}.hidden{display:none!important}