@keyframes slideDown{0%{transform:translate(-50%,-100%);opacity:0}to{transform:translate(-50%,0);opacity:1}}*,::after,::before{box-sizing:border-box}body,html{overflow-x:hidden;max-width:100%}a,body{color:#576366}body{font-size:13px;line-height:1.75;word-wrap:break-word;-webkit-font-smoothing:antialiased;margin:0;background:#f6f9fa;display:flex;flex-direction:column;min-height:100vh}a{text-decoration:none}a:hover{color:#dc1010}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}.h1,.h2,.h3,.h4,.h5,.h6,body,h1,h2,h3,h4,h5,h6{font-family:"Roboto",Verdana,Arial,Helvetica,sans-serif;font-weight:400}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{text-rendering:optimizeLegibility;color:#384047}.h1,h1{font-size:22px}.h2,h2{font-size:20px}.h3,h3{font-size:18px}.h4,h4{font-size:16px}.h5,h5{font-size:14px}.h6,h6{font-size:12px}header{display:flex;justify-content:space-between;padding:16px 40px;background-color:#fff;position:sticky;top:0;z-index:10;border-bottom:1px solid #ececec;align-items:center;transition:all .3s ease}.header-left,.header-right{flex:1;display:flex;align-items:center}.nav-links{display:flex;gap:24px}.nav-link{color:#576366;text-decoration:none;font-weight:400;padding:6px 0;position:relative;transition:color .2s ease}.nav-link::after{content:"";position:absolute;width:100%;height:2px;bottom:0;left:0;background-color:#2563eb;transform:scaleX(0);transform-origin:bottom right;transition:transform .3s ease}.nav-link:hover{color:#2563eb}.nav-link:hover::after{transform:scaleX(1);transform-origin:bottom left}.logo-container{flex:0 1 auto;display:flex;justify-content:center;padding:0 20px}.company_logo{transition:transform .2s ease}.company_logo:hover{transform:scale(1.02)}.header-right{justify-content:flex-end;gap:16px}.user-greeting{color:#576366;font-weight:400}.logout-link{color:#576366;text-decoration:none;padding:6px 12px;border-radius:6px;transition:all .2s ease}.logout-link:hover{background-color:#f3f4f6;color:#dc1010}@media (max-width:800px){header{flex-direction:column;padding:16px}.nav-links,header{gap:16px}.header-left,.header-right{justify-content:center;width:100%}.logo-container{order:-1}.company_logo{max-width:160px;height:auto}}.company_logo{flex:0 1 auto}main{width:60%;margin:0 auto;padding:30px;border-left:1px solid #ececec;border-right:1px solid #ececec;background:#fff;flex-grow:1}.main-container-div{width:100%}:root{--primary:#2563eb;--primary-dark:#1d4ed8;--success:#059669;--danger:#dc2626;--text-primary:#1f2937;--text-secondary:#4b5563;--background:#f9fafb;--surface:#ffffff;--border:#e5e7eb;--hover:#f3f4f6}.table_assessment_container{margin:24px 0;border-radius:8px;box-shadow:0 1px 3px 0 rgb(0 0 0/.1);overflow-x:scroll}.table_assessment{margin:0;width:100%;border-collapse:separate;border-spacing:0}.table_assessment thead{background-color:var(--background)}.table_assessment th{font-weight:600;text-transform:uppercase;font-size:12px;letter-spacing:.05em;padding:16px 24px;border-bottom:2px solid var(--border);text-align:start}.table_assessment td{padding:16px 24px;border-bottom:1px solid var(--border);transition:background-color .2s}.table_assessment tbody tr:hover{background-color:var(--hover);cursor:pointer}.table_assessment .status-completed{color:var(--success);align-items:center;gap:8px}.table_assessment .status-open{color:var(--primary);align-items:center;gap:8px}.table_assessment .status-expired{color:var(--danger);align-items:center;gap:8px}.company_logo{max-height:70px}.container{background:#fff;border-radius:12px;padding:32px}#introduction-assessment h2{color:#1a202c;font-size:24px;font-weight:600;margin:0 0 24px;padding-bottom:12px;border-bottom:2px solid #e2e8f0}.section{margin-bottom:32px}.section-title{font-size:18px;font-weight:600;color:#4a5568;margin-bottom:16px}#introduction-assessment ul{list-style-type:none;padding:0;margin:0}#introduction-assessment li{padding:0 0 2px 24px;position:relative}#introduction-assessment li:before{content:"•";color:#4299e1;position:absolute;left:0}.highlight-box{background:#ebf8ff;border-left:4px solid #4299e1;padding:16px;margin:24px 0;border-radius:0 8px 8px 0}.footer-text{font-size:16px;text-align:center;color:#4a5568;margin-top:32px;font-weight:400}.warning-banner{display:none;position:fixed;top:20px;left:50%;transform:translateX(-50%);background-color:#fff3cd;border:1px solid #ffeeba;border-radius:4px;padding:16px 24px;box-shadow:0 2px 4px rgba(0,0,0,.1);z-index:1000;max-width:500px;width:90%;animation:slideDown .3s ease-out}.warning-banner.show{display:flex;align-items:flex-start}.warning-content{flex-grow:1;margin-right:16px}.warning-title{color:#856404;font-weight:700;margin:0 0 8px;font-size:16px}.warning-text{color:#856404;margin:0;font-size:14px;line-height:1.5}.warning-close{background:0 0;border:0;color:#856404;cursor:pointer;font-size:20px;padding:0;line-height:1}.warning-close:hover{color:#533f03}.warning-solutions{margin-top:8px;padding-left:20px;font-size:14px;color:#856404}.warning-solutions li{margin:4px 0}.faq-container{max-width:800px;margin:0 auto;padding:20px}.faq-header{text-align:center;margin-bottom:40px;color:#384047}.faq-intro{background-color:#f8fafc;border-left:4px solid #2563eb;padding:20px;margin-bottom:30px;border-radius:0 8px 8px 0}.faq-item{background:#fff;border:1px solid #e5e7eb;border-radius:8px;margin-bottom:16px;overflow:hidden}.faq-question{padding:20px;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-weight:600;color:#384047;transition:background-color .3s}.faq-question:hover{background-color:#f8fafc}.faq-answer{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease-out,padding .3s ease-out}.faq-answer.active{padding:20px;max-height:500px}.compatibility-container,.terms-container{max-width:800px;margin:0 auto;padding:20px}.intro-text{background-color:#f8fafc;border-left:4px solid #2563eb;padding:20px;margin-bottom:30px;border-radius:0 8px 8px 0}.browser-grid,.os-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px;margin-bottom:30px}.compatibility-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:20px;transition:transform .2s,box-shadow .2s}.compatibility-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.browser-icon{width:48px;height:48px;margin-bottom:15px}.browser-name{font-size:16px;font-weight:600;color:#384047;margin-bottom:10px}.version-info{color:#576366;margin-bottom:15px}.download-link{display:inline-block;color:#2563eb;text-decoration:none;font-weight:400;transition:color .2s}.download-link:hover{color:#1d4ed8}.update-policy{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;padding:16px;margin-top:30px;color:#856404}.feedback-section{text-align:center;margin-top:40px;padding:20px;background:#f8fafc;border-radius:8px}.terms-grid{display:grid;grid-template-columns:1fr;gap:24px}.term-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:24px;transition:transform .2s,box-shadow .2s}.term-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px rgba(0,0,0,.1)}.term-title{font-size:16px;font-weight:600;color:#384047;margin-bottom:12px;display:flex;align-items:center;gap:12px}.term-icon{width:24px;height:24px;fill:#2563eb}.term-content{color:#576366;line-height:1.6}.important-notice{background-color:#fff3cd;border:1px solid #ffeeba;border-radius:8px;padding:16px;margin-top:30px;color:#856404}.contact-section{text-align:center;margin-top:40px;padding:20px;background:#f8fafc;border-radius:8px}.contact-link{color:#2563eb;text-decoration:none;transition:color .2s}.contact-link:hover{color:#1d4ed8}@media (max-width:800px){main{border-left:none;border-right:none;width:100%;margin:auto;padding:15px 0 0}.h1,h1{font-size:18px}.main-container-div{width:100%;margin:0;padding:0 15px;box-sizing:border-box}header{flex-direction:column;padding:16px}.nav-links,header{gap:16px}.header-left,.header-right{justify-content:center;width:100%}.logo-container{order:-1}.company_logo{max-width:160px;height:auto}.compatibility-container,.faq-container{padding:10px}.browser-grid,.os-grid{grid-template-columns:1fr}.terms-container{padding:10px}.term-card{padding:16px}.warning-banner{max-width:calc(100vw - 30px)}}