body{margin:0;display:flex;justify-content:center;align-items:center;width:100%;min-height:100vh;font-family:Arial,sans-serif;background-color:#f5f5f5}#root{width:100%;height:100vh;padding:1rem;display:flex;justify-content:center;align-items:center}#root.admin-page{align-items:flex-start}.login-container{background-color:#fff;padding:2rem;border-radius:8px;box-shadow:0 4px 6px #0000001a;width:100%;max-width:400px}h1{text-align:center;margin-bottom:1.5rem;color:#333}.login-form{display:flex;flex-direction:column;gap:1rem}label{font-weight:700;color:#555}input{padding:.75rem;border:1px solid #ddd;border-radius:4px;font-size:1rem}.login-button{margin-top:1rem;padding:.75rem;background-color:#4a90e2;color:#fff;border:none;border-radius:4px;font-size:1rem;cursor:pointer;transition:background-color .3s}.login-button:hover{background-color:#357abd}.register-link{text-align:center;margin-top:1.5rem;color:#666}.register-link a{color:#4a90e2;text-decoration:none;font-weight:700}.register-link a:hover{text-decoration:underline}.signup-container{background-color:#fff;padding:2.5rem;border-radius:12px;box-shadow:0 8px 16px #0000001a;width:100%;max-width:450px;margin:2rem auto;transition:transform .3s ease}h1{text-align:center;margin-bottom:2rem;color:#2c3e50;font-size:2rem;font-weight:700;letter-spacing:1px;position:relative}h1:after{content:"";display:block;width:50px;height:3px;background-color:#4a90e2;margin:.5rem auto 0;border-radius:2px}.signup-form{display:flex;flex-direction:column;gap:1.2rem}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-weight:600;color:#34495e;font-size:.9rem;letter-spacing:.5px;text-transform:uppercase}input,.user-type-select{padding:.9rem;border:1px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;background-color:#f9f9f9}input:focus,.user-type-select:focus{outline:none;border-color:#4a90e2;box-shadow:0 0 0 2px #4a90e233;background-color:#fff}input::placeholder{color:#aaa;font-size:.9rem}.user-type-select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23555' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}.signup-button{margin-top:1.5rem;padding:1rem;background-color:#4a90e2;color:#fff;border:none;border-radius:6px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;letter-spacing:.5px;text-transform:uppercase}.signup-button:hover{background-color:#3a7bc8;transform:translateY(-2px);box-shadow:0 4px 8px #4a90e24d}.signup-button:active{transform:translateY(0)}.login-link{text-align:center;margin-top:2rem;color:#666;font-size:.95rem}.login-link a{color:#4a90e2;text-decoration:none;font-weight:600;transition:color .3s}.login-link a:hover{color:#2c6cb9;text-decoration:underline}@media (max-width: 500px){.signup-container{padding:1.5rem;margin:1rem;border-radius:8px}h1{font-size:1.75rem}input,.user-type-select,.signup-button{padding:.8rem}}.info-cards-grid{display:grid;grid-template-columns:1fr;gap:1rem;padding:24px 24px 0}@media (min-width: 768px){.info-cards-grid{grid-template-columns:1fr 1fr}}@media (min-width: 1024px){.info-cards-grid{grid-template-columns:1fr 1fr 1fr 1fr}}.info-card{background-color:#fff;border-radius:.5rem;box-shadow:0 1px 3px #0000001a;padding:1rem;display:flex;align-items:center;justify-content:space-between}.card-content{display:flex;flex-direction:column}.card-title{color:#6b7280;font-size:.875rem;margin:0}.card-value{font-size:1.5rem;font-weight:600;margin:0}.icon-container{padding:.75rem;border-radius:9999px;display:flex;align-items:center;justify-content:center}.icon{font-size:1.25rem}.blue{background-color:#dbeafe}.blue .icon{color:#3b82f6}.purple{background-color:#f3e8ff}.purple .icon{color:#9333ea}.green{background-color:#dcfce7}.green .icon{color:#22c55e}.yellow{background-color:#fef9c3}.yellow .icon{color:#eab308}.profile-container{padding:2rem;width:100%;max-width:800px;margin:0 auto}.profile-card{width:100%;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;padding:2rem}.profile-header{display:flex;flex-direction:column;align-items:center;margin-bottom:2rem;text-align:center}.avatar{width:150px;height:150px;border-radius:50%;overflow:hidden;margin-bottom:1rem;border:3px solid #e5e7eb}.avatar img{width:100%;height:100%;object-fit:cover}.profile-header h1{font-size:1.5rem;color:#111827;margin:0}.profile-info{display:grid;gap:1.5rem}.info-group{display:flex;flex-direction:column;gap:.5rem}.info-group label{font-size:.875rem;color:#6b7280;font-weight:500}.info-group p{font-size:1rem;color:#111827;margin:0;padding:.5rem;background-color:#f3f4f6;border-radius:4px}.profile-actions{margin-top:2rem;display:flex;justify-content:flex-end}a.edit-button{background-color:#3b82f6;color:#fff;padding:.75rem 1.5rem;border-radius:.375rem;font-weight:500;transition:background-color .2s;cursor:pointer}.edit-button:hover{background-color:#2563eb;text-decoration:none}