.result-area{background-color:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;padding:20px;margin-top:20px;font-family:Courier New,monospace;font-size:14px;line-height:1.4;max-height:400px;overflow-y:auto;word-wrap:break-word;white-space:pre-wrap}.result-area h3{margin-top:0;margin-bottom:15px;color:#495057;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;font-size:16px;font-weight:600}.result-area .success{color:#28a745;font-weight:700}.result-area .error{color:#dc3545;font-weight:700}.result-area .info{color:#17a2b8;font-weight:700}.result-area .warning{color:#ffc107;font-weight:700}.result-area pre{background-color:#fff;border:1px solid #dee2e6;border-radius:4px;padding:10px;margin:10px 0;overflow-x:auto;white-space:pre-wrap;word-wrap:break-word}.result-area code{background-color:#f1f3f4;padding:2px 4px;border-radius:3px;font-family:Courier New,monospace}#btn-quick-login:disabled{opacity:.8;cursor:not-allowed}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.tab-content[aria-hidden=true]{display:none!important}.tab-content[aria-hidden=false]{display:block!important}.demo-section .tabs[style*="display: none"]~.tab-content[aria-hidden=true]{display:block!important}.spotlight-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0003;z-index:9999;pointer-events:auto;transition:opacity .3s ease}.spotlight-overlay.hidden{opacity:0;pointer-events:none;top:-100vh;left:-100vw;z-index:-1;display:none}.spotlight-cutout{position:absolute;background:transparent;border-radius:8px;box-shadow:0 0 0 9999px #0003;transition:all .5s ease;pointer-events:auto}.spotlight-tooltip{position:fixed;background:#fff;padding:20px;box-shadow:0 8px 32px #0000004d;max-width:350px;z-index:10002;pointer-events:auto;font-family:GothamNarrowBook,Arial,sans-serif}.spotlight-tooltip h3{margin:0 0 12px;color:#0066b2;font-size:18px;font-weight:600;font-family:GothamBold,Arial,sans-serif}.spotlight-tooltip p{margin:0 0 20px;color:#5f6368;font-size:14px;line-height:1.5;font-family:GothamNarrowBook,Arial,sans-serif}.spotlight-controls{display:flex;gap:12px;justify-content:flex-end}.spotlight-controls .button{margin:0}.spotlight-skip-container{position:fixed;top:20px;right:20px;z-index:10002;pointer-events:auto}.spotlight-skip-all{background:#ffffffe6;color:#0066b2;border:none;padding:12px 20px;border-radius:24px;font-size:14px;font-weight:500;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 2px 8px #00000026;transition:all .2s ease;font-family:GothamBold,Arial,sans-serif}.spotlight-skip-all:hover{background:#fff;box-shadow:0 4px 12px #0003}.walkthrough-trigger{position:fixed!important;bottom:30px;right:30px;border-radius:50%!important;width:60px!important;height:60px!important;font-size:24px;cursor:pointer;box-shadow:0 4px 16px #0066b266!important;transition:all .3s ease;z-index:1000;font-family:GothamBold,Arial,sans-serif;padding:0!important;margin:0!important;min-width:auto!important}.walkthrough-trigger:hover{transform:scale(1.1);box-shadow:0 6px 20px #0b2d7199!important}.walkthrough-trigger.hidden{opacity:0;pointer-events:none;transform:scale(.8)}.spotlight-highlight{position:relative;z-index:10000;background:#fff!important;border-radius:8px}.spotlight-highlight .list-group-item{border-color:#1a73e8!important}.spotlight-highlight .tab-content{background:#fff!important}.spotlight-pulse{animation:spotlightPulse 2s infinite}@keyframes spotlightPulse{0%,to{box-shadow:0 0 #1a73e866}50%{box-shadow:0 0 0 10px #1a73e81a}}