body{background-color:#eef2f3;margin:0;padding:60px 20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.box{text-align:center;background:#fff;border-radius:12px;max-width:380px;margin:0 auto;padding:40px 30px;box-shadow:0 10px 25px #0000000d}.hidden{display:none!important}h2{color:#333;margin-bottom:25px;font-size:24px}input{box-sizing:border-box;border:1px solid #ccc;border-radius:6px;width:100%;margin:8px 0 18px;padding:12px 15px;font-size:14px;transition:border .3s}input:focus{border-color:#007bff;outline:none}button{color:#fff;cursor:pointer;background-color:#007bff;border:none;border-radius:6px;width:100%;padding:12px;font-size:15px;font-weight:600;transition:background .2s}button:hover{background-color:#0056b3}button:disabled{cursor:not-allowed;background-color:#ccc}#btnLogout{background-color:#dc3545;margin-top:20px}#btnLogout:hover{background-color:#c82333}#btnFetchData{background-color:#28a745}#btnFetchData:hover{background-color:#218838}#lblResult{word-break:break-all;background:#f8f9fa;border-radius:6px;min-height:20px;margin-top:15px;padding:12px;font-size:13px}