*{box-sizing:border-box;margin:0;padding:0}:root{--app-height:100vh}#root,body,html{height:var(--app-height,100%);min-height:var(--app-height,100%)}@supports (-webkit-touch-callout:none){:root{--app-height:-webkit-fill-available}#root,body,html{height:var(--app-height);min-height:var(--app-height)}}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f7fa;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;overscroll-behavior-x:none;overscroll-behavior-y:contain}#root,body{overflow:hidden}#root{display:flex;flex-direction:column}.app-container{align-items:center;display:flex;flex:1;justify-content:center;padding:20px}.auth-card{max-width:450px}.auth-card,.main-card{backdrop-filter:blur(10px);background:hsla(0,0%,100%,.95);border-radius:16px;box-shadow:0 8px 32px rgba(0,0,0,.1);padding:40px;width:100%}.main-card{max-width:800px}.form-container{width:100%}.form-title{color:#333;font-size:28px;font-weight:700;margin-bottom:8px;text-align:center}.form-subtitle{color:#666;font-size:14px;margin-bottom:32px;text-align:center}.input-group{margin-bottom:20px}.input-label{color:#444;display:block;font-size:14px;font-weight:600;margin-bottom:8px}.input-field{background:#fff;border:2px solid #e0e0e0;border-radius:8px;font-size:16px;padding:12px 16px;transition:all .3s ease;width:100%}.input-field:focus{border-color:#667eea;box-shadow:0 0 0 3px rgba(102,126,234,.1);outline:none}.input-error{border-color:#f44336}.error-message{color:#f44336;display:block;font-size:13px;margin-top:6px}.btn{border:none;border-radius:8px;cursor:pointer;font-size:16px;font-weight:600;letter-spacing:.5px;padding:14px 24px;text-transform:uppercase;transition:all .3s ease;width:100%}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px rgba(102,126,234,.4);color:#fff}.btn-primary:hover{box-shadow:0 6px 20px rgba(102,126,234,.5);transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{cursor:not-allowed;opacity:.6;transform:none}.btn-secondary{background:transparent;border:2px solid #667eea;color:#667eea}.btn-secondary:hover{background:#667eea;color:#fff}.btn-text{background:transparent;color:#667eea;display:block;font-size:14px;margin-top:16px;padding:8px;text-align:center;text-decoration:none}.btn-text:hover{text-decoration:underline}.loading-container{align-items:center;display:flex;justify-content:center;min-height:200px}.spinner{animation:spin .8s linear infinite;border:4px solid rgba(102,126,234,.3);border-radius:50%;border-top-color:#667eea;height:40px;width:40px}@keyframes spin{to{transform:rotate(1turn)}}.app-header{align-items:center;background:hsla(0,0%,100%,.95);box-shadow:0 2px 10px rgba(0,0,0,.1);display:flex;justify-content:space-between;padding:20px 40px}.app-title{color:#667eea;font-size:24px;font-weight:700}.user-info{align-items:center;display:flex;gap:16px}.user-name{color:#333;font-size:16px;font-weight:600}.groups-container{padding:40px}.welcome-section{margin-bottom:40px;text-align:center}.welcome-title{color:#333;font-size:32px;font-weight:700;margin-bottom:8px}.welcome-subtitle{color:#666;font-size:18px}.groups-grid{display:grid;gap:24px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));margin-top:32px}.group-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px rgba(0,0,0,.08);cursor:pointer;padding:24px;transition:all .3s ease}.group-card:hover{box-shadow:0 8px 24px rgba(0,0,0,.15);transform:translateY(-4px)}.group-name{color:#333;font-size:20px;font-weight:600;margin-bottom:8px}.group-description{color:#666;font-size:14px;line-height:1.5}.alert{border-radius:8px;font-size:14px;font-weight:500;margin-bottom:20px;padding:12px 16px}.alert-error{background:#ffebee;border-left:4px solid #f44336;color:#c62828}.alert-success{background:#e8f5e9;border-left:4px solid #4caf50;color:#2e7d32}.alert-info{background:#e3f2fd;border-left:4px solid #2196f3;color:#1565c0}@media (max-width:768px){.auth-card,.main-card{margin:16px;padding:24px}.form-title{font-size:24px}.app-header{padding:16px 24px}.groups-grid{grid-template-columns:1fr}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .5s ease-out}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.mt-4{margin-top:32px}.mb-1{margin-bottom:8px}.mb-2{margin-bottom:16px}.mb-3{margin-bottom:24px}.mb-4{margin-bottom:32px}.flex{display:flex}.flex-center{align-items:center;display:flex;justify-content:center}.gap-1{gap:8px}.gap-2{gap:16px}.gap-3{gap:24px}
/*# sourceMappingURL=main.61076861.css.map*/