body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--primary-color:#1f4456;--secondary-color:#fff}*{scrollbar-width:thin;scrollbar-color:var(--primary-color) transparent;margin:0}::-webkit-scrollbar{width:1px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background-color:var(--primary-color);border-radius:10px}::-webkit-scrollbar-thumb:hover{background-color:var(--primary-color)}html,body{height:auto;min-height:100%;position:relative}.notfound-container{background:var(--primary-color);height:100vh;color:var(--secondary-color);text-align:center;flex-direction:column;justify-content:center;align-items:center;display:flex}.nf-code{letter-spacing:4px;margin:0;font-size:110px;font-weight:800}.nf-title{margin:8px 0 12px;font-size:28px}.nf-desc{opacity:.85;max-width:320px;font-size:15px;line-height:1.5}.nf-btn{background:var(--secondary-color);color:var(--primary-color);cursor:pointer;border:none;margin-top:28px;padding:12px 26px;font-size:15px;font-weight:600}.login-container{background:#1f4456;justify-content:center;align-items:center;height:100vh;display:flex}.login-card{background:#fff;border-radius:12px;width:320px;padding:32px;box-shadow:0 4px 20px #00000014}.login-card h2{text-align:center;margin-bottom:20px}.login-card label{margin-bottom:6px;font-size:14px;font-weight:700;display:block}.login-card input,.login-card button{box-sizing:border-box;width:100%}.login-card input{border:1px solid #ccc;border-radius:6px;padding:12px;font-size:14px}.login-card input:focus{border-color:#1f4456;outline:none}.login-card button{color:#fff;cursor:pointer;background:#1f4456;border:none;border-radius:6px;padding:12px;font-size:14px}.password-wrapper{position:relative}.password-wrapper input{width:100%;padding-right:40px}.eye-icon{cursor:pointer;position:absolute;top:52%;right:14px;transform:translateY(-50%)}input[type=password]::-ms-reveal{display:none}input[type=password]::-ms-clear{display:none}input[type=password]::-webkit-credentials-auto-fill-button{display:none!important}input[type=password]::-webkit-textfield-decoration-container{display:none!important}input[type=password]{appearance:none}.login-card button:hover{opacity:.9}.error{color:red;margin-bottom:10px;font-size:14px}.input-section{flex-direction:column;width:100%;margin-bottom:10px;display:flex}.dashboard{background:#f5f6f8;min-height:100vh;font-family:Arial,sans-serif;overflow-y:auto}.dashboard-content{flex-direction:column;margin:2vh 2vw;display:flex}.dashboard-header{justify-content:space-between;align-items:center;margin:24px 0;display:flex}.dashboard-header h1{font-size:28px;font-weight:600}.report-btn{color:#fff;cursor:pointer;background:#1f4456;border:none;border-radius:6px;padding:10px 18px;font-weight:500}.report-btn:hover{opacity:.9}.table-container{background:#fff;border-radius:12px;width:100%;max-height:600px;display:block;overflow-y:auto;box-shadow:0 2px 10px #0000000f}.custom-table{border-collapse:collapse;width:100%}.custom-table thead{z-index:1;border-bottom:3px solid #f0f2f5;position:sticky;top:0}.custom-table th{text-align:left;color:#333;background:#fff;border-bottom:3px solid #f0f2f5;padding:16px;font-size:14px}.custom-table td{border-top:1px solid #eee;padding:16px;font-size:14px}.custom-table tr:hover{background:#fafafa}.view-btn{color:#fff;cursor:pointer;background:#1f4456;border:none;border-radius:6px;padding:8px 14px;font-size:13px;font-weight:700}.view-btn:hover{opacity:.9}.search-input{border:1px solid #ccc;border-radius:6px;width:220px;padding:8px 12px}.pagination{justify-content:center;align-items:center;gap:16px;margin:20px;display:flex}.pagination button{color:#fff;cursor:pointer;background:#1f4456;border:none;border-radius:4px;padding:6px 12px}.pagination button:disabled{cursor:not-allowed;background:#ccc}@media (width<=768px){.dashboard-header{flex-direction:column;align-items:flex-start;gap:12px}.custom-table th,.custom-table td{padding:12px}.view-btn{width:100%}}.header{z-index:1000;background-color:#1f4456;justify-content:space-between;align-items:center;height:70px;padding:0 4vw;display:flex;position:sticky;top:0}.logo{cursor:pointer;height:32px}.nav-row{flex-direction:row;align-items:center;gap:10px;display:flex}.nav-item{cursor:pointer;color:#fff;padding:8px 16px;font-size:16px;text-decoration:underline;transition:color .2s}.nav-item:hover{background:#fff3;border-radius:4px}.logout-btn{color:#1f4456;cursor:pointer;background:#fff;border:none;border-radius:6px;padding:8px 16px;font-weight:700}.logout-btn:hover{opacity:.9}.modal-overlay{z-index:2000;background:0 0;justify-content:center;align-items:center;width:100%;height:100%;transition:background .2s;display:flex;position:fixed;top:0;left:0}.modal-overlay.show{background:#00000080}.modal{text-align:center;opacity:0;background:#fff;border-radius:10px;width:320px;padding:24px;transition:all .2s;transform:scale(.9)translateY(10px)}.modal.show{opacity:1;transform:scale(1)translateY(0)}.modal-actions{justify-content:space-between;gap:10px;margin-top:20px;display:flex}.cancel-btn{cursor:pointer;background:#fff;border:1px solid #ccc;border-radius:6px;flex:1;padding:10px;font-weight:700}.confirm-btn{color:#fff;cursor:pointer;background:#1f4456;border:none;border-radius:6px;flex:1;padding:10px;font-weight:700}.confirm-btn:hover{opacity:.9}.response-page{background:#f5f6f8;min-height:100vh;font-family:Arial,sans-serif}.response-content{flex-direction:column;align-items:center;max-width:1000px;margin:0 auto;padding:24px;display:flex}.response-section{width:100%}.header-row{align-items:center;gap:10px;margin-bottom:24px;display:flex}.back-button{cursor:pointer;width:36px;height:36px;color:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;transition:all .2s;display:flex}.back-button svg{font-size:20px}.back-button:hover{background:#0000000d;transform:scale(1.1)}.response-title{color:var(--primary-color);margin:0;font-size:28px;font-weight:700;line-height:1}.questionnaire-content{background:#fff;border-radius:12px;margin-bottom:20px;padding:20px 24px;transition:transform .2s;box-shadow:0 4px 12px #0000000f}.questionnaire-content:hover{transform:translateY(-2px)}.question{color:var(--primary-color);margin-bottom:6px;font-size:18px;font-weight:600}.question-description{color:#7a7a7a;margin-bottom:12px;font-size:14px}.answer-section{flex-direction:column;gap:8px;display:flex}.answer{color:#0b5cab;background:#e6f4ff;border-radius:6px;padding:10px 12px;font-size:15px}.correct-answer{color:#e8542c;background:#fff3f0;border-radius:6px;padding:10px 12px;font-size:15px;font-weight:500}.correct-answer span{font-weight:700}.input-blank{text-align:center;min-width:60px;height:26px;color:var(--primary-color);background-color:#f0f0f0;border:1px solid #ddd;border-radius:4px;margin:0 4px;padding:2px 6px;font-size:16px}.empty-state{text-align:center;color:#888;margin-top:80px;font-size:18px}.loading{text-align:center;margin-top:60px;font-size:16px}@media screen and (width<=720px){.response-content,.questionnaire-content{padding:16px}}