:root{font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}#root{width:100%;min-height:100vh}.login-container{min-height:100vh;background:#f5f5f5;display:flex;align-items:center;justify-content:center;padding:2rem}.login-box{background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000001a;padding:3rem;width:100%;max-width:450px}.login-box h1{color:#333;margin-bottom:.5rem;font-size:2.5rem;text-align:center}.login-subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:1rem}.login-form{display:flex;flex-direction:column;gap:1.5rem}.login-form .form-group{display:flex;flex-direction:column}.login-form .form-group label{font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.login-form .form-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;font-family:inherit}.login-form .form-group input:focus{outline:none;border-color:#4a4a4a;box-shadow:0 0 0 3px #4a4a4a1a}.login-form .form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.login-button{width:100%;padding:1rem 2rem;background:#4a4a4a;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:.5rem}.login-button:hover:not(:disabled){background:#5a5a5a;transform:translateY(-2px);box-shadow:0 10px 20px #0003}.login-button:disabled{opacity:.6;cursor:not-allowed}.login-form .error-message{background:#fee;border:2px solid #fcc;color:#c33;padding:1rem;border-radius:8px;font-size:.9rem}@media(max-width:768px){.login-box{padding:2rem}.login-box h1{font-size:2rem}}.app-container{min-height:100vh;background:#f5f5f5;padding:2rem}.container{max-width:1200px;margin:0 auto;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;padding:2rem}h1{color:#333;margin-bottom:.5rem;font-size:2.5rem;text-align:center;margin:0}.logout-button{padding:.5rem 1.5rem;background:#4a4a4a;color:#fff;border:none;border-radius:6px;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .3s ease}.logout-button:hover{background:#5a5a5a;transform:translateY(-2px);box-shadow:0 5px 15px #0003}.subtitle{text-align:center;color:#666;margin-bottom:2rem;font-size:1.1rem}.notification-form{margin-bottom:2rem}.form-section{margin-bottom:2rem;padding:1.5rem;background:#f8f9fa;border-radius:8px}.form-section h2{color:#333;font-size:1.5rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid #4a4a4a}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.form-group{display:flex;flex-direction:column}.form-group label{font-weight:600;color:#333;margin-bottom:.5rem;font-size:.9rem}.form-group input{padding:.75rem;border:2px solid #e0e0e0;border-radius:6px;font-size:1rem;transition:all .3s ease;font-family:inherit}.form-group input:focus{outline:none;border-color:#4a4a4a;box-shadow:0 0 0 3px #4a4a4a1a}.submit-button{width:100%;padding:1rem 2rem;background:#4a4a4a;color:#fff;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover:not(:disabled){transform:translateY(-2px);background:#5a5a5a;box-shadow:0 10px 20px #0003}.submit-button:disabled{opacity:.6;cursor:not-allowed}.error-message{background:#fee;border:2px solid #fcc;color:#c33;padding:1rem;border-radius:8px;margin-bottom:1rem}.response-section{margin-top:2rem}.response-section h2{color:#333;font-size:1.5rem;margin-bottom:1rem}.response-box{border-radius:8px;overflow:hidden;border:2px solid}.response-box.success{border-color:#4caf50}.response-box.error{border-color:#f44336}.response-header{padding:1rem;background:#f5f5f5;border-bottom:1px solid #e0e0e0;display:flex;align-items:center;gap:1rem}.status-badge{padding:.5rem 1rem;border-radius:20px;font-weight:600;font-size:.9rem}.response-box.success .status-badge{background:#4caf50;color:#fff}.response-box.error .status-badge{background:#f44336;color:#fff}.response-content{padding:1.5rem;margin:0;background:#1e1e1e;color:#d4d4d4;font-family:Courier New,monospace;font-size:.9rem;line-height:1.6;overflow-x:auto;max-height:600px;overflow-y:auto}@media(max-width:768px){.app-container,.container{padding:1rem}h1{font-size:2rem}.form-grid{grid-template-columns:1fr}}