@import url(https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap);.header{background-color:#fff;box-shadow:0 2px 4px #0000001a;color:#000;padding:0;position:-webkit-sticky;position:sticky;top:0;z-index:100}.header-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px;padding:1.3rem 1rem}.header-right{align-items:center;display:flex;gap:1rem;width:100%}.header-nav{margin-right:auto}.header{min-height:56px}.header-left .logo{align-items:center;display:flex}.logo-img{display:block;margin-right:12px;max-width:180px;width:100%}.logo-text{color:#d9680e;font-size:2.5rem;font-weight:700;text-decoration:none}.header-nav{display:flex;gap:2rem}.nav-link{border-radius:6px;color:#000;font-size:1.2rem;font-weight:600;padding:.5rem 1rem;text-decoration:none;transition:background-color .2s ease}.auth-area{align-items:center;display:flex;gap:.5rem;margin-left:1rem}.auth-links .nav-link{font-size:1rem;padding:.35rem .6rem}.user-menu{align-items:center;display:flex;gap:.5rem;position:relative}.user-button{align-items:center;background:#0000;border:none;border-radius:8px;color:#333;cursor:pointer;display:inline-flex;font-weight:700;gap:8px;padding:6px 8px}.user-button:focus{outline:3px solid #d9680e2e}.logout-button{background:#d9680e;border:none;border-radius:6px;color:#fff;cursor:pointer;font-weight:600;padding:.35rem .6rem}.user-dropdown{background:#fff;border:1px solid #00000014;border-radius:8px;box-shadow:0 6px 18px #00000014;display:flex;flex-direction:column;margin-top:8px;min-width:160px;padding:6px;position:absolute;right:0;top:100%;z-index:400}.dropdown-item{background:#0000;border:none;color:#333;cursor:pointer;font-weight:600;padding:8px 12px;text-align:left}.avatar-img{display:inline-block;object-fit:cover}.avatar-img,.avatar-initials{border-radius:50%;height:32px;width:32px}.avatar-initials{align-items:center;background:linear-gradient(135deg,#f6c6a3,#d9680e);color:#fff;display:inline-flex;font-weight:700;justify-content:center}.username-text{display:inline-block;max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width:480px){.username-text{display:none}}.user-button:after{color:#0009;content:"▾";font-size:.85rem;margin-left:6px}.dropdown-item:hover{background:#d996640f}.dropdown-item:focus{background:#d9966414;outline:none}.logout-item{background:#d9680e;border-radius:6px;color:#fff;margin:6px 8px 4px}.logout-item:hover{background:#c25a0c}.auth-buttons{align-items:center;display:flex;gap:.75rem}.auth-btn{border:none;border-radius:8px;cursor:pointer;font-size:.95rem;font-weight:600;padding:.5rem 1.25rem;transition:all .3s ease}.login-btn{background:#0000;border:2px solid #d9680e;color:#d9680e}.login-btn:hover{background:#d9680e1a}.signup-btn{background:linear-gradient(135deg,#ff6b00,#ff8c3a);box-shadow:0 4px 12px #ff6b004d;color:#fff}.signup-btn:hover{background:linear-gradient(135deg,#e85d00,#ff6b00);box-shadow:0 6px 16px #ff6b0066;transform:translateY(-2px)}.dropdown-header{border-bottom:1px solid #00000014;margin-bottom:4px;padding:12px 12px 8px}.dropdown-user-name{color:#333;font-size:.95rem;font-weight:700}.dropdown-user-email{color:#666;font-size:.8rem;margin-top:2px}.dropdown-divider{background:#00000014;height:1px;margin:4px 8px}@media (max-width:768px){.user-dropdown{min-width:140px;right:.5rem}.auth-buttons{gap:.5rem}.auth-btn{font-size:.85rem;padding:.4rem 1rem}}.nav-link.active,.nav-link:hover{border-radius:2px;color:#d9680e}@media (max-width:768px){.header-container{padding:.6rem .75rem}.header-nav{gap:1rem}.nav-link{font-size:.9rem;padding:.5rem}.logo-img{max-width:140px}}@media (max-width:480px){.logo-img{max-width:120px}}.default-avatar-button{align-items:center;background:#0000;border:none;border-radius:50%;cursor:pointer;display:inline-flex;justify-content:center;padding:6px}.default-avatar-button:focus{outline:3px solid #d9680e2e}.default-avatar-icon{display:block}.auth-links-with-icon,.auth-links-with-icon .auth-links{align-items:center;display:inline-flex;gap:8px}.footer{background-color:#555353;color:#fff;margin-top:auto}.footer-container{margin:0 auto;max-width:1200px;padding:2rem 1.5rem}.footer-top{align-items:flex-start;display:flex;flex-wrap:wrap;gap:2rem;justify-content:space-between}.footer-column{min-width:160px}.footer-heading{color:#fff;font-size:1rem;margin:0 0 .5rem}.footer-list{display:flex;flex-direction:column;gap:.5rem;list-style:none;margin:0;padding:0}.footer-link{color:#fff;font-weight:400;text-decoration:none;transition:opacity .15s ease}.footer-link:hover{opacity:.85;text-decoration:underline}.social-icons{display:flex;gap:.5rem}.social-link{align-items:center;background:#ffffff0f;border-radius:6px;color:#fff;display:inline-flex;height:36px;justify-content:center;transition:background .15s ease,transform .12s ease;width:36px}.social-link:hover{background:#ffffff1f;transform:translateY(-2px)}.footer-divider{background:#ffffff1f;border:none;height:1px;margin:1.25rem 0}.footer-bottom{align-items:center;display:flex;font-size:.9rem;gap:1rem;justify-content:space-between;opacity:.95}.copyright,.version{color:#fff}@media (max-width:768px){.footer-container{padding:1.25rem}.footer-top{flex-direction:column;gap:1rem}.footer-bottom{align-items:center;flex-direction:column;gap:.5rem}}.chatbot{bottom:20px;font-family:inherit;position:fixed;right:20px;z-index:9999}.chatbot-toggle{align-items:center;animation:float 3s ease-in-out infinite;background:linear-gradient(135deg,#22c1c3,#07e590);border:none;border-radius:50%;box-shadow:0 8px 24px #0003;color:#fff;cursor:pointer;display:inline-flex;font-size:24px;height:70px;justify-content:center;position:relative;transition:transform .3s ease,box-shadow .3s ease;width:70px}.chatbot-toggle:hover{box-shadow:0 12px 32px #0000004d;transform:translateY(-5px) scale(1.05)}.pulse-ring{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite;border:3px solid #07e590b3;border-radius:50%;height:100%;pointer-events:none;position:absolute;width:100%}.pulse-ring-2{animation-delay:1s;border-color:#22c1c3b3}@keyframes pulse{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.chatbot-tooltip-wrapper{bottom:50%;pointer-events:none;position:absolute;right:85px;transform:translateY(50%)}.chatbot-tooltip{animation:tooltipAppear 4s ease-in-out infinite;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#22c1c3fa,#07e590fa);border-radius:30px;box-shadow:0 6px 20px #00000040;color:#fff;font-size:15px;font-weight:600;padding:12px 20px;position:relative;white-space:nowrap}.chatbot-tooltip:after{border-bottom:8px solid #0000;border-left:10px solid #07e590fa;border-top:8px solid #0000;content:"";height:0;position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:0}@keyframes tooltipAppear{0%,to{opacity:0;transform:translateX(-15px) scale(.9)}10%,90%{opacity:1;transform:translateX(0) scale(1)}}.chatbot.open .chatbot-toggle,.chatbot.open .chatbot-tooltip-wrapper{display:none}.chatbot-icon{animation:iconRotate 4s ease-in-out infinite;height:45px;object-fit:contain;position:relative;width:45px;z-index:2}@keyframes iconRotate{0%,to{transform:rotate(0deg) scale(1)}25%{transform:rotate(-10deg) scale(1.1)}75%{transform:rotate(10deg) scale(1.1)}}.chatbot.open .chatbot-icon{height:20px;width:20px}.chatbot-window{background:#fff;border-radius:12px;box-shadow:0 10px 30px #0003;display:none;max-height:70vh;max-width:calc(100vw - 40px);opacity:0;overflow:hidden;transform:scale(.3) translateY(100px);transform-origin:bottom right;width:520px}.chatbot.open .chatbot-window{animation:genieEmerge .6s cubic-bezier(.34,1.56,.64,1) forwards;display:flex;flex-direction:column}@keyframes genieEmerge{0%{opacity:0;transform:scale(.3) translateY(100px) rotate(-5deg)}50%{opacity:.8;transform:scale(1.05) translateY(-10px) rotate(2deg)}to{opacity:1;transform:scale(1) translateY(0) rotate(0deg)}}.chatbot-header{align-items:center;background:#22c1c3;background:linear-gradient(0deg,#22c1c3,#07e590);box-sizing:border-box;color:#fff;display:flex;font-size:1.3rem;font-weight:700;gap:10px;min-height:64px;padding:16px 14px}.chat-title{flex:1 1 auto;font-weight:800}.chat-close-btn{background:#0000;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:1.25rem;font-weight:bolder;padding:6px 8px}.chat-close-btn:focus{outline:3px solid #ffffff2e}.chatbot-messages{display:flex;flex:1 1 auto;flex-direction:column;gap:8px;overflow:auto;padding:10px}.chat-row{align-items:flex-end;display:flex;gap:8px}.bot-row{justify-content:flex-start}.user-row{justify-content:flex-end}.msg-avatar{border-radius:50%;display:block;height:36px;object-fit:cover;width:36px}.chat-msg{border-radius:10px;line-height:1.35;max-width:80%;padding:10px 12px}.chat-msg.bot{background:#f4f6f8;color:#111}.chat-msg.user{background:#ff7a18;color:#fff}.chat-msg{position:relative}.chat-msg .chat-text{display:block;padding-bottom:6px;padding-right:80px}.speaker-btn{background:#0000;border:none;border-radius:6px;bottom:6px;cursor:pointer;font-size:16px;padding:6px;position:absolute;right:8px;top:auto;transform:none}.speaker-btn:hover{background:#0000000a}.speaker-btn:focus{outline:3px solid #0b3d9126}.speaker-btn.speaking{background:#22c1c31f;box-shadow:0 2px 6px #22c1c31f}.bot-row .chat-msg{margin-left:0}.user-row .chat-msg{margin-right:0}.chat-msg.typing{align-items:center;background:#f6f7f8;display:inline-flex;gap:6px;padding:8px 12px}.typing-dot{background:#c0c4c8;border-radius:50%;display:inline-block;height:8px;opacity:.9;width:8px}.typing-dot:first-child{animation:typing 1s 0s infinite}.typing-dot:nth-child(2){animation:typing 1s .15s infinite}.typing-dot:nth-child(3){animation:typing 1s .3s infinite}@keyframes typing{0%{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-4px)}to{opacity:.35;transform:translateY(0)}}.chatbot-input{align-items:center;border-top:1px solid #eee;display:flex;gap:8px;padding:12px}.chatbot-input input{border:1px solid #e6e6e6;border-radius:10px;flex:1 1 auto;font-size:.95rem;padding:10px 12px}.chat-send{background:linear-gradient(0deg,#22c1c3,#07e590);border:none;border-radius:10px;color:#fff;cursor:pointer;font-weight:700;padding:10px 14px}.input-actions{align-items:center;display:inline-flex;gap:8px}.mic-button{background:#0000;border:1px solid #ddd;border-radius:8px;cursor:pointer;padding:8px 10px}.mic-button.listening{background:#ffefef;border-color:#ff7a18;box-shadow:0 2px 8px #ff7a181f;color:#ff7a18}.mic-button:focus{outline:3px solid #0b3d9126}.chat-send:disabled{cursor:not-allowed;opacity:.6}@media (max-width:900px){.chatbot-window{bottom:84px;right:6%;width:88vw}.chatbot{bottom:12px;right:12px}}@media (max-width:520px){.chatbot-window{border-radius:10px;bottom:80px;right:2%;width:96vw}.chatbot{bottom:8px;right:8px}.chatbot-toggle{height:56px;width:56px}}@media (min-width:1200px){.chatbot-window{width:620px}}.escalation-message{background-color:#fff5f3;border-left:4px solid #ff6b35}.escalation-message .chat-msg{background-color:#fff5f3;border:1px solid #ffe0d6}.appointment-button-wrapper{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:16px;box-shadow:0 4px 12px #667eea4d;margin:16px 0;padding:20px;text-align:center}.appointment-button{background:#fff;border:none;border-radius:12px;box-shadow:0 2px 8px #0000001a;color:#5a67d8;cursor:pointer;display:inline-block;font-size:16px;font-weight:600;padding:14px 32px;text-decoration:none;transition:all .3s ease}.appointment-button:hover{background:#f7fafc;box-shadow:0 6px 16px #00000026;color:#4c51bf;text-decoration:none;transform:translateY(-2px)}.appointment-button:active{box-shadow:0 2px 8px #0000001a;transform:translateY(0)}.chat-link{color:#3182ce;text-decoration:underline;transition:color .2s ease}.chat-link:hover{color:#2c5282;text-decoration:underline}.chat-text{line-height:1.5}.chat-text a{color:#3182ce;text-decoration:underline;word-break:break-all}.chat-text a:hover{color:#2c5282}.code-block-container{background:#f7fafc;border:1px solid #e2e8f0;border-radius:8px;margin:12px 0;overflow:hidden}.code-block-header{background:#4a5568;color:#fff;font-size:12px;font-weight:600;letter-spacing:.5px;padding:8px 12px;text-transform:uppercase}.code-block{background:#1a202c;color:#e2e8f0;font-family:Courier New,Monaco,monospace;font-size:14px;line-height:1.5;margin:0;overflow-x:auto;padding:16px;white-space:pre}.code-block code{background:none;border:none;color:inherit;font-family:inherit;padding:0}.inline-code{background:#edf2f7;border:1px solid #e2e8f0;border-radius:4px;color:#2d3748;font-family:Courier New,Monaco,monospace;font-size:13px;padding:2px 6px}.chat-header-1{border-bottom:2px solid #e2e8f0;color:#2d3748;font-size:18px;font-weight:700;margin:16px 0 8px;padding-bottom:4px}.chat-header-2{border-bottom:1px solid #e2e8f0;color:#4a5568;font-size:16px;font-weight:600;margin:14px 0 6px;padding-bottom:2px}.chat-header-3{color:#718096;font-size:14px;font-weight:600;margin:12px 0 4px}.chat-bullet-point{align-items:flex-start;display:flex;margin:4px 0;padding-left:8px}.bullet-marker{color:#4299e1;font-weight:700;margin-right:8px;min-width:12px}.chat-text strong{color:#2d3748;font-weight:600}.chat-text em{color:#4a5568;font-style:italic}.chat-msg .chat-text>div{margin:4px 0}.chat-bullet-point strong{color:#2d3748;font-weight:600}.chat-text>div:first-child{color:#2d3748;font-weight:500}.bot-row .chat-msg{line-height:1.6}.chat-text strong:first-child{color:#4a5568;display:block;margin-top:8px}:root{--orange-primary:#d9680e;--orange-light:#ff8533;--orange-lighter:#ffb380;--orange-dark:#b85a0c;--orange-darker:#8f4609;--gray-50:#f9fafb;--gray-100:#f3f4f6;--gray-200:#e5e7eb;--gray-300:#d1d5db;--gray-400:#9ca3af;--gray-500:#6b7280;--gray-600:#4b5563;--gray-700:#374151;--gray-800:#1f2937;--gray-900:#111827;--bg-page:#f5f7fa;--bg-card:#fff;--bg-input:#f9fafb;--text-primary:#1f2937;--text-secondary:#6b7280;--text-tertiary:#9ca3af;--border-color:#e5e7eb;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--transition:200ms cubic-bezier(0.4,0,0.2,1)}body{-webkit-font-smoothing:antialiased;background:#f5f7fa;background:var(--bg-page);color:#1f2937;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6}.audit-main{min-height:100vh;padding:2rem}.audit-container{margin:0 auto;max-width:1200px}.page-header{margin-bottom:3rem;padding:2rem 0;text-align:center}.page-header h1{color:#111827;color:var(--gray-900);font-size:2.5rem;font-weight:800;letter-spacing:-.02em;margin-bottom:.75rem}.page-sub{color:#6b7280;color:var(--text-secondary);font-size:1.125rem;font-weight:400;margin:0 auto;max-width:700px}.audit-card{background:#fff;background:var(--bg-card);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);padding:3rem}.audit-card,.config-button{border:1px solid #e5e7eb;border:1px solid var(--border-color);margin-bottom:2rem}.config-button{align-items:center;background:#f3f4f6;background:var(--gray-100);border-radius:10px;color:#1f2937;color:var(--text-primary);cursor:pointer;display:inline-flex;font-size:.9375rem;font-weight:600;gap:.5rem;padding:.75rem 1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.config-button:hover{background:#e5e7eb;background:var(--gray-200);border-color:#d9680e;border-color:var(--orange-primary)}.config-button:hover,.config-icon{color:#d9680e;color:var(--orange-primary)}.config-icon{height:20px;width:20px}.form-group{margin-bottom:2rem}.form-label{display:block;font-size:.875rem;font-weight:600;margin-bottom:.75rem}.form-input,.form-label{color:#1f2937;color:var(--text-primary)}.form-input{background:#f9fafb;background:var(--bg-input);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:12px;font-family:Inter,sans-serif;font-size:1rem;padding:1rem 1.25rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:100%}.form-input:focus{background:#fff;background:var(--bg-card);border-color:#d9680e;border-color:var(--orange-primary);box-shadow:0 0 0 4px #d9680e1a;outline:none}.form-input::placeholder{color:#9ca3af;color:var(--text-tertiary)}.status-badges{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}.badge{align-items:center;border:1.5px solid;border-radius:20px;display:inline-flex;font-size:.875rem;font-weight:600;padding:.5rem 1rem}.badge-orange{background:#d9680e1a;border-color:#d9680e;border-color:var(--orange-primary);color:#b85a0c;color:var(--orange-dark)}.badge-blue{background:#3b82f61a;border-color:#3b82f6;color:#1e40af}.badge-purple{background:#a855f71a;border-color:#a855f7;color:#7c3aed}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:Inter,sans-serif;font-size:1rem;font-weight:600;gap:.75rem;justify-content:center;padding:1.125rem 2rem;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.btn-primary{background:linear-gradient(135deg,#d9680e,#ff8533);background:linear-gradient(135deg,var(--orange-primary) 0,var(--orange-light) 100%);box-shadow:0 4px 12px #d9680e40;font-size:1.125rem;padding:1.25rem 2rem;width:100%}.btn-primary:hover{box-shadow:0 8px 20px #d9680e59;transform:translateY(-2px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:#fff;background:var(--bg-card);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);color:#1f2937;color:var(--text-primary)}.btn-secondary:hover{background:#f9fafb;background:var(--gray-50);border-color:#d1d5db;border-color:var(--gray-300)}.btn:disabled{cursor:not-allowed;opacity:.5;transform:none!important}.btn-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-top:1.5rem}.modal-overlay{animation:fadeIn .2s ease-out;background:#00000080;padding:2rem;z-index:1000}.modal{animation:slideUp .3s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-card);border-radius:20px;box-shadow:0 20px 25px -5px #0000001a;box-shadow:var(--shadow-xl);max-height:90vh;max-width:1000px;overflow:hidden;width:100%}.modal-header{background:linear-gradient(135deg,#d9680e,#ff8533);background:linear-gradient(135deg,var(--orange-primary) 0,var(--orange-light) 100%);color:#fff;padding:2rem;position:relative}.modal-header h2{font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.modal-header p{font-size:.9375rem;opacity:.95}.modal-close{align-items:center;border:none;border-radius:12px;box-shadow:0 4px 12px #ff6b354d;color:#fff!important;display:flex;font-size:.95rem;font-weight:600;justify-content:center;padding:.6rem 1.5rem;position:absolute;right:1.5rem;top:1.5rem;transition:all .2s ease}.modal-close,.modal-close:hover{background:linear-gradient(135deg,var(--primary-orange),#ff8c42)!important}.modal-close:hover{box-shadow:0 6px 16px #ff6b3580;filter:brightness(1.1);transform:translateY(-2px)}.modal-close:active{background:linear-gradient(135deg,var(--primary-orange),#ff8c42)!important;box-shadow:0 2px 8px #ff6b3566;transform:translateY(0)}.modal-body{max-height:calc(90vh - 200px);overflow-y:auto;padding:2rem}.settings-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(2,1fr)}.setting-card{background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;padding:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.setting-card:hover{border-color:#d9680e;border-color:var(--orange-primary);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md)}.setting-header{gap:.75rem;margin-bottom:1.25rem}.setting-header,.setting-icon{align-items:center;display:flex}.setting-icon{border-radius:10px;color:#fff;font-size:1.25rem;height:40px;justify-content:center;width:40px}.icon-orange{background:linear-gradient(135deg,#d9680e,#ff8533);background:linear-gradient(135deg,var(--orange-primary),var(--orange-light))}.icon-blue{background:linear-gradient(135deg,#3b82f6,#60a5fa)}.icon-purple{background:linear-gradient(135deg,#a855f7,#c084fc)}.setting-header h3{color:#1f2937;color:var(--text-primary);font-size:1.125rem;font-weight:600}.setting-item{align-items:center;border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);display:flex;justify-content:space-between;padding:.75rem 0}.setting-item:last-child{border-bottom:none}.setting-label{color:#1f2937;color:var(--text-primary);font-size:.9375rem;font-weight:500}.setting-description{color:#6b7280;color:var(--text-secondary);font-size:.8125rem;margin-top:.25rem}.toggle{background:#d1d5db;background:var(--gray-300);border-radius:15px;cursor:pointer;flex-shrink:0;height:30px!important;max-height:30px;max-width:52px;min-height:30px;min-width:52px;position:relative;transition:background .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition);width:52px!important}.toggle.active{background:#d9680e;background:var(--orange-primary)}.toggle-thumb{background:#fff;border-radius:50%;box-shadow:0 2px 4px #0003;height:24px!important;left:3px;position:absolute;top:3px;transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition);width:24px!important}.toggle.active .toggle-thumb{transform:translateX(22px)}.setting-input{background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#1f2937;color:var(--text-primary);font-size:.875rem;margin-top:.5rem;padding:.5rem .75rem;width:100%}.setting-input:focus{border-color:#d9680e;border-color:var(--orange-primary);outline:none}.loading{align-items:center;background:#f9fafb;background:var(--gray-50);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;display:flex;gap:1rem;margin-top:1.5rem;padding:1.5rem}.spinner{border:3px solid #e5e7eb;border-top-color:#d9680e;border:3px solid var(--gray-200);border-top-color:var(--orange-primary);height:24px;width:24px}.loading-text{color:#6b7280;color:var(--text-secondary);font-size:.9375rem;font-weight:500}.results{animation:slideUp .4s cubic-bezier(.4,0,.2,1);background:#fff;background:var(--bg-card);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:16px;box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);overflow:hidden}.results-header{background:linear-gradient(135deg,#d9680e0d,#0000);border-bottom:1px solid #e5e7eb;border-bottom:1px solid var(--border-color);padding:2rem}.results-header h2{color:#1f2937;color:var(--text-primary);font-size:1.75rem;font-weight:700;margin-bottom:.5rem}.results-slug{background:#f3f4f6;background:var(--gray-100);border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:8px;color:#6b7280;color:var(--text-secondary);display:inline-block;font-family:Monaco,monospace;font-size:.875rem;padding:.5rem 1rem}.stats-card{background:#fff;border:1px solid #e5e7eb;border:1px solid var(--border-color);border-radius:12px;margin:2rem;padding:2rem}.stats-header{display:flex;justify-content:center;margin-bottom:2rem}.stats-badge{align-items:center;background:linear-gradient(135deg,#d9680e,#e67a1a);border-radius:50px;box-shadow:0 4px 12px #d9680e4d;color:#fff;display:inline-flex;font-size:1.125rem;font-weight:700;gap:.5rem;letter-spacing:.02em;padding:.75rem 2rem}.stats-grid{grid-gap:1.5rem;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-bottom:1.5rem}.stat-item{background:var(--bg-gray);border-radius:12px;padding:1rem}.stat-value{font-size:2.5rem;margin-bottom:.25rem}.stat-value.violations{color:#ef4444}.stat-value.review{color:#f59e0b}.stat-value.passes{color:#10b981}.stat-label{color:var(--text-secondary);font-size:.875rem;letter-spacing:.05em}.download-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);padding:2rem}.download-card{background:#f9fafb;background:var(--gray-50);border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:16px;color:inherit;display:flex;flex-direction:column;overflow:hidden;padding:2rem;position:relative;text-decoration:none;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition)}.download-card:before{background:linear-gradient(90deg,#d9680e,#ff8533);background:linear-gradient(90deg,var(--orange-primary),var(--orange-light));content:"";height:4px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transition:transform .2s cubic-bezier(.4,0,.2,1);transition:transform var(--transition)}.download-card:hover:before{transform:scaleX(1)}.download-card:hover{background:#fff;background:var(--bg-card);border-color:#d9680e;border-color:var(--orange-primary);box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg);transform:translateY(-4px)}.download-icon{align-items:center;background:linear-gradient(135deg,#d9680e,#ff8533);background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));border-radius:14px;box-shadow:0 4px 12px #d9680e40;display:flex;height:56px;justify-content:center;margin-bottom:1.5rem;transition:all .2s cubic-bezier(.4,0,.2,1);transition:all var(--transition);width:56px}.download-card:hover .download-icon{box-shadow:0 6px 16px #d9680e59;transform:scale(1.1)}.download-icon svg{color:#fff;height:28px;width:28px}.download-card h3{color:#1f2937;color:var(--text-primary);font-size:1.125rem;font-weight:600;margin-bottom:.5rem}.download-card p{color:#6b7280;color:var(--text-secondary);font-size:.875rem;line-height:1.6}@media (max-width:768px){.btn-group,.download-grid,.settings-grid{grid-template-columns:1fr}.audit-card{padding:2rem 1.5rem}.modal-body{padding:1.5rem}.page-header h1{font-size:2rem}.stats-grid{gap:1rem;grid-template-columns:1fr}.stat-value{font-size:2rem}.stats-card{margin:1.5rem;padding:1.5rem}}.feature-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(3,1fr);margin-top:2rem}.feature-card{padding:1.5rem}.feature-icon{border-radius:20px;font-size:1.5rem;height:80px;margin:0 auto 1rem;width:80px}.feature-icon.orange{background:linear-gradient(135deg,#ff6b6b,#ee5a6f)}.feature-icon.blue{background:linear-gradient(135deg,#4facfe,#00f2fe)}.feature-icon.purple{background:linear-gradient(135deg,#a855f7,#e879f9)}.icon-animated{color:#fff}.icon-badge-ring{animation:rotateBadge 8s linear infinite;transform-origin:center}.icon-badge-ring-outer{animation:rotateBadge 12s linear infinite reverse;transform-origin:center}.icon-shield{animation:shieldPulse 3s ease-in-out infinite}.icon-check-wcag{stroke-dasharray:40;stroke-dashoffset:40;animation:drawCheckLoop 2s ease-in-out infinite}@keyframes rotateBadge{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shieldPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.8;transform:scale(1.05)}}@keyframes drawCheckLoop{0%,to{stroke-dashoffset:40}50%,80%{stroke-dashoffset:0}}.icon-ai-core{animation:aiCorePulse 2s ease-in-out infinite}.icon-ai-ring{transform-origin:center}.icon-ai-ring-1{animation:aiRingPulse 2s ease-out infinite}.icon-ai-ring-2{animation:aiRingPulse 2s ease-out .3s infinite}.icon-star{animation:starTwinkle 3s ease-in-out infinite;transform-origin:center}.icon-star-1{animation-delay:0s}.icon-star-2{animation-delay:.75s}.icon-star-3{animation-delay:1.5s}.icon-star-4{animation-delay:2.25s}@keyframes aiCorePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(1.3)}}@keyframes aiRingPulse{0%{r:25;opacity:1}to{r:40;opacity:0}}@keyframes starTwinkle{0%,to{opacity:.3;transform:scale(.5) rotate(0deg)}50%{opacity:1;transform:scale(1.2) rotate(180deg)}}.icon-doc-float{animation:docFloat 3s ease-in-out infinite}.icon-doc-main{animation:docBreathe 4s ease-in-out infinite}.icon-chart-line{stroke-dasharray:100;stroke-dashoffset:100;animation:drawChartLine 3s ease-in-out infinite}.icon-chart-dot{animation:chartDotPulse 2s ease-in-out infinite}.icon-chart-dot-1{animation-delay:0s}.icon-chart-dot-2{animation-delay:.2s}.icon-chart-dot-3{animation-delay:.4s}.icon-chart-dot-4{animation-delay:.6s}.icon-chart-dot-5{animation-delay:.8s}.icon-text-line{stroke-dasharray:30;stroke-dashoffset:30;animation:drawTextLine 2s ease-in-out infinite}.icon-text-line-1{animation-delay:1s}.icon-text-line-2{animation-delay:1.3s}@keyframes docFloat{0%,to{opacity:.3;transform:translateY(0) translateX(0)}50%{opacity:.5;transform:translateY(-5px) translateX(2px)}}@keyframes docBreathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes drawChartLine{0%,to{stroke-dashoffset:100}40%,90%{stroke-dashoffset:0}}@keyframes chartDotPulse{0%,to{r:2.5;opacity:.5}50%{r:4;opacity:1}}@keyframes drawTextLine{0%,to{stroke-dashoffset:30}50%,80%{stroke-dashoffset:0}}.feature-card h3{color:#1f2937;color:var(--text-primary);font-size:1rem;font-weight:600;margin-bottom:.5rem}.feature-card p{color:#6b7280;color:var(--text-secondary);font-size:.875rem;line-height:1.5}@media (max-width:768px){.feature-grid{gap:1rem;grid-template-columns:1fr}}.sr-only{clip:rect(0,0,0,0);border-width:0;margin:-1px;padding:0;position:absolute}.btn:focus-visible,.config-button:focus-visible,.download-card:focus-visible,.form-input:focus-visible{outline:2px solid #d9680e;outline:2px solid var(--orange-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.links-table tr.link-row{cursor:pointer;transition:background .2s cubic-bezier(.4,0,.2,1),box-shadow .2s cubic-bezier(.4,0,.2,1);transition:background var(--transition),box-shadow var(--transition)}.links-table tr.link-row:focus,.links-table tr.link-row:focus-visible{outline:2px solid #d9680e2e;outline-offset:2px}.links-table tr.link-row.selected{background:#d9680e0a;border-left:4px solid #d9680e1f}.links-table .link-content{align-items:center;display:flex;gap:.75rem;padding:.75rem 1rem}.links-table .fake-checkbox{background:#0000;border:1.5px solid #e5e7eb;border:1.5px solid var(--border-color);border-radius:3px;box-sizing:border-box;display:inline-block;height:16px;vertical-align:middle;width:16px}.links-table .fake-checkbox.checked{background:linear-gradient(135deg,#d9680e,#ff8533);background:linear-gradient(135deg,var(--orange-primary),var(--orange-light));border-color:#0000;box-shadow:0 2px 6px #d9680e2e}.links-table .select-controls{align-items:center;display:flex;gap:.5rem}@media (max-width:768px){.links-table .fake-checkbox{display:none}.links-table .link-content{padding:.5rem}}.scanning-modal-overlay{align-items:center;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#00000080;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:9999}.scanning-modal{animation:modalFadeIn .3s ease-out;background:#fff;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-width:480px;padding:48px 40px;text-align:center;width:90%}@keyframes modalFadeIn{0%{opacity:0;transform:scale(.95) translateY(-20px)}to{opacity:1;transform:scale(1) translateY(0)}}.scanning-logo{margin-bottom:32px}.ag-logo,.scanning-logo{display:flex;justify-content:center}.ag-logo{align-items:center;animation:logoPulse 2s ease-in-out infinite;background:linear-gradient(135deg,#ff6b00,#ff8c3a);border-radius:50%;box-shadow:0 8px 24px #ff6b004d;color:#fff;font-size:32px;font-weight:800;height:80px;width:80px}@keyframes logoPulse{0%,to{box-shadow:0 8px 24px #ff6b004d;transform:scale(1)}50%{box-shadow:0 12px 32px #ff6b0080;transform:scale(1.08)}}.scanning-title{color:#1a1a1a;font-size:20px;font-weight:600;line-height:1.4;margin:0 0 12px}.scanning-subtitle{color:#666;font-size:15px;font-weight:500;margin:0}.batch-results-summary{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;margin:0 auto;max-width:1200px;padding:40px 20px}.batch-header{align-items:center;display:flex;gap:12px;margin-bottom:30px}.batch-logo{color:#ff6b00;font-size:20px;font-weight:700}.enterprise-badge{animation:badgeGlow 2s infinite alternate;background:linear-gradient(90deg,#ffb86b,#ff6b00);border-radius:14px;box-shadow:0 0 8px 2px #ff6b0080;color:#fff;font-size:12px;font-weight:600;padding:4px 14px;position:relative;@keyframes badgeGlow{0%{box-shadow:0 0 8px 2px #ff6b0080}to{box-shadow:0 0 16px 4px #ffb86b80}}}.batch-title{color:#1a1a1a;font-size:28px;font-weight:700;margin-bottom:8px}.batch-subtitle{color:#666;font-size:14px;margin-bottom:30px}.batch-stats-grid{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));margin-bottom:40px}.batch-stat-card{background:#fff7f0;border-radius:12px;box-shadow:0 2px 8px #ff6b0014;padding:24px;text-align:left;transition:box-shadow .2s,transform .2s}.batch-stat-card:hover{box-shadow:0 4px 16px #ff6b002e;transform:translateY(-2px) scale(1.03)}.stat-label{color:#666;font-size:14px;font-weight:500;margin-bottom:12px}.stat-value{color:#1a1a1a;font-size:36px}.stat-value.stat-success{color:#22c55e}.stat-value.stat-danger{color:#ef4444}.stat-value.stat-warning{color:#eab308}.batch-table-container{background:#fff;border:2px solid #ff6b0020;border-radius:16px;box-shadow:0 4px 24px #ff6b001a,0 1.5px 6px #00000014;margin-bottom:30px;overflow:hidden}.batch-results-table{border-collapse:collapse;width:100%}.batch-results-table thead{background:linear-gradient(90deg,#ffb86b,#ff6b00)}.batch-results-table th{border-bottom:none;color:#fff;font-size:13px;font-weight:700;letter-spacing:.5px;padding:16px 20px;text-align:left;text-transform:uppercase;.batch-results-table thead tr{border-radius:12px 12px 0 0;overflow:hidden}}.batch-results-table tbody tr{border-bottom:1px solid #e5e7eb;transition:background-color .2s}.batch-results-table tbody tr:hover{background-color:#f9fafb}.batch-results-table tbody tr:last-child{border-bottom:none}.batch-results-table td{font-size:14px;padding:18px 20px}.url-cell{max-width:400px}.url-link{color:#1a1a1a;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.url-link:hover{color:#ff6b00;text-decoration:underline}.stat-cell{font-weight:600;min-width:80px;text-align:center}.stat-cell.stat-success{color:#22c55e}.stat-cell.stat-danger{color:#ef4444}.stat-cell.stat-warning{color:#eab308}.action-cell{text-align:right}.view-dashboard-btn{background:linear-gradient(90deg,#ffb86b,#ff6b00);border:none;border-radius:8px;box-shadow:0 2px 8px #ff6b001a;color:#fff;cursor:pointer;font-size:13px;font-weight:700;outline:none;padding:8px 18px;transition:box-shadow .2s,transform .2s,background .2s}.view-dashboard-btn:focus,.view-dashboard-btn:hover{background:linear-gradient(90deg,#ff6b00,#ffb86b);box-shadow:0 4px 16px #ff6b002e;transform:translateY(-1px) scale(1.05)}.batch-actions{display:flex;justify-content:flex-start;margin-top:30px}.back-to-selection-btn{background:#0000;border:2px solid #ff6b00;border-radius:8px;color:#ff6b00;cursor:pointer;font-size:15px;font-weight:600;padding:12px 32px;transition:all .3s}.back-to-selection-btn:hover{background:#ff6b00;box-shadow:0 4px 12px #ff6b004d;color:#fff;transform:translateY(-1px)}@media (max-width:768px){.batch-stats-grid{grid-template-columns:repeat(2,1fr)}.batch-table-container{overflow-x:auto}.batch-results-table{min-width:600px}.stat-value{font-size:28px}.batch-title{font-size:24px}}.pictures-ui-dashboard .audit-results .meta-row{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;margin-top:.5rem}.pictures-ui-dashboard .links-card{background:linear-gradient(180deg,#fff,#fbfbfb);border:1px solid #eef2f6;border-radius:12px;box-shadow:0 6px 18px #06183c0a;padding:.75rem}.pictures-ui-dashboard .links-table thead th{background:#0000;border-bottom:1px solid #eef2f6;color:#374151;font-weight:600;padding:.9rem 1rem;text-align:left}.pictures-ui-dashboard .links-table tbody td{border-bottom:1px solid #f1f5f9;padding:.9rem 1rem;vertical-align:middle}.pictures-ui-dashboard .links-table tbody tr:hover{background:linear-gradient(90deg,#d9680e08,#0000)}.pictures-ui-dashboard .links-table a{color:#0b63d6;font-weight:500}.pictures-ui-dashboard .run-selected-cta{align-items:center;background:linear-gradient(90deg,#ff7a00,#d9480f);border-radius:999px;box-shadow:0 14px 34px #d9680e38;color:#fff;display:inline-flex;font-size:1rem;font-weight:800;gap:12px;justify-content:center;max-width:none;padding:16px 20px;transition:transform .15s ease,box-shadow .15s ease;width:100%}.pictures-ui-dashboard .run-selected-cta:hover:not(:disabled){box-shadow:0 18px 44px #d9680e42;transform:translateY(-3px)}.pictures-ui-dashboard .cta-sub{color:#334155;font-size:.95rem;opacity:.95}.pictures-ui-dashboard .cta-label{display:inline-block;transition:transform .22s ease,opacity .22s ease}.pictures-ui-dashboard .label-anim{animation:label-pop .34s cubic-bezier(.2,.9,.2,1)}@keyframes label-pop{0%{opacity:0;transform:translateY(6px) scale(.98)}60%{opacity:1;transform:translateY(-3px) scale(1.03)}to{opacity:1;transform:translateY(0) scale(1)}}.pictures-ui-dashboard .batch-results{display:flex;flex-direction:column;gap:10px;margin-top:1rem}.pictures-ui-dashboard .batch-card{align-items:center;background:#fff;border:1px solid #eef2f6;border-radius:10px;box-shadow:0 6px 18px #06183c0a;justify-content:space-between}.pictures-ui-dashboard .batch-left{display:flex;flex-direction:column;gap:6px}.pictures-ui-dashboard .batch-url{color:#0f172a;font-weight:600}.pictures-ui-dashboard .batch-status{background:#ecfdf5;border-radius:999px;color:#065f46;display:inline-block;font-size:.85rem;font-weight:700;padding:4px 8px}.pictures-ui-dashboard .batch-actions{align-items:center;display:flex;gap:8px}.pictures-ui-dashboard .btn-sm{align-items:center;background:#f8fafc;border:1px solid #e6eef7;border-radius:8px;color:#0f172a;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;padding:6px 10px}.pictures-ui-dashboard .btn-sm:hover{background:#fff;box-shadow:0 6px 12px #0206170f;transform:translateY(-2px)}.pictures-ui-dashboard .btn-sm:active{transform:translateY(0)}@media (max-width:860px){.pictures-ui-dashboard .audit-grid{grid-template-columns:1fr}.pictures-ui-dashboard .batch-card{align-items:flex-start;flex-direction:column;gap:8px}.pictures-ui-dashboard .batch-actions{gap:6px;justify-content:flex-start;width:100%}}.pictures-ui-dashboard .config-button{align-items:center;background:linear-gradient(90deg,#ff7a00,#d9480f);border:none;border-radius:10px;box-shadow:0 8px 20px #d9680e2e;color:#fff;display:inline-flex;font-weight:700;gap:8px;padding:10px 14px}.pictures-ui-dashboard .config-button .config-icon{opacity:.95}.pictures-ui-dashboard .batch-results-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));margin-top:.75rem}.pictures-ui-dashboard .batch-card{align-items:flex-start;border-radius:12px;display:flex;flex-direction:column;gap:8px;padding:12px 14px}.pictures-ui-dashboard .batch-card.success{background:linear-gradient(180deg,#ecfdf5,#f0fff4);border:1px solid #bbf7d0;box-shadow:0 8px 24px #10b9810f;color:#064e3b}.pictures-ui-dashboard .batch-card.error{background:linear-gradient(180deg,#fff1f2,#fff7f9);border:1px solid #fecaca;color:#7f1d1d}.pictures-ui-dashboard .batch-card .batch-url{font-size:.95rem;font-weight:700}.pictures-ui-dashboard .batch-card .batch-meta{color:#334155;font-size:.85rem}.pictures-ui-dashboard .batch-card .batch-actions{display:flex;gap:8px;margin-top:6px}.pictures-ui-dashboard .batch-card .btn-sm{border-radius:8px;padding:8px 10px}.pictures-ui-dashboard .batch-results ul{list-style:none;margin:0;padding:0}.pictures-ui-dashboard .btn-orange{background:linear-gradient(90deg,#ff7a00,#d9480f);border:none;border-radius:8px;box-shadow:0 8px 20px #d9680e24;color:#fff;font-weight:700;padding:10px 12px}.pictures-ui-dashboard .btn-orange:hover{box-shadow:0 12px 28px #d9680e2e;transform:translateY(-2px)}.pictures-ui-dashboard .btn-neutral{background:#fff;border:1px solid #e6eef7;border-radius:8px;color:#0f172a;font-weight:600;padding:10px 12px}.pictures-ui-dashboard .btn-neutral:hover{box-shadow:0 6px 12px #0206170f;transform:translateY(-2px)}.pictures-ui-dashboard .discover-icon{color:#fff;display:inline-block;height:18px;width:18px}.pictures-ui-dashboard .config-button{background:#0000;border:1px solid #e6eef7;border-radius:8px;box-shadow:none;color:#0f172a;font-weight:600;padding:8px 10px}.pictures-ui-dashboard .config-button .config-icon{height:18px;opacity:.9;width:18px}.tools-page{padding:1px}.tools-header{margin-bottom:16px}.tools-header h1{font-size:1.6rem;margin:0}.tools-sub{color:#555;margin-top:6px}.tools-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tool-card{background:#fff;border-radius:8px;box-shadow:0 4px 12px #0000000a;padding:12px}.tool-card h2{font-size:1.1rem;margin:0 0 6px}.tool-card p{color:#444;margin:0}.tools-page .sections-grid{grid-gap:30px;display:grid;gap:30px;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));margin-bottom:40px}.tools-page .section-box{background:linear-gradient(135deg,#fff,#f8f9fa);border:1px solid #e673201a;border-radius:16px;box-shadow:0 8px 32px #0000001a;overflow:hidden;padding:30px;position:relative;transition:transform .2s ease,box-shadow .2s ease}.tools-page .section-box:before{background:linear-gradient(90deg,#e67320,#ff8c42);content:"";height:4px;left:0;position:absolute;right:0;top:0}.tools-page .section-box:hover{box-shadow:0 12px 40px #00000026;transform:translateY(-2px)}.tools-page .section-heading{align-items:center;color:#e67320;display:flex;font-size:1.4rem;font-weight:600;gap:10px;margin:0 0 24px}.tools-page .section-heading:before{content:"🔧";font-size:1.2rem}.tools-page .button-group{display:flex;flex-direction:column;gap:12px}.tools-page .bookmarklet-btn{align-items:center;background:linear-gradient(135deg,#e67320,#ff8c42);border:1px solid #ffffff1a;border-radius:8px;box-shadow:0 2px 8px #e673204d;color:#fff;cursor:grab;display:flex;font-size:.9rem;font-weight:500;gap:12px;padding:14px 18px;position:relative;text-decoration:none;transition:all .2s ease}.tools-page .bookmarklet-btn:hover{background:linear-gradient(135deg,#d5631c,#e67320);box-shadow:0 4px 16px #e6732066;color:#fff;text-decoration:none;transform:translateY(-1px)}.tools-page .bookmarklet-btn:active{box-shadow:0 2px 8px #e673204d;transform:translateY(0)}.tools-page .bookmarklet-btn.dragging{cursor:grabbing;opacity:.8;transform:rotate(2deg)}.tools-page .drag-handle{color:#fffc;cursor:grab;font-size:16px;line-height:1;-webkit-user-select:none;user-select:none}.tools-page .bookmarklet-btn:hover .drag-handle{color:#fff}.tools-page .bookmarklet-btn[data-tooltip]:hover:after{background:#000000e6;border-radius:6px;bottom:100%;color:#fff;content:attr(data-tooltip);font-size:.8rem;left:50%;line-height:1.4;margin-bottom:8px;max-width:250px;padding:8px 12px;position:absolute;text-align:center;transform:translateX(-50%);white-space:nowrap;white-space:normal;z-index:1000}.tools-page .bookmarklet-btn[data-tooltip]:hover:before{border:4px solid #0000;border-top-color:#000000e6;bottom:100%;content:"";left:50%;margin-bottom:4px;position:absolute;transform:translateX(-50%)}@media (max-width:768px){.tools-page .container{padding:15px}.tools-page .header h1{font-size:2rem}.tools-page .sections-grid{gap:20px;grid-template-columns:1fr}.tools-page .section-box{padding:20px}.tools-page .bookmarklet-btn{font-size:.85rem}}@media (max-width:480px){.tools-page .header{padding:30px 15px}.tools-page .header h1{font-size:1.8rem}.tools-page .bookmarklet-btn{font-size:.8rem;padding:12px 16px}}.tools-page :focus{outline:2px solid #e67320;outline-offset:2px}.tools-page h1,.tools-page h2,.tools-page h3,.tools-page h4,.tools-page h5,.tools-page h6{color:#212529}.tools-page div,.tools-page p,.tools-page span{color:#495057}.tools-page{scroll-behavior:smooth}.tools-page button{background:none;border:none;cursor:pointer;font:inherit}.tools-page a{color:#e67320;transition:color .2s ease}.tools-page a:hover{color:#d5631c}.tools-page ::selection{background-color:#e6732033;color:#212529}.tools-page ::-moz-selection{background-color:#e6732033;color:#212529}.tools-page ::-webkit-scrollbar{width:8px}.tools-page ::-webkit-scrollbar-track{background:#f1f3f4}.tools-page ::-webkit-scrollbar-thumb{background:#e67320;border-radius:4px}.tools-page ::-webkit-scrollbar-thumb:hover{background:#d5631c}.tools-page .bookmarklet-section{background:#fff;border-radius:12px;box-shadow:0 2px 8px #0000001a;margin:2rem 0;padding:1.5rem;transition:box-shadow .3s ease}.tools-page .bookmarklet-section:hover{box-shadow:0 4px 16px #00000026}.tools-page .bookmarklet-section h2{border-bottom:2px solid #e67320;color:#e67320;font-size:1.5rem;font-weight:600;margin-bottom:1.5rem;padding-bottom:.5rem;position:relative}.tools-page .bookmarklet-section h2:after{background:linear-gradient(90deg,#e67320,#d5631c);bottom:-2px;content:"";height:2px;left:0;position:absolute;width:60px}.tools-page .bookmarklets-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr}@media (min-width:768px){.tools-page .bookmarklets-grid.multi-column{gap:1.25rem;grid-template-columns:repeat(2,1fr)}}@media (min-width:1200px){.tools-page .bookmarklets-grid.multi-column-large{gap:1.5rem;grid-template-columns:repeat(3,1fr)}}.tools-page .bookmarklet-card{background:#fff;border:1px solid #e9ecef;border-radius:8px;cursor:pointer;overflow:hidden;padding:1.25rem;position:relative;transition:all .3s cubic-bezier(.4,0,.2,1)}.tools-page .bookmarklet-card:before{background:linear-gradient(90deg,#e67320,#d5631c);content:"";height:3px;left:0;position:absolute;top:0;transform:scaleX(0);transform-origin:left;transition:transform .3s ease;width:100%}.tools-page .bookmarklet-card:hover{border-color:#e67320;box-shadow:0 8px 25px #e6732026;transform:translateY(-2px)}.tools-page .bookmarklet-card:hover:before{transform:scaleX(1)}.tools-page .bookmarklet-card:active{transform:translateY(0)}.tools-page .bookmarklet-card h3{color:#212529;font-size:1.1rem;font-weight:600;line-height:1.4;margin:0 0 .75rem;transition:color .2s ease}.tools-page .bookmarklet-card:hover h3{color:#e67320}.tools-page .bookmarklet-card p{color:#6c757d;font-size:.9rem;line-height:1.5;margin:0;transition:color .2s ease}.tools-page .bookmarklet-card:hover p{color:#495057}.tools-page .bookmarklet-card:focus{outline:2px solid #e67320;outline-offset:2px}.tools-page .bookmarklet-card:focus-visible{border-color:#e67320;box-shadow:0 0 0 3px #e6732033}.tools-page .bookmarklet-button{align-items:center;background:linear-gradient(135deg,#e67320,#d5631c);border:none;border-radius:6px;color:#fff;display:inline-flex;font-weight:500;gap:.5rem;margin-top:1rem;padding:.5rem 1rem;text-decoration:none;transition:all .2s ease}.tools-page .bookmarklet-button:hover{background:linear-gradient(135deg,#d5631c,#c4571a);box-shadow:0 4px 12px #e673204d;color:#fff;transform:translateY(-1px)}.tools-page .bookmarklet-button:active{transform:translateY(0)}@media (max-width:767px){.tools-page .bookmarklet-section{border-radius:8px;margin:1rem 0;padding:1rem}.tools-page .bookmarklet-section h2{font-size:1.25rem;margin-bottom:1rem}.tools-page .bookmarklets-grid{gap:.75rem}.tools-page .bookmarklet-card{padding:1rem}.tools-page .bookmarklet-card h3{font-size:1rem}.tools-page .bookmarklet-card p{font-size:.85rem}.tools-page .bookmarklet-button{font-size:.9rem;padding:.625rem 1rem}}@media (min-width:768px) and (max-width:1199px){.tools-page .bookmarklet-section{padding:1.25rem}.tools-page .bookmarklets-grid.multi-column{gap:1rem}.tools-page .bookmarklet-card{padding:1.125rem}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.tools-page .bookmarklet-loading{animation:shimmer 1.5s ease-in-out infinite;background:linear-gradient(90deg,#f0f0f0,#e0e0e0 40px,#f0f0f0 80px);background-size:200px}@media (prefers-reduced-motion:reduce){.tools-page .bookmarklet-button,.tools-page .bookmarklet-card,.tools-page .bookmarklet-section{transition:none}.tools-page .bookmarklet-card:hover{transform:none}.tools-page .bookmarklet-loading{animation:none}}@media (prefers-contrast:high){.tools-page .bookmarklet-card{border:2px solid #000}.tools-page .bookmarklet-card:hover{background:#fff;border-color:#e67320}.tools-page .bookmarklet-button{border:2px solid #000}}@media (prefers-color-scheme:dark){.tools-page{background-color:#1a1a1a;color:#fff}.tools-page .bookmarklet-section{background:#2d2d2d;border:1px solid #404040}.tools-page .bookmarklet-card{background:#2d2d2d;border-color:#404040;color:#fff}.tools-page .bookmarklet-card h3{color:#fff}.tools-page .bookmarklet-card:hover h3{color:#e67320}.tools-page .bookmarklet-card p{color:#b0b0b0}.tools-page .bookmarklet-card:hover p{color:#d0d0d0}}@media print{.tools-page .bookmarklet-section{border:1px solid #000;box-shadow:none;page-break-inside:avoid}.tools-page .bookmarklet-card{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.tools-page .bookmarklet-button{background:#fff;border:1px solid #000;color:#000}}.tool-header{background:linear-gradient(135deg,#e3f2fd,#e3f2fd,);border-radius:16px;border-radius:8px;box-shadow:0 6px 16px #00000014;margin-bottom:20px;padding:40px 20px;position:relative;text-align:center}.tool-header h1{color:#d9680e;font-size:2.5rem;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px #e673201a}.tool-header p{color:#121213;font-size:1.1rem;line-height:1.6;margin:0 0 20px}.tool-instructions{background:#fffc;border-left:4px solid #e67320;border-radius:8px;border-right:4px solid #e67320;margin-top:20px;padding:20px}.tool-instructions p{color:#111213;font-size:.95rem;margin:0}.reports-new-container{background:#f5f5f0;min-height:100vh;padding:20px}.url-link{align-items:center;color:#ff6b35;display:inline-flex;font-weight:500;text-decoration:none;transition:color .2s,opacity .2s}.url-link:hover{color:#ff8555;opacity:.8}.url-link svg{flex-shrink:0}.stats-grid{grid-gap:16px;display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:20px}.stat-card{align-items:center;background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:14px;padding:20px;transition:transform .2s,box-shadow .2s}.stat-card:hover{box-shadow:0 4px 12px #00000026;transform:translateY(-2px)}.stat-icon{align-items:center;border-radius:10px;display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.stat-icon.orange{background:#fff4e6;color:#ff6b35}.stat-icon.green{background:#e6f7f1;color:#10b981}.stat-icon.red{background:#fee;color:#ef4444}.stat-icon.teal{background:#e6f9f5;color:#14b8a6}.stat-content{flex:1 1}.stat-label{color:#6b7280;font-size:13px;margin-bottom:4px}.stat-value{color:#1f2937;font-size:28px;font-weight:700;line-height:1.2}.stat-change{align-items:center;display:inline-flex;font-size:12px;font-weight:600;gap:4px;margin-top:4px}.stat-change.positive{color:#10b981}.stat-change.negative{color:#ef4444}.reports-section{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000001a;padding:20px}.section-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.section-title h2{color:#1f2937;font-size:24px;font-weight:700;margin:0 0 4px}.section-subtitle{color:#6b7280;font-size:14px;margin:0}.btn-new-report{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:14px;font-weight:600;gap:8px;padding:10px 20px;transition:background .2s}.btn-new-report:hover{background:#ff5722}.btn-new-report span{font-size:18px}.reports-toolbar{align-items:center;display:flex;gap:12px;margin-bottom:12px}.search-box{flex:1 1;position:relative}.search-icon{color:#9ca3af;left:12px;position:absolute;top:50%;transform:translateY(-50%)}.search-box input{border:1px solid #e5e7eb;border-radius:8px;font-size:14px;outline:none;padding:10px 12px 10px 40px;transition:border-color .2s;width:100%}.search-box input:focus{border-color:#ff6b35}.sort-dropdown{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;gap:4px;padding:10px 16px;transition:border-color .2s}.sort-dropdown:hover{border-color:#ff6b35}.sort-dropdown svg{color:#6b7280;flex-shrink:0}.sort-select{background:#0000;border:none;color:#1f2937;cursor:pointer;font-size:14px;font-weight:500;min-width:120px;outline:none;padding:0}.sort-select:hover{color:#ff6b35}.btn-filter,.btn-sort{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;gap:8px;padding:10px 16px;transition:all .2s}.btn-filter:hover,.btn-sort:hover{border-color:#ff6b35;color:#ff6b35}.reports-table-container{margin-bottom:20px;overflow-x:auto}.reports-table-new{border-collapse:initial;border-spacing:0;width:100%}.reports-table-new thead th{background:#f9fafb;border-bottom:1px solid #e5e7eb;color:#6b7280;font-size:12px;font-weight:600;letter-spacing:.5px;padding:12px 16px;text-align:left;text-transform:uppercase}.reports-table-new thead th:first-child{border-radius:8px 0 0 0}.reports-table-new thead th:last-child{border-radius:0 8px 0 0}.reports-table-new tbody tr{transition:background .2s}.reports-table-new tbody tr:hover{background:#f9fafb}.reports-table-new tbody td{border-bottom:1px solid #f3f4f6;color:#1f2937;font-size:14px;padding:12px 16px}.reports-table-new tbody tr:last-child td{border-bottom:none}.url-status-cell{min-width:280px}.url-status{display:flex;flex-direction:column;gap:8px}.url-text{color:#1f2937;display:block;font-weight:500;max-width:350px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-info{align-items:center;display:flex;gap:8px}.slug-text{color:#d1d5db;display:none;font-family:monospace;font-size:11px}.run-mode-description{margin-bottom:4px;margin-top:6px}.run-mode-text{align-items:center;border-radius:10px;display:inline-flex;font-size:11px;font-weight:500;gap:4px;padding:3px 8px}.run-mode-text.violations-only{background:#fef3c7;color:#d97706}.run-mode-text.violations-only svg{color:#f59e0b}.run-mode-text.quick-scan{background:#dbeafe;color:#1d4ed8}.run-mode-text.quick-scan svg{color:#3b82f6}.run-mode-text.page-only{background:#d1fae5;color:#047857}.run-mode-text.page-only svg{color:#10b981}.status-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 10px}.status-badge.status-completed{background:#d1fae5;color:#047857}.status-badge.status-processing{background:#dbeafe;color:#1d4ed8}.date-time{display:flex;flex-direction:column;gap:2px}.date{color:#1f2937;font-weight:500}.time{color:#6b7280;font-size:12px}.score-value{color:#10b981;font-size:18px;font-weight:700}.score-unit{color:#9ca3af;font-size:13px;font-weight:400}.summary-badges-new{align-items:center;display:flex;gap:8px}.issue-badge{align-items:center;border-radius:12px;display:inline-flex;font-size:12px;font-weight:600;gap:4px;padding:4px 10px}.issue-badge.fail{background:#fee2e2;color:#dc2626}.issue-badge.review{background:#fef3c7;color:#d97706}.issue-badge.pass{background:#d1fae5;color:#059669}.mode-badge,.mode-cell{text-align:center}.mode-badge{border-radius:16px;display:inline-block;font-size:13px;font-weight:600;padding:6px 14px;transition:all .2s ease;white-space:nowrap}.mode-badge.single-page{background:linear-gradient(135deg,#3b82f6,#2563eb);box-shadow:0 2px 4px #3b82f640;color:#fff}.mode-badge.single-page:hover{box-shadow:0 4px 8px #3b82f659;transform:translateY(-1px)}.mode-badge.multi-page{background:linear-gradient(135deg,#8b5cf6,#7c3aed);box-shadow:0 2px 4px #8b5cf640;color:#fff}.mode-badge.multi-page:hover{box-shadow:0 4px 8px #8b5cf659;transform:translateY(-1px)}.action-buttons{flex-wrap:wrap;gap:8px}.action-buttons,.icon-btn{align-items:center;display:flex}.icon-btn{background:#fff;border:1px solid #e5e7eb;border-radius:8px;color:#6b7280;cursor:pointer;height:44px;justify-content:center;transition:all .2s;width:44px}.icon-btn svg{height:22px;width:22px}.icon-btn.excel-btn{background:#f0fdf4;border-color:#d1fae5;color:#10b981}.icon-btn.excel-btn:hover{background:#d1fae5;border-color:#10b981;box-shadow:0 4px 8px #10b98133;transform:translateY(-2px)}.icon-btn.word-btn{background:#eff6ff;border-color:#dbeafe;color:#3b82f6}.icon-btn.word-btn:hover{background:#dbeafe;border-color:#3b82f6;box-shadow:0 4px 8px #3b82f633;transform:translateY(-2px)}.icon-btn.zip-btn{background:#f5f3ff;border-color:#ede9fe;color:#8b5cf6}.icon-btn.zip-btn:hover{background:#ede9fe;border-color:#8b5cf6;box-shadow:0 4px 8px #8b5cf633;transform:translateY(-2px)}.icon-btn:hover:not(:disabled){background:#fff4e6;border-color:#ff6b35;color:#ff6b35}.icon-btn:disabled{cursor:not-allowed;opacity:.4}.btn-view-new{align-items:center;background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;display:inline-flex;font-size:14px;font-weight:600;gap:6px;padding:8px 18px;transition:all .2s;white-space:nowrap}.btn-view-new:hover{background:#ff8555;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-2px)}.btn-view-new svg{height:14px;width:14px}.pagination-new{align-items:center;border-top:1px solid #e5e7eb;display:flex;justify-content:space-between;padding-top:20px}.pagination-info{color:#6b7280;font-size:14px}.pagination-controls{align-items:center;display:flex;gap:8px}.pagination-btn-new{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;min-width:36px;padding:8px 12px;transition:all .2s}.pagination-btn-new svg{height:16px;width:16px}.pagination-btn-new:hover:not(:disabled){border-color:#ff6b35;color:#ff6b35}.pagination-btn-new:disabled{cursor:not-allowed;opacity:.4}.pagination-number{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:6px;color:#6b7280;cursor:pointer;display:flex;font-size:14px;font-weight:500;height:36px;justify-content:center;transition:all .2s;width:36px}.pagination-number:hover{border-color:#ff6b35;color:#ff6b35}.pagination-number.active{background:#ff6b35;border-color:#ff6b35;color:#fff}.empty-reports{color:#9ca3af;padding:60px 20px;text-align:center}.error-state,.loading-state{align-items:center;display:flex;flex-direction:column;gap:16px;justify-content:center;min-height:400px}.spinner{border:3px solid #f3f4f6;border-top-color:#ff6b35;height:40px;width:40px}.error-icon{font-size:48px}.error-state h3{color:#dc2626;margin:0}.btn-primary{background:#ff6b35;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:background .2s}.btn-primary:hover{background:#ff5722}@media (max-width:1024px){.stats-grid{grid-template-columns:repeat(2,1fr)}.reports-toolbar{flex-wrap:wrap}.search-box{order:-1;width:100%}}@media (max-width:640px){.stats-grid{grid-template-columns:1fr}.section-header{align-items:flex-start;flex-direction:column;gap:16px}.btn-new-report{justify-content:center;width:100%}.action-buttons{flex-direction:column}}.modal-overlay{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0009;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:2000}.modal-content{animation:slideUp .3s ease;border-radius:16px;box-shadow:0 20px 60px #0000004d;max-height:80vh;max-width:600px;overflow-y:auto;padding:2rem;width:90%}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.modal-content h3{color:#1a1a1a;font-size:1.5rem;margin:0 0 .5rem}.modal-content p{color:#666;margin:0 0 1.5rem}.multi-page-list{display:flex;flex-direction:column;gap:12px;margin-bottom:1.5rem}.multi-page-item{align-items:center;background:#f8f9fa;border:1px solid #e9ecef;border-radius:8px;display:flex;justify-content:space-between;padding:12px 16px}.page-url{color:#495057;flex:1 1;margin-right:12px;overflow:hidden;text-overflow:ellipsis}.download-link,.page-url{font-size:14px;white-space:nowrap}.download-link{background:#ff6b35;border-radius:6px;color:#fff;font-weight:600;padding:6px 16px;text-decoration:none;transition:all .2s}.download-link:hover{background:#ff8555;box-shadow:0 4px 12px #ff6b354d;transform:translateY(-1px)}.btn-close{background:#6c757d;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:all .2s;width:100%}.btn-close:hover{background:#5a6268;transform:translateY(-1px)}*{box-sizing:border-box;margin:0;padding:0}.home-root{--home-color-orange:#ff6b00;--home-color-orange-light:#ff8c3a;--home-color-orange-dark:#e85d00;--home-color-white:#fff;--home-color-black:#000;--home-color-gray-dark:#1a1a1a;--home-color-gray:#333;--home-color-gray-light:#f5f5f5;--home-color-accent:#ffb800;--home-shadow-sm:0 2px 8px #ff6b001a;--home-shadow-md:0 4px 16px #ff6b0026;--home-shadow-lg:0 8px 32px #ff6b0033;--home-shadow-xl:0 12px 48px #ff6b0040;--color-orange:var(--home-color-orange);--color-orange-light:var(--home-color-orange-light);--color-orange-dark:var(--home-color-orange-dark);--color-white:var(--home-color-white);--color-black:var(--home-color-black);--color-gray-dark:var(--home-color-gray-dark);--color-gray:var(--home-color-gray);--color-gray-light:var(--home-color-gray-light);--color-accent:var(--home-color-accent);--shadow-sm:var(--home-shadow-sm);--shadow-md:var(--home-shadow-md);--shadow-lg:var(--home-shadow-lg);--shadow-xl:var(--home-shadow-xl)}@keyframes appFadeIn{0%{opacity:0}to{opacity:1}}.container{margin:0 auto;max-width:100%;padding:0 1rem}.hero-section{align-items:center;background:linear-gradient(135deg,#fff8f3,#fff 50%,#fff0e6);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:8rem 2rem 4rem;position:relative}.hero-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%}.orb-orange{background:var(--color-orange)}.orb-white{background:var(--color-accent)}.hero-content{max-width:1000px;opacity:0;position:relative;text-align:center;transform:translateY(30px);z-index:2}.hero-content.visible{animation:heroFadeIn 1s ease-out forwards}@keyframes heroFadeIn{to{opacity:1;transform:translateY(0)}}.hero-badge{align-items:center;background:var(--color-white);border:2px solid var(--color-orange);border-radius:50px;box-shadow:var(--shadow-md);color:var(--color-orange);display:inline-flex;font-weight:600;gap:.5rem;margin-bottom:2rem;padding:.8rem 1.5rem}.badge-icon{font-size:1.5rem}.animate-badge{animation:slideInUp .8s ease-out .2s both}.hero-title{color:var(--color-black);font-size:5.5rem;font-weight:900;letter-spacing:-.03em;line-height:1.1;margin-bottom:1.5rem}.animate-title{animation:slideInUp .8s ease-out .4s both}.highlight-text{color:var(--color-orange);display:inline-block;position:relative}.highlight-text:after{background:#ff6b0033;bottom:10px;content:"";height:15px;left:0;position:absolute;width:100%;z-index:-1}.hero-subtitle{color:var(--color-gray);font-size:2rem;font-weight:700;line-height:1.3;margin-bottom:1.5rem}.animate-subtitle{animation:slideInUp .8s ease-out .6s both}.hero-description{color:var(--color-gray);font-size:1.2rem;line-height:1.8;margin-bottom:3rem;margin-left:auto;margin-right:auto;max-width:800px}.animate-description{animation:slideInUp .8s ease-out .8s both}.hero-cta{-webkit-overflow-scrolling:touch;align-items:center;display:flex;flex-wrap:nowrap;gap:1.25rem;justify-content:center;margin-bottom:4rem;overflow-x:auto;padding:0 .5rem}.animate-cta{animation:slideInUp .8s ease-out 1s both}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.home-root .btn-primary,.home-root .btn-secondary{align-items:center;border:none;border-radius:50px;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:1.05rem;font-weight:700;gap:.8rem;height:56px;justify-content:center;letter-spacing:.05em;padding:0 1rem;text-transform:uppercase;transition:all .3s ease;width:220px}.home-root .btn-primary{background:var(--color-orange);box-shadow:var(--shadow-lg);color:var(--color-white)}.home-root .btn-primary:hover{background:var(--color-orange-dark);box-shadow:var(--shadow-xl);transform:translateY(-3px)}.home-root .btn-secondary{background:var(--color-white);border:2px solid var(--color-orange);box-shadow:var(--shadow-md);color:var(--color-orange)}.home-root .btn-secondary:hover{background:var(--color-orange);color:var(--color-white);transform:translateY(-3px)}@media (max-width:420px){.home-root .btn-primary,.home-root .btn-secondary{font-size:.92rem;height:48px;padding:0 .6rem;width:calc(50% - .75rem)}}@media (max-width:640px){.home-root .btn-primary,.home-root .btn-secondary{height:52px;width:calc(50% - .75rem)}.hero-cta{gap:.75rem}}.glow-button,.home-root .glow-button{overflow:hidden;position:relative}.glow-button:before,.home-root .glow-button:before{background:linear-gradient(90deg,#0000,#ffffff4d,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.glow-button:hover:before,.home-root .glow-button:hover:before{left:100%}.btn-icon,.home-root .btn-icon{font-size:1.3rem}.hero-stats{display:flex;flex-wrap:wrap;gap:4rem;justify-content:center}.animate-stats{animation:fadeIn .8s ease-out 1.2s both}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.stat-item{text-align:center}.stat-number{color:var(--color-orange);font-size:2.5rem;font-weight:900;margin-bottom:.5rem}.stat-label{font-size:1rem}.scroll-indicator,.stat-label{color:var(--color-gray);font-weight:600}.scroll-indicator{align-items:center;animation:bounce 2s infinite;bottom:3rem;display:flex;flex-direction:column;font-size:.9rem;gap:.8rem;left:50%;position:absolute;transform:translateX(-50%)}.scroll-mouse{border:2px solid var(--color-orange);border-radius:12px;height:40px;position:relative;width:24px}.scroll-mouse:before{animation:scrollAnimation 2s infinite;background:var(--color-orange);border-radius:2px;content:"";height:8px;left:50%;position:absolute;top:8px;transform:translateX(-50%);width:4px}@keyframes scrollAnimation{0%{opacity:1;transform:translateX(-50%) translateY(0)}to{opacity:0;transform:translateX(-50%) translateY(12px)}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateX(-50%) translateY(0)}40%{transform:translateX(-50%) translateY(-10px)}60%{transform:translateX(-50%) translateY(-5px)}}section{padding:6rem 0;position:relative}.section-header{margin-bottom:4rem;text-align:center}.section-badge{background:linear-gradient(135deg,var(--color-orange),var(--color-accent));border-radius:50px;box-shadow:var(--shadow-md);color:var(--color-white);display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.1em;margin-bottom:1.5rem;padding:.6rem 1.5rem}.section-title{color:var(--color-black);font-size:3.5rem;font-weight:900;line-height:1.2;margin-bottom:1.5rem}.section-description{color:var(--color-gray);font-size:1.2rem;line-height:1.8;margin:0 auto;max-width:800px}@keyframes fade-in-up{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-in-up{0%{opacity:0;transform:translateY(60px)}to{opacity:1;transform:translateY(0)}}@keyframes zoom-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes flip-in{0%{opacity:0;transform:perspective(600px) rotateX(-90deg)}to{opacity:1;transform:perspective(600px) rotateX(0)}}.fade-in-up{animation:fade-in-up .8s ease-out forwards}.slide-in-up{animation:slide-in-up .8s ease-out forwards;opacity:0}.zoom-in{animation:zoom-in .6s ease-out forwards;opacity:0}.flip-in{animation:flip-in .8s ease-out forwards;opacity:0}.delay-1{animation-delay:.2s}.delay-2{animation-delay:.4s}.features-section{background:var(--color-white)}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.feature-card{background:var(--color-white);border:2px solid var(--color-gray-light);border-radius:20px;cursor:pointer;padding:2.5rem;text-align:center;transition:all .4s ease}.feature-card:hover{border-color:var(--color-orange);box-shadow:var(--shadow-xl);transform:translateY(-10px)}.feature-icon{align-items:center;background-color:#f0f0f0;border-radius:8px;display:flex;height:150px;justify-content:center;margin-bottom:12px;overflow:hidden;width:100%}.feature-icon img{display:block;height:100%;object-fit:contain;width:100%}.feature-title{color:var(--color-black);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.feature-description{color:var(--color-gray);font-size:1rem;line-height:1.7}.how-it-works-section{background:linear-gradient(135deg,#fff8f3,#fff)}.steps-container{grid-gap:3rem;display:grid;gap:3rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));position:relative}.step-card{background:var(--color-white);border-radius:20px;box-shadow:var(--shadow-md);padding:3rem 2rem;position:relative;text-align:center;transition:all .4s ease}.step-card:hover{box-shadow:var(--shadow-xl);transform:translateY(-10px)}.step-number{align-items:center;background:linear-gradient(135deg,var(--color-orange),var(--color-accent));border-radius:50%;box-shadow:var(--shadow-lg);color:var(--color-white);display:flex;font-size:1.5rem;font-weight:900;height:60px;justify-content:center;left:50%;position:absolute;top:-20px;transform:translateX(-50%);width:60px}.step-icon{font-size:4rem;margin:1.5rem 0}.step-title{color:var(--color-black);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.step-description{color:var(--color-gray);font-size:1rem;line-height:1.7}.step-connector{display:none}@media (min-width:1024px){.step-connector{background:linear-gradient(90deg,var(--color-orange),#0000);display:block;height:2px;position:absolute;right:-3rem;top:30px;width:3rem}.step-card:last-child .step-connector{display:none}}.bookmarklets-section{background:var(--color-gray-dark);color:var(--color-white)}.bookmarklets-section .section-badge{background:var(--color-orange)}.bookmarklets-section .section-title{color:var(--color-white)}.bookmarklets-section .section-description{color:#fffc}.bookmarklets-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));margin-bottom:4rem}.bookmarklet-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff0d;border:2px solid #ffffff1a;border-radius:20px;padding:2rem;transition:all .4s ease}.bookmarklet-card:hover{background:#ff6b001a;border-color:var(--color-orange);box-shadow:0 10px 40px #ff6b004d;transform:translateY(-10px)}.bookmarklet-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1.5rem}.bookmarklet-category{background:#ff6b001a;border-radius:20px;color:var(--color-orange);font-size:.75rem;font-weight:700;letter-spacing:.1em;padding:.4rem .8rem;text-transform:uppercase}.bookmarklet-icon{font-size:1.5rem}.bookmarklet-name{color:var(--color-white);font-size:1.3rem;font-weight:700;margin-bottom:1rem}.bookmarklet-description{color:#ffffffb3;font-size:.95rem;line-height:1.7;margin-bottom:1.5rem}.bookmarklet-button{align-items:center;background:var(--color-orange);border:none;border-radius:12px;color:var(--color-white);cursor:pointer;display:flex;font-weight:700;gap:.75rem;justify-content:space-between;margin:0 auto;padding:1rem 1.5rem;transition:all .3s ease;width:-webkit-fit-content;width:fit-content}.bookmarklet-button:hover{background:var(--color-orange-dark);transform:translateX(5px)}.button-arrow{font-size:1.5rem;transition:transform .3s ease}.free-text{color:#444}.bookmarklet-button:hover .button-arrow{transform:translateX(5px)}.bookmarklets-cta{background:#ffffff0d;border:2px solid #ff6b004d;border-radius:20px;padding:3rem;text-align:center}.bookmarklets-cta h3{color:var(--color-white);font-size:2rem;margin-bottom:2rem}.usage-steps{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.usage-step{flex:1 1;max-width:300px;min-width:250px}.usage-number{align-items:center;background:var(--color-orange);border-radius:50%;color:var(--color-white);display:inline-block;display:flex;font-size:1.5rem;font-weight:900;height:50px;justify-content:center;margin-bottom:1rem;width:50px}.usage-step p{color:#fffc;font-size:1rem;line-height:1.6}.benefits-section{background:var(--color-white)}.benefits-grid{grid-gap:2.5rem;display:grid;gap:2.5rem;grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.benefit-card{background:linear-gradient(135deg,#fff8f3,#fff);border:2px solid var(--color-gray-light);border-radius:20px;padding:3rem;transition:all .4s ease}.benefit-card:hover{border-color:var(--color-orange);box-shadow:var(--shadow-xl);transform:translateY(-10px)}.benefit-icon{display:inline-block;font-size:4rem;margin-bottom:1.5rem}.benefit-title{color:var(--color-black);font-size:1.5rem;font-weight:700;margin-bottom:1rem}.benefit-description{color:var(--color-gray);font-size:1rem;line-height:1.7}.demo-section{background:linear-gradient(135deg,var(--color-orange) 0,var(--color-orange-dark) 100%);color:var(--color-white);overflow:hidden;padding:8rem 2rem;position:relative}.demo-background{height:100%;left:0;position:absolute;top:0;width:100%}.demo-orb{border-radius:50%;filter:blur(100px);opacity:.3;position:absolute}.demo-orb.orb-1{background:var(--color-accent);height:500px;left:-200px;top:-200px;width:500px}.demo-orb.orb-2{background:#ffffff4d;bottom:-150px;height:400px;right:-150px;width:400px}.demo-content{margin:0 auto;max-width:900px;position:relative;text-align:center;z-index:2}.demo-section .section-badge{background:#fff3;border:2px solid #ffffff4d;color:var(--color-white)}.demo-section .section-title{color:var(--color-white);font-size:4rem}.demo-section .section-description{color:#ffffffe6;margin-bottom:3rem}.demo-form{margin-bottom:3rem}.input-group{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin:0 auto;max-width:700px}.url-input{background:#fffffff2;border:3px solid #ffffff4d;border-radius:50px;color:var(--color-black);flex:1 1;font-size:1.1rem;min-width:300px;padding:1.5rem 2rem;transition:all .3s ease}.url-input:focus{background:var(--color-white);border-color:var(--color-white);box-shadow:0 0 30px #ffffff4d;outline:none}.url-input::placeholder{color:var(--color-gray)}.btn-test{align-items:center;background:var(--color-white);border:none;border-radius:50px;color:var(--color-orange);cursor:pointer;display:flex;font-size:1.1rem;font-weight:700;gap:.8rem;padding:1.5rem 2.5rem;transition:all .3s ease;white-space:nowrap}.btn-test:hover{background:var(--color-accent);box-shadow:0 10px 30px #0000004d;color:var(--color-white);transform:translateY(-3px)}.report-formats{display:flex;flex-wrap:wrap;gap:3rem;justify-content:center}.format-item{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff26;border:2px solid #fff3;border-radius:50px;display:flex;font-weight:600;gap:.8rem;padding:1rem 2rem}.format-icon{font-size:1.5rem}.audit-results-container{background:linear-gradient(180deg,#fffaf7,#fbfbfd);color:#1f2933;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;min-height:100vh;padding-bottom:48px}.results-top-bar{background:#0000;padding:28px 32px 18px}.fancy-top-bar{background:linear-gradient(90deg,#fff7f0,#fffaf6);border-radius:12px;box-shadow:0 6px 20px #0c141e0a;padding:18px 22px}.results-header{align-items:center;display:flex;justify-content:space-between}.audit-title-btn,.results-actions{align-items:center;display:flex;gap:12px}.audit-title-btn{color:#0f172a;font-size:1.5rem;font-weight:700}.audit-title-icon{color:#3b82f6;transition:all .3s ease}.audit-title-btn:hover .audit-title-icon{color:#2563eb;transform:scale(1.1)}.fancy-btn{align-items:center;background:#fff;border:1px solid #0f1e2d0f;border-radius:12px;box-shadow:0 4px 18px #1018280a;color:#15323b;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:600;gap:8px;overflow:hidden;padding:10px 16px;position:relative;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1)}.fancy-btn:before{background:linear-gradient(135deg,#ffffff1a,#fff0);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.fancy-btn:hover:before{opacity:1}.fancy-btn:hover{box-shadow:0 8px 30px #1018281f;transform:translateY(-3px)}.fancy-btn:active{box-shadow:0 4px 18px #10182814;transform:translateY(-1px)}.excel-btn{background:linear-gradient(135deg,#f0fdf4,#fff);border-color:#22c55e33}.excel-btn svg{color:#16a34a;transition:transform .3s ease}.excel-btn:hover{background:linear-gradient(135deg,#dcfce7,#f0fdf4);border-color:#22c55e66}.excel-btn:hover svg{transform:scale(1.15)}.word-btn{background:linear-gradient(135deg,#eff6ff,#fff);border-color:#3b82f633}.word-btn svg{color:#2563eb;transition:transform .3s ease}.word-btn:hover{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-color:#3b82f666}.word-btn:hover svg{transform:scale(1.15)}.package-btn{background:linear-gradient(135deg,#fff7ed,#fff);border-color:#f9731633}.package-btn svg{color:#ea580c;transition:transform .3s ease}.package-btn:hover{background:linear-gradient(135deg,#ffedd5,#fff7ed);border-color:#f9731666}.package-btn:hover svg{transform:scale(1.15)}.results-url{color:#667085;font-size:.95rem;margin-top:8px}.results-main-layout{align-items:flex-start;display:flex;gap:36px;margin-top:16px;padding:24px 36px 36px}.results-side-panel{align-self:flex-start;background:linear-gradient(180deg,#fff,#fbfdff);border-radius:14px;box-shadow:0 10px 30px #0c141e0f;max-height:none;min-height:auto;overflow:visible;padding:22px;position:-webkit-sticky;position:sticky;top:20px;width:320px}.summary-card{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0f172a0f;border-radius:12px;margin-bottom:18px;padding:16px;transition:all .3s ease}.summary-card:hover{box-shadow:0 8px 24px #0c141e14;transform:translateY(-2px)}.summary-card h3{align-items:center;color:#0f172a;display:flex;font-size:1.02rem;font-weight:700;gap:10px;margin-bottom:12px}.summary-card h3 svg{color:#3b82f6;transition:transform .3s ease}.summary-card:hover h3 svg{transform:rotate(180deg)}.stat-boxes{display:flex;gap:12px;justify-content:flex-start;margin-bottom:6px}.stat-box{align-items:center;background:#f8fafb;border-radius:10px;box-shadow:0 4px 14px #0c141e0a;display:flex;flex-direction:column;justify-content:center;min-width:70px;padding:10px 12px;text-align:center}.stat-number{color:#0f1720;font-size:1.2rem;font-weight:700}.stat-label{color:#708090;font-size:.78rem;text-transform:uppercase}.filter-section{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0f172a0f;border-radius:12px;margin-top:8px;padding:14px;transition:all .3s ease}.filter-section:hover{box-shadow:0 6px 20px #0c141e14;transform:translateY(-1px)}.filter-section h3{align-items:center;color:#0f172a;display:flex;font-size:.98rem;font-weight:600;gap:8px;margin-bottom:10px}.filter-section h3 svg{color:#8b5cf6;transition:transform .3s ease}.filter-section:hover h3 svg{transform:scale(1.1)}.filter-select{background:#fff;border:1px solid #0f172a14;border-radius:8px;color:#0f172a;cursor:pointer;font-size:.95rem;font-weight:500;padding:10px 12px;transition:all .2s ease;width:100%}.filter-select:hover{border-color:#8b5cf64d;box-shadow:0 2px 8px #8b5cf61a}.filter-select:focus{border-color:#8b5cf6;box-shadow:0 0 0 3px #8b5cf61a;outline:none}.issues-list{background:linear-gradient(135deg,#fff,#fafbfc);border:1px solid #0f172a0f;border-radius:12px;margin-top:18px;padding:14px}.issues-list h3{align-items:center;color:#0f172a;display:flex;font-size:1rem;font-weight:600;gap:8px;margin-bottom:10px}.issues-list h3 svg{color:#f59e0b;transition:transform .3s ease}.issues-list:hover h3 svg{transform:scale(1.1)}.issues-scroll{max-height:520px;overflow-y:auto;padding-right:6px}@media (min-width:1000px){.results-side-panel .keyboard-card{display:none}}.issue-card{background:#fff;border:1px solid #0000;border-radius:12px;box-shadow:0 6px 18px #0c141e0a;cursor:pointer;margin-bottom:12px;padding:12px 14px;transition:all .3s ease}.issue-card:hover{border-color:#3b82f61a;box-shadow:0 8px 24px #0c141e14;transform:translateX(4px)}.issue-card.selected{background:linear-gradient(135deg,#fff8f2,#fffbf5);border-color:#f9731633;box-shadow:0 8px 30px #1018280f}.issue-card-header{align-items:center;display:flex;gap:8px;margin-bottom:6px}.severity-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:600;gap:6px;justify-content:center;letter-spacing:.5px;padding:6px 10px;text-transform:uppercase;transition:all .3s ease}.severity-badge.critical{background:linear-gradient(135deg,#fee2e2,#fef2f2);border:1px solid #dc262633;color:#991b1b}.severity-badge.critical svg{color:#dc2626}.severity-badge.serious{background:linear-gradient(135deg,#ffedd5,#fff7ed);border:1px solid #f9731633;color:#9a3412}.severity-badge.serious svg{color:#f97316}.severity-badge.moderate{background:linear-gradient(135deg,#fef3c7,#fefce8);border:1px solid #eab30833;color:#854d0e}.severity-badge.moderate svg{color:#eab308}.severity-badge.minor{background:linear-gradient(135deg,#dbeafe,#eff6ff);border:1px solid #3b82f633;color:#1e40af}.severity-badge.minor svg{color:#3b82f6}.issue-card:hover .severity-badge{transform:scale(1.05)}.issue-card-title{color:#0f172a;font-size:.98rem;font-weight:600;line-height:1.4}.issue-card-meta{color:#6b7280;font-size:.9rem;margin-top:4px}.no-issues-message{color:#10b981;padding:32px 16px;text-align:center}.no-issues-message p{color:#059669;font-size:1.1rem;font-weight:600;margin:8px 0}.no-issues-message small{color:#6b7280;font-size:.9rem}.results-detail-panel{flex:1 1}.issue-details{display:flex;flex-direction:column;gap:24px}.ai-section h3,.code-section h3,.issue-details h3,.location-section h3,.screenshot-section h3,.why-section h3{align-items:center;color:#0f172a;display:flex;font-size:1.1rem;font-weight:600;gap:8px;margin-bottom:12px}.ai-section h3 svg,.code-section h3 svg,.issue-details h3 svg,.location-section h3 svg,.screenshot-section h3 svg,.why-section h3 svg{color:#3b82f6;flex-shrink:0}.issue-detail-header{padding:10px 0 0}.issue-title-row{align-items:center;display:flex;gap:12px;margin-bottom:8px}.severity-badge-large{background:#fff2f0;border-radius:12px;color:#9b2c00;font-weight:700;padding:6px 12px}.issue-details h2{font-size:1.6rem;font-weight:800;margin:6px 0}.issue-description{color:#475569;font-size:1rem;line-height:1.5}.location-section,.location-section .location-info{background:#fff;border-radius:12px;box-shadow:0 6px 18px #0c141e0a;padding:16px}.code-section{position:relative}.code-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.btn-copy{align-items:center;background:linear-gradient(135deg,#1e293b,#0f172a);border:none;border-radius:8px;box-shadow:0 6px 20px #0b12201f;color:#fff;cursor:pointer;display:inline-flex;font-size:.9rem;font-weight:500;gap:6px;padding:8px 14px;transition:all .3s ease}.btn-copy:hover{background:linear-gradient(135deg,#334155,#1e293b);box-shadow:0 8px 24px #0b12202e;transform:translateY(-2px)}.btn-copy:active{transform:translateY(0)}.btn-copy svg{transition:transform .3s ease}.btn-copy:hover svg{transform:scale(1.1)}.code-block{background:#0b1420;border-radius:12px;box-shadow:0 8px 30px #0b122014;color:#f1f5f9;overflow:auto;padding:18px}.code-block code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:.92rem}.why-section .why-content{background:#fffbea;border:1px solid #fde6a9;border-radius:12px;box-shadow:0 6px 20px #0f0f0f08;color:#57451a;padding:18px}.why-item{margin-bottom:6px}.action-bar{margin-top:18px}.action-bar .btn-primary{background:linear-gradient(90deg,#f97316,#ef5b0b);border:none;border-radius:12px;box-shadow:0 8px 30px #ef5b0b2e;color:#fff;font-size:1.02rem;font-weight:700;padding:14px 18px;width:100%}.action-bar .btn-secondary{align-items:center;background:#fff;border:1px solid #0f172a0f;border-radius:10px;box-shadow:0 6px 18px #0c141e0a;color:#0f1720;cursor:pointer;display:inline-flex;font-size:.95rem;font-weight:500;gap:6px;padding:10px 14px;transition:all .3s ease}.action-bar .btn-secondary:hover{border-color:#3b82f633;box-shadow:0 8px 24px #0c141e14;transform:translateY(-2px)}.btn-secondary svg{transition:transform .3s ease}.btn-secondary:hover svg{transform:scale(1.1)}.screenshot-overlay{align-items:center;display:flex;justify-content:center}.screenshot-overlay svg{color:currentColor}.screenshot-container{background:linear-gradient(180deg,#f8fafc,#fff);border-radius:10px;overflow:hidden;padding:8px;position:relative}.screenshot-overlay{background:#00000080;border-radius:8px;bottom:8px;color:#fff;font-size:.85rem;padding:6px 8px;position:absolute;right:8px}.image-modal{align-items:center;background:#080c1499;display:flex;inset:0;justify-content:center;position:fixed;z-index:9999}.modal-content{background:#fff;border-radius:12px;max-height:90%;max-width:90%;overflow:auto;padding:18px}.modal-close{background:#fff;border:1px solid #0f172a0f;border-radius:8px;cursor:pointer;padding:6px 8px}.keyboard-card-compact{align-items:center;background:linear-gradient(180deg,#fff,#fbfdff);border:1px solid #0f172a0f;border-radius:10px;box-shadow:0 6px 18px #0c141e0a;display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.keyboard-card-compact .kbd-metric{min-width:60px;text-align:center}.keyboard-card-compact .kbd-number{font-size:1.05rem;font-weight:800}.keyboard-card-compact .kbd-label{color:#6b7280;font-size:.75rem}.keyboard-card-compact .kbd-links a{font-size:.85rem;padding:6px 8px}@media (max-width:1000px){.results-main-layout{flex-direction:column;padding:18px}.results-side-panel{min-height:auto;width:100%}.results-detail-panel{width:100%}}.undo-snackbar{align-items:center;background:#0f1720;border-radius:10px;bottom:24px;box-shadow:0 12px 30px #02061766;color:#fff;display:flex;gap:12px;padding:12px 16px;position:fixed;right:24px;z-index:12000}.undo-snackbar .msg{font-size:.95rem}.undo-snackbar .undo-btn{background:#0000;border:1px solid #ffd9b62e;border-radius:8px;color:#ffd9b6;cursor:pointer;font-weight:700;padding:6px 10px}.undo-snackbar .undo-btn:hover{background:#ffffff08}.auth-page{align-items:center;background:linear-gradient(135deg,#fff8f3,#fff 50%,#fff0e6);display:flex;justify-content:center;min-height:100vh;overflow:hidden;padding:2rem 1rem;position:relative}.auth-background{height:100%;left:0;overflow:hidden;position:absolute;top:0;width:100%;z-index:1}.gradient-orb{animation:orbFloat 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.3;position:absolute}.orb-orange{background:#ff6b00;height:500px;right:-200px;top:-200px;width:500px}.orb-white{animation-delay:5s;background:#ffb800;bottom:-150px;height:400px;left:-150px;width:400px}@keyframes orbFloat{0%,to{transform:translate(0)}33%{transform:translate(50px,-50px)}66%{transform:translate(-50px,50px)}}.auth-container{animation:fadeInUp .6s ease-out;max-width:720px;position:relative;width:100%;z-index:2}.auth-card{background:#fff;border-radius:16px;box-shadow:0 8px 32px #ff6b0026;padding:3rem 2.5rem;transition:transform .3s ease,box-shadow .3s ease}.auth-card:hover{box-shadow:0 12px 48px #ff6b0033;transform:translateY(-4px)}.signup-card{margin:0 auto;max-width:600px;padding:2.5rem 3rem}.auth-header{margin-bottom:2rem;text-align:center}.auth-header h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#ff6b00,#ff8c3a);-webkit-background-clip:text;background-clip:text;color:#1a1a1a;font-size:2rem;font-weight:800;margin-bottom:.5rem}.auth-header p{color:#666;font-size:.95rem;margin:0}.auth-error{align-items:center;animation:shake .4s ease;background:#fff3f3;border:1px solid #fcc;border-left:4px solid #f44;border-radius:8px;color:#c00;display:flex;font-size:.9rem;gap:.75rem;margin-bottom:1.5rem;padding:1rem}.error-icon{flex-shrink:0;font-size:1.2rem}@keyframes shake{0%,to{transform:translateX(0)}25%{transform:translateX(-8px)}75%{transform:translateX(8px)}}.auth-form{display:flex;flex-direction:column;gap:1.25rem}.form-row{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{color:#333;font-size:.875rem;font-weight:600;margin-bottom:.25rem}.form-group input{background:#fff;border:2px solid #e6e6e6;border-radius:8px;font-size:.95rem;padding:.75rem 1rem;transition:all .3s ease}.form-group input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b001a;outline:none}.form-group input:disabled{background:#f5f5f5;cursor:not-allowed}.form-hint{color:#666;font-size:.8rem;margin-top:-.25rem}.form-options{justify-content:space-between;margin:0}.checkbox-label,.form-options{align-items:center;display:flex}.checkbox-label{color:#333;cursor:pointer;font-size:.9rem;gap:.5rem}.checkbox-label input[type=checkbox]{accent-color:#ff6b00;cursor:pointer;height:18px;width:18px}.forgot-link{color:#ff6b00;font-size:.9rem;font-weight:600;text-decoration:none;transition:color .3s ease}.forgot-link:hover{color:#e85d00;text-decoration:underline}.auth-button{align-items:center;background:linear-gradient(135deg,#ff6b00,#ff8c3a);border:none;border-radius:8px;box-shadow:0 4px 12px #ff6b004d;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:700;gap:.5rem;justify-content:center;margin-top:.5rem;padding:.875rem 2rem;transition:all .3s ease}.auth-button:hover:not(:disabled){background:linear-gradient(135deg,#e85d00,#ff6b00);box-shadow:0 6px 16px #ff6b0066;transform:translateY(-2px)}.auth-button:active:not(:disabled){transform:translateY(0)}.auth-button:disabled{cursor:not-allowed;opacity:.7}.spinner{animation:spin .8s linear infinite;border:2px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:16px;width:16px}@keyframes spin{to{transform:rotate(1turn)}}.auth-footer{border-top:1px solid #e6e6e6;margin-top:1.25rem;padding-top:1.25rem;text-align:center}.auth-footer p{color:#666;font-size:.9rem}.auth-link{color:#ff6b00;font-weight:600;text-decoration:none;transition:color .3s ease}.auth-link:hover{color:#e85d00;text-decoration:underline}.auth-divider{margin:1.25rem 0;position:relative;text-align:center}.auth-divider:before{background:#e6e6e6;content:"";height:1px;left:0;position:absolute;top:50%;width:100%}.auth-divider span{background:#fff;color:#999;font-size:.85rem;padding:0 1rem;position:relative;z-index:1}.back-home-button{align-items:center;background:#0000;border:2px solid #e6e6e6;border-radius:8px;color:#666;display:flex;font-weight:600;gap:.5rem;justify-content:center;padding:.75rem 1.5rem;text-decoration:none;transition:all .3s ease}.back-home-button:hover{background:#ff6b000d;border-color:#ff6b00;color:#ff6b00}.password-strength{align-items:center;display:flex;gap:.75rem;margin-top:.25rem}.strength-bar{background:#e6e6e6;border-radius:2px;flex:1 1;height:4px;overflow:hidden}.strength-fill{border-radius:2px;height:100%;transition:all .3s ease}.strength-label{font-size:.8rem;font-weight:600;min-width:80px;text-align:right}.auth-success{padding:2rem 0;text-align:center}.success-icon{align-items:center;animation:scaleIn .5s ease-out;background:linear-gradient(135deg,#0a0,#0d0);border-radius:50%;box-shadow:0 8px 24px #00aa004d;color:#fff;display:flex;font-size:3rem;font-weight:700;height:80px;justify-content:center;margin:0 auto 1.5rem;width:80px}@keyframes scaleIn{0%{opacity:0;transform:scale(0)}to{opacity:1;transform:scale(1)}}.auth-success h2{color:#1a1a1a;font-size:1.75rem;margin-bottom:1rem}.auth-success p{color:#666;font-size:1rem;margin-bottom:.75rem}.success-instructions{background:#f0f9ff;border:1px solid #b3e0ff;border-radius:8px;margin:1.5rem 0;padding:1rem}.success-note{background:#fff8e6;border-left:4px solid #ffb800;border-radius:4px;color:#666;font-size:.9rem;margin:1rem 0;padding:1rem}.otp-inputs{display:flex;gap:.75rem;justify-content:center;margin:1.5rem 0}.otp-inputs input{border:2px solid #e6e6e6;border-radius:8px;font-size:24px;font-weight:700;height:60px;text-align:center;transition:all .3s ease;width:50px}.otp-inputs input:focus{border-color:#ff6b00;box-shadow:0 0 0 3px #ff6b001a;outline:none}.otp-inputs input:disabled{background:#f5f5f5;cursor:not-allowed}@media (max-width:768px){.auth-card,.signup-card{padding:2rem 1.5rem}.auth-header h1{font-size:1.75rem}.form-row{grid-template-columns:1fr}.form-options{align-items:flex-start;flex-direction:column;gap:1rem}.otp-inputs{gap:.5rem}.otp-inputs input{font-size:20px;height:55px;width:45px}.orb-orange,.orb-white{height:300px;width:300px}}@media (max-width:480px){.auth-container{padding:1rem}.auth-card,.signup-card{padding:1.5rem 1rem}.auth-header h1{font-size:1.5rem}.otp-inputs{gap:.4rem}.otp-inputs input{font-size:18px;height:50px;width:40px}.auth-page{padding:1rem .5rem}.auth-card{padding:1.5rem 1rem}.auth-header h1{font-size:1.5rem}.auth-button{padding:.875rem 1.5rem}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#0b1220;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}body{background:#f3f6f9;color:#111;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,Arial;margin:0}body,html{overflow-x:hidden}main{margin:12px auto;max-width:1200px}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-content{flex:1 1 auto;margin:0;max-width:none;padding:0;width:100%}.app-content .audit-grid{box-sizing:border-box;width:100%}button{background:#004085;border:none;border-radius:6px;color:#fff}button[disabled]{cursor:not-allowed;opacity:.6}a{color:#0645ad}:focus{outline:3px solid #ffbf47;outline-offset:2px}.sr-only{clip:rect(1px,1px,1px,1px);height:1px;overflow:hidden;position:absolute!important;white-space:nowrap;width:1px}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}:root{--container-max-width:1200px;--page-padding:1rem;--gap-sm:0.5rem;--gap-md:1rem;--gap-lg:2rem;--breakpoint-sm:600px;--breakpoint-md:900px;--breakpoint-lg:1200px}.container{box-sizing:border-box;margin-left:auto;margin-right:auto;max-width:1200px;max-width:var(--container-max-width);padding-left:1rem;padding-left:var(--page-padding);padding-right:1rem;padding-right:var(--page-padding);width:100%}img,picture,svg,video{display:block;height:auto;max-width:100%}.logo-img{height:auto;max-width:300px;width:auto}h1{font-size:clamp(1.25rem,3.8vw,2.5rem)}h2{font-size:clamp(1.1rem,3.2vw,2rem)}h3{font-size:clamp(1rem,2.6vw,1.5rem)}.row{display:flex;flex-wrap:wrap;gap:1rem;gap:var(--gap-md)}.col{flex:1 1}.audit-button,.btn,button,input[type=button],input[type=submit]{min-height:44px;padding:.6rem 1rem}@media (max-width:768px){.header-container{padding-left:.75rem;padding-right:.75rem}.logo-img{max-width:160px}}@media (max-width:900px){.app-content,.container,main{padding-left:.75rem;padding-right:.75rem}.two-col{display:block}.two-col>*{width:100%}}*{word-wrap:break-word}@media (max-width:600px){:focus{outline-width:4px}}