body{background-color:#f8f8f8;color:#000;margin:0;font-family:sans-serif}.card-container{display:flex;justify-content:center;align-items:flex-start;min-height:100vh;padding-top:40px;background-color:#f3f3f3}.card{width:100%;max-width:400px;padding:24px;border-radius:16px;box-shadow:0 4px 12px #0000001a;background-color:#fff;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;margin:0 auto}.card form{display:flex;flex-direction:column;gap:12px;width:100%}.input-group{display:flex;flex-direction:column;gap:4px;width:100%}.input-group input{width:100%;padding:8px 12px;border:1px solid #ccc;border-radius:6px;box-sizing:border-box}.btn{padding:10px 16px;border-radius:6px;font-weight:500;cursor:pointer;border:none;margin:4px 0;box-sizing:border-box;width:100%;text-align:center}.btn-primary{background-color:#2563eb;color:#fff}.btn-primary:hover{background-color:#1e40af}.btn-secondary{background-color:#e5e7eb;color:#1f2937}.btn-secondary:hover{background-color:#d1d5db}.text-link{cursor:pointer;color:#1d4ed8;text-decoration:none}.text-link:hover{text-decoration:underline}.msg{margin-top:12px;font-size:14px;color:#333}.modal-overlay{position:fixed;inset:0;background-color:#ffffffb3;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px;box-sizing:border-box}.app-header{display:flex;justify-content:space-between;align-items:center;padding:12px 24px;background-color:#ddd;box-shadow:0 2px 4px #0000001a;position:sticky;top:0;z-index:1000}.text-center{text-align:center}.text-left{text-align:left}@media (max-width: 600px){.card{padding:16px}.btn{max-width:100%}.card-container{padding:16px}.card form>div{flex-direction:column!important;gap:12px}}