@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap";:root{color-scheme:dark;--bg-950: #08090c;--bg-900: #0F1117;--bg-800: #161922;--bg-700: #1F2330;--accent-500: #8C765F;--accent-600: #6B5A47;--accent-700: #5A4A38;--wine-500: #501F3E;--wine-600: #3B1731;--text-100: #E3DDD6;--text-200: #CFC7BE;--text-300: #B8AFA5;--text-500: #8F857B;--surface-800: rgba(22, 25, 34, .95);--surface-700: rgba(15, 17, 23, .75);--gradient-accent: linear-gradient(135deg, var(--accent-500) 0%, var(--accent-600) 100%);--gradient-bg: radial-gradient(circle at top left, rgba(80, 31, 62, .35), transparent 55%), linear-gradient(180deg, var(--bg-900) 0%, var(--bg-800) 60%, var(--bg-900) 100%);--gradient-card: linear-gradient(145deg, rgba(24, 27, 37, .95) 0%, rgba(15, 17, 23, .9) 100%);--shadow-soft: 0 10px 30px rgba(13, 15, 22, .45);--shadow-glow: 0 0 20px rgba(140, 118, 95, .25);--border-soft: 1px solid rgba(227, 221, 214, .08);--border-medium: 1px solid rgba(227, 221, 214, .12);--border-strong: 1px solid rgba(227, 221, 214, .18)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--gradient-bg);color:var(--text-100);overflow-x:hidden;line-height:1.6}.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:1rem;background:var(--gradient-bg)}.login-card{width:100%;max-width:450px;padding:2rem;background:var(--gradient-card);border-radius:1.5rem;border:var(--border-medium);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.login-card:before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-700),transparent)}.card-header{text-align:center;margin-bottom:2rem}.logo-section{display:flex;flex-direction:column;align-items:center;gap:.5rem;margin-bottom:.5rem}.logo{position:relative;width:10.5rem;height:10.5rem;display:flex;align-items:center;justify-content:center;border-radius:50%;background:radial-gradient(circle at 35% 25%,rgba(140,118,95,.25),transparent 65%),#13151df2;border:1px solid rgba(140,118,95,.45);box-shadow:0 30px 55px #080a118c,inset 0 0 35px #0c0e1473;overflow:hidden}.logo:before,.logo:after{content:"";position:absolute;top:-.4rem;right:-.4rem;bottom:-.4rem;left:-.4rem;border-radius:50%;border:1.5px solid rgba(140,118,95,.4);opacity:.6;animation:pulseGlow 4.5s ease-in-out infinite}.logo:after{top:-.1rem;right:-.1rem;bottom:-.1rem;left:-.1rem;border-color:#e3ddd640;animation-delay:2s}.logo img{position:relative;width:80%;height:80%;object-fit:contain;filter:drop-shadow(0 8px 20px rgba(140,118,95,.35));background:transparent}@keyframes pulseGlow{0%,to{transform:scale(.92);opacity:.25}45%{transform:scale(1);opacity:.65}}.brand-title{font-size:2rem;font-weight:700;color:var(--text-100);letter-spacing:-.02em;margin-bottom:.5rem}.brand-subtitle{font-size:1rem;color:var(--text-400);font-weight:400}.user-type-badge{display:inline-flex;align-items:center;gap:.85rem;padding:.85rem 1.4rem;border-radius:1.25rem;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);margin-bottom:1.25rem;border:1px solid rgba(227,221,214,.18);background:linear-gradient(135deg,#8c765f40,#1a1d28a6);box-shadow:0 18px 30px #080a1173,inset 0 0 0 1px #e3ddd60a;color:var(--text-100);position:relative;overflow:hidden}.user-type-badge:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at top left,rgba(227,221,214,.12),transparent 55%);opacity:.65}.user-type-badge.admin{border-color:#8c765f73;background:linear-gradient(135deg,#8c765f61,#2c2218a6)}.user-type-badge.brother{border-color:#501f3e73;background:linear-gradient(135deg,#501f3e52,#12131ab8)}.user-type-badge .badge-icon{position:relative;z-index:1;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;border-radius:9999px;border:1px solid rgba(227,221,214,.2);background:#0f11178c;box-shadow:inset 0 0 12px #00000059}.user-type-badge.admin .badge-icon{background:#8c765f38;border-color:#8c765f73}.user-type-badge.brother .badge-icon{background:#501f3e40;border-color:#501f3e73}.user-type-badge .badge-content{display:flex;flex-direction:column;line-height:1.25;position:relative;z-index:1}.badge-title{font-size:.95rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--text-100)}.badge-subtitle{font-size:.75rem;font-weight:500;color:var(--text-300);letter-spacing:.02em}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-label{font-size:.875rem;font-weight:600;color:var(--text-200);letter-spacing:-.01em}.form-input{position:relative}.input-field{width:100%;padding:1rem 1rem 1rem 3rem;background:#0f111799;border:var(--border-soft);border-radius:.75rem;color:var(--text-100);font-size:1rem;font-weight:400;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.input-field:focus{outline:none;border-color:#8c765fb3;box-shadow:0 0 0 3px #8c765f2e;background:#0f1117d1;transform:translateY(-1px)}.input-field::placeholder{color:var(--text-500);font-weight:400}.input-icon{position:absolute;left:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-500);transition:color .3s ease}.input-field:focus+.input-icon{color:var(--accent-500)}.password-toggle{position:absolute;right:1rem;top:50%;transform:translateY(-50%);width:1.25rem;height:1.25rem;color:var(--text-500);background:none;border:none;cursor:pointer;transition:color .3s ease;display:flex;align-items:center;justify-content:center}.password-toggle:hover{color:var(--accent-500)}.password-toggle:disabled{opacity:.5;cursor:not-allowed}.btn-primary{width:100%;padding:1rem 2rem;background:var(--gradient-accent);border:none;border-radius:.75rem;color:var(--text-100);font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.75rem;box-shadow:var(--shadow-glow);position:relative;overflow:hidden}.btn-primary:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left .5s ease}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 18px 38px #8c765f4d}.btn-primary:hover:before{left:100%}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed;transform:none}.spinner{width:1.25rem;height:1.25rem;border:2px solid rgba(227,221,214,.18);border-top:2px solid var(--text-100);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.divider{display:flex;align-items:center;gap:1rem;margin:1.5rem 0}.divider-line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(227,221,214,.35),transparent)}.divider-text{font-size:.875rem;color:var(--text-500);font-weight:500;text-transform:uppercase;letter-spacing:.05em}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:.75rem}.btn-social{padding:.875rem 1rem;background:#0f111799;border:var(--border-soft);border-radius:.75rem;color:var(--text-200);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;justify-content:center;gap:.5rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-social:hover:not(:disabled){background:#0f1117d1;border-color:#8c765f59;transform:translateY(-1px);box-shadow:var(--shadow-soft)}.btn-social:disabled{opacity:.6;cursor:not-allowed}.error-card{background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:.75rem;padding:1rem;margin-bottom:1rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.error-content{display:flex;align-items:flex-start;gap:.75rem}.error-icon{width:1.5rem;height:1.5rem;background:#ef444433;border-radius:.5rem;display:flex;align-items:center;justify-content:center;flex-shrink:0}.error-text h3{font-size:.875rem;font-weight:600;color:#ef4444;margin-bottom:.25rem}.error-text p{font-size:.75rem;color:#ef4444cc;line-height:1.4}.additional-links{text-align:center;margin:1.5rem 0}.link-text{color:var(--accent-500);text-decoration:none;font-size:.875rem;font-weight:500;transition:color .3s ease}.link-text:hover{color:var(--accent-600);text-decoration:underline}.security-note{text-align:center;font-size:.75rem;color:var(--text-500);margin-top:1.5rem;line-height:1.5;padding:.75rem;background:#8c765f14;border-radius:.5rem;border:var(--border-soft)}.toast{position:fixed;right:1rem;bottom:1rem;padding:1rem 1.25rem;background:#181b25f2;border:var(--border-medium);border-radius:.75rem;color:var(--text-100);font-size:.875rem;font-weight:500;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft);z-index:50;animation:slideIn .3s ease;max-width:20rem}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}@media (min-width: 640px){.login-card{padding:3rem}.input-field{padding:1rem 1rem 1rem 3rem;font-size:1rem}}@media (max-width: 640px){.login-container{padding:.75rem}.login-card{padding:1.5rem}.input-field{padding:.875rem .875rem .875rem 2.75rem;font-size:.875rem}.social-buttons{grid-template-columns:1fr}.brand-title{font-size:1.75rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.login-card{animation:fadeInUp .6s ease}.forgot-password-modal{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000bf;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem;animation:fadeIn .2s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-content{background:var(--gradient-card);border-radius:1.5rem;padding:2rem;border:var(--border-medium);max-width:420px;width:100%;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-soft)}.modal-content h3{font-size:1.5rem;font-weight:700;margin-bottom:.5rem;color:var(--text-100)}.modal-content p{color:var(--text-400);font-size:.875rem;margin-bottom:1.5rem}.modal-actions{display:flex;gap:1rem;margin-top:1.5rem}.btn-secondary{padding:.75rem 1.5rem;background:#0f111799;border:var(--border-medium);border-radius:.75rem;color:var(--text-200);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .3s ease;flex:1}.btn-secondary:hover:not(:disabled){background:#0f1117d1;border-color:#8c765f59;transform:translateY(-1px)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.link-text{background:none;border:none;cursor:pointer}