@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Playfair+Display:wght@400;600;700&display=swap";:root{--df-purple: #5e17eb;--df-purple-dim: rgba(94, 23, 235, .25);--df-purple-light: #c4a0fb;--bg-base: #020617;--bg-surface: #0f172a;--bg-card: #1e293b;--border: #1e293b;--text-primary: #f1f5f9;--text-muted: #94a3b8;--text-faint: #475569}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-base);color:var(--text-primary);height:100vh;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Playfair Display,Georgia,serif;font-weight:600}#root{height:100vh}button{cursor:pointer;border:none;background:none;font:inherit;color:inherit}.top-bar{height:44px;background:var(--bg-base);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 16px;flex-shrink:0}.top-bar-logo{display:flex;align-items:center;gap:10px}.top-bar-title{font-size:12px;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-muted)}.top-bar-user{display:flex;align-items:center;gap:8px}.top-bar-email{font-size:12px;color:var(--text-faint)}.logout-btn{padding:6px 8px;border-radius:6px;color:var(--text-faint);transition:color .15s,background .15s}.logout-btn:hover{color:#ef4444;background:#ef444414}.screen-center{position:fixed;inset:0;background:var(--bg-base);display:flex;align-items:center;justify-content:center}.card{background:var(--bg-card);border-radius:16px;padding:40px 32px;width:100%;max-width:360px;text-align:center;border:1px solid var(--border)}.card-icon{margin-bottom:12px;color:var(--df-purple)}.card h1{font-size:22px;font-weight:700;margin-bottom:8px}.card p{font-size:14px;color:var(--text-muted)}.card .sub{font-size:12px;color:var(--text-faint);margin-top:12px}.field{margin-top:16px;text-align:left}.input-field{width:100%;padding:10px 12px;border-radius:8px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text-primary);font-size:14px;font-family:inherit;transition:border-color .15s}.input-field::placeholder{color:var(--text-faint)}.input-field:focus{outline:none;border-color:var(--df-purple)}.error-msg{margin-top:12px;font-size:13px;color:#f87171}.remember-row{margin-top:14px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none}.remember-row input[type=checkbox]{width:15px;height:15px;accent-color:var(--df-purple);cursor:pointer}.login-copyright{margin-top:18px;padding-top:14px;border-top:1px solid var(--border);font-size:11px;line-height:1.5;color:var(--text-muted);text-align:left}.signin-btn{margin-top:20px;width:100%;padding:10px 28px;border-radius:8px;background:var(--df-purple);color:#fff;font-size:14px;font-weight:600;transition:opacity .15s}.signin-btn:hover{opacity:.85}.signin-btn:disabled{opacity:.5;cursor:default}.spinner{color:var(--text-faint);font-size:14px;animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}