body{font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif;background-color:#f0f2f5;margin:0;padding:20px}header{text-align:center;margin-bottom:20px}h1{color:#333;font-size:2em;margin:0;padding:10px 0}.container{width:100%;margin:0}table{width:100%;border-collapse:separate;border-spacing:0;background-color:white;border-radius:8px;overflow:hidden;box-shadow:0 2px 10px rgba(0,0,0,0.1)}th,td{padding:12px 15px;text-align:left}th{background-color:#1a73e8;color:white;font-weight:600;text-transform:uppercase;font-size:0.9em}td{border-bottom:1px solid #eee}tr:last-child td{border-bottom:none}tr:hover{background-color:#f8f9fa}.access-token{word-wrap:break-word;max-width:200px;position:relative;cursor:pointer}.access-token .full-token{display:none}.access-token:hover .full-token{display:block;position:absolute;background-color:#fff;border:1px solid #ddd;padding:5px;z-index:1;box-shadow:0 2px 5px rgba(0,0,0,0.1)}.button-container{display:flex;gap:8px}button{padding:8px 16px;border:none;border-radius:4px;cursor:pointer;font-weight:500;transition:transform 0.1s,opacity 0.1s}button:hover{opacity:0.9;transform:translateY(-1px)}button:active{transform:translateY(1px)}.fetch-user,.fetch-profiles{background-color:black;color:white}.json-response{background-color:#f9f9f9;padding:10px;font-family:'Fira Code',monospace;max-height:250px;overflow-y:auto;border-radius:4px;font-size:0.9em;line-height:1.4;word-wrap:break-word;max-width:400px}.json-key{color:#d32f2f}.json-string{color:#388e3c}.json-number{color:#1976d2}.json-boolean{color:#f57c00}.json-null{color:#7f8c8d}.json-response::-webkit-scrollbar{width:8px}.json-response::-webkit-scrollbar-track{background:#f1f1f1}.json-response::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.json-response::-webkit-scrollbar-thumb:hover{background:#555}@media (max-width:768px){table{display:block;overflow-x:auto}}
