*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:#f5f5f5;color:#333}.container{max-width:1000px;margin:0 auto;padding:2rem;background:#fff;border-radius:8px;box-shadow:0 2px 4px #0000001a;min-height:100vh}header{border-bottom:2px solid #007bff;margin-bottom:2rem;padding-bottom:1rem}header h1{color:#333;font-size:2rem}section{margin:2rem 0;padding:1.5rem;background:#f9f9f9;border-radius:4px;border-left:4px solid #007bff}section h2{color:#333;margin-bottom:1rem;font-size:1.3rem}pre{background:#f0f0f0;padding:1rem;border-radius:4px;overflow-x:auto;font-size:.9rem;border:1px solid #e0e0e0}button{background:#007bff;color:#fff;border:none;padding:.75rem 1.5rem;border-radius:4px;cursor:pointer;font-size:1rem;margin-right:1rem;margin-top:.5rem;transition:background .3s ease;font-weight:500}button:hover{background:#0056b3}button:active{background:#004085}button:disabled{background:#6c757d;cursor:not-allowed;opacity:.65}button.logout-btn{background:#dc3545}button.logout-btn:hover{background:#c82333}button.logout-btn:active{background:#bd2130}.authenticated p{font-size:1.1rem;margin-bottom:1.5rem}.authenticated strong{color:#007bff;font-weight:600}.unauthenticated{text-align:center;padding:3rem 1.5rem}.unauthenticated p{font-size:1.2rem;margin-bottom:2rem;color:#666}.container.error{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:1.5rem}.error-block{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;padding:.75rem 1rem;border-radius:4px;margin-top:1rem}.denied{background:#f8d7da;color:#721c24;padding:2rem;border-radius:4px;border-left:4px solid #dc3545;margin:2rem 0}.denied h2{margin-bottom:1rem}.denied p{margin-bottom:1.5rem;line-height:1.5}@media (max-width: 768px){.container{padding:1rem;margin:0 .5rem}header h1{font-size:1.5rem}section{padding:1rem}button{margin-right:.5rem;padding:.6rem 1rem;font-size:.9rem}.unauthenticated{padding:2rem 1rem}.unauthenticated p{font-size:1rem}}@media (max-width: 480px){.container{padding:.5rem}header h1{font-size:1.25rem}button{display:block;width:100%;margin-right:0;margin-bottom:.5rem}pre{font-size:.8rem;padding:.75rem}}.error p{margin:0}.denied{text-align:center;padding:3rem}.denied h2{color:#721c24;margin-bottom:1rem}.denied p{font-size:1.1rem;margin-bottom:2rem;color:#666}.error-block{background:#f8d7da;color:#721c24;border:1px solid #f5c6cb;border-radius:4px;padding:.75rem 1rem;margin-top:1rem}.auth-info{background:#e7f3ff;border-left-color:#0056b3}.auth-info h2{color:#004085}.auth-info h3{color:#004085;font-size:1.1rem;margin-top:1.5rem;margin-bottom:.75rem}.auth-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem;margin-bottom:1.5rem}.auth-item{display:flex;flex-direction:column;gap:.5rem;padding:1rem;background:#fff;border-radius:4px;border:1px solid #d0e8ff}.auth-item strong{color:#004085;font-size:.9rem;text-transform:uppercase;letter-spacing:.5px}.auth-item span{color:#333;font-family:Courier New,monospace;word-break:break-all;font-size:.95rem}.badge{display:inline-block;padding:.25rem .75rem;background:#004085;color:#fff;border-radius:20px;font-size:.85rem;font-family:system-ui,sans-serif;font-weight:500;width:fit-content}.auth-section{margin-top:1.5rem}.role-list,.perm-list{list-style:none;display:flex;flex-wrap:wrap;gap:.75rem}.role-item,.perm-item{display:inline-block;padding:.5rem 1rem;background:#fff;border:1px solid #0056b3;border-radius:4px;color:#004085;font-size:.95rem;font-weight:500}.perm-item{border-color:#28a745;color:#155724;background:#f0f9f6}.empty{color:#666;font-style:italic;padding:1rem;background:#fff;border-radius:4px;border:1px dashed #ccc}