*{box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;margin:0;padding:0;background-color:#f4f6f8;color:#333}.app-container{max-width:600px;margin:0 auto;padding:20px}.header{display:flex;justify-content:space-between;align-items:center;background:#fff;padding:15px 20px;box-shadow:0 2px 4px #0000000d;margin-bottom:20px;border-radius:8px}.header-title{margin:0;font-size:1.2rem;color:#1a73e8}.header-user{font-weight:500;display:flex;align-items:center;gap:15px}.logout-btn{background:none;border:1px solid #ddd;padding:6px 12px;border-radius:4px;cursor:pointer;font-size:.9rem}.form-container{background:#fff;padding:30px 20px;border-radius:8px;box-shadow:0 4px 6px #0000000d}.form-container h2{margin-top:0;text-align:center;margin-bottom:25px}.form-group{margin-bottom:20px}.form-group label{display:block;margin-bottom:8px;font-weight:500;font-size:.95rem}.form-group input[type=text],.form-group input[type=password],.form-group input[type=email]{width:100%;padding:12px;border:1px solid #ccc;border-radius:6px;font-size:1rem}.warning-box{background-color:#fff3cd;color:#856404;padding:15px;border-radius:6px;margin-bottom:20px;border:1px solid #ffeeba;font-size:.9rem}.warning-box label{display:flex;align-items:flex-start;gap:10px;cursor:pointer;margin-top:10px}.btn-primary{width:100%;padding:14px;background-color:#1a73e8;color:#fff;border:none;border-radius:6px;font-size:1.05rem;font-weight:700;cursor:pointer;transition:background-color .2s}.btn-primary:hover:not(:disabled){background-color:#1557b0}.btn-primary:disabled{background-color:#a0c2f5;cursor:not-allowed}.form-links{margin-top:20px;text-align:center;font-size:.9rem}.form-links button{background:none;border:none;color:#1a73e8;cursor:pointer;text-decoration:underline;padding:5px}.dashboard-card{background:#fff;padding:25px;border-radius:8px;box-shadow:0 4px 6px #0000000d;margin-bottom:20px}.result-box{margin-top:20px;padding:15px;background:#e8f0fe;border-radius:6px;color:#1a73e8;font-weight:500;text-align:center}.error-message{color:#d93025;margin-bottom:15px;text-align:center;font-size:.95rem}.success-message{color:#188038;margin-bottom:15px;text-align:center;font-size:.95rem}@media (max-width: 480px){.app-container{padding:10px}.form-container,.dashboard-card{padding:20px 15px}}