body{font-family:Arial, sans-serif;margin:0 auto;padding:20px;line-height:1.6;background-color:#f8f8f8}body[data-page="login"]{max-width:450px}body[data-page="login"] .login-container{background-color:white;border-radius:8px;padding:30px;margin-top:100px;box-shadow:0 2px 10px rgba(0,0,0,0.1)}body[data-page="login"] h1{color:#333;text-align:center;margin-bottom:30px}body[data-page="login"] .form-group{margin-bottom:20px}body[data-page="login"] label{display:block;margin-bottom:8px;font-weight:bold;color:#555}body[data-page="login"] input[type="text"],body[data-page="login"] input[type="password"]{width:100%;padding:12px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box;font-size:16px}body[data-page="login"] button{background-color:#4CAF50;color:white;padding:12px 20px;border:none;border-radius:4px;cursor:pointer;width:100%;font-size:16px;font-weight:bold}body[data-page="login"] button:hover{background-color:#45a049}body[data-page="login"] .error-message{color:#f44336;margin-top:20px;text-align:center;display:none}body[data-page="process"]{max-width:800px}body[data-page="process"] .user-info{text-align:right;margin-bottom:20px}body[data-page="process"] .logout-btn{background-color:#f44336;color:white;padding:8px 12px;border:none;border-radius:4px;cursor:pointer;font-size:14px}body[data-page="process"] .logout-btn:hover{background-color:#d32f2f}body[data-page="process"] .container{background-color:#f7f7f7;border-radius:8px;padding:20px;margin-top:20px}body[data-page="process"] h1{color:#333}body[data-page="process"] .form-group{margin-bottom:15px}body[data-page="process"] label{display:block;margin-bottom:5px;font-weight:bold}body[data-page="process"] input[type="text"],body[data-page="process"] input[type="file"],body[data-page="process"] select{width:100%;padding:8px;border:1px solid #ddd;border-radius:4px;box-sizing:border-box}body[data-page="process"] button{background-color:#4CAF50;color:white;padding:10px 15px;border:none;border-radius:4px;cursor:pointer}body[data-page="process"] button:hover{background-color:#45a049}body[data-page="process"] #result{margin-top:20px;padding:15px;border:1px solid #ddd;border-radius:4px;background-color:#fff;white-space:pre-wrap;display:none}body[data-page="process"] .tab{overflow:hidden;border:1px solid #ccc;background-color:#f1f1f1;border-radius:4px 4px 0 0}body[data-page="process"] .tab button{background-color:inherit;float:left;border:none;outline:none;cursor:pointer;padding:10px 16px;transition:0.3s;color:#333}body[data-page="process"] .tab button:hover{background-color:#ddd}body[data-page="process"] .tab button.active{background-color:#ccc}body[data-page="process"] .tabcontent{display:none;padding:20px;border:1px solid #ccc;border-top:none;border-radius:0 0 4px 4px}body[data-page="process"] .loader{border:5px solid #f3f3f3;border-radius:50%;border-top:5px solid #3498db;width:40px;height:40px;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite;margin:20px auto;display:none}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}
/*# sourceMappingURL=style.css.map */