@import "https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&family=Playfair+Display:wght@700;800&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Sora:wght@300;400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@400;500;600;700;800&family=JetBrains+Mono:wght@400;500&display=swap";:root{--blue:#1f65de;--blue-dark:#1550b8;--blue-light:#4d8eff;--blue-pale:#eaf0fd;--blue-glow:#1f65de2e;--text-dark:#0f1c38;--text-mid:#4a5568;--text-soft:#94a3b8;--border:#dde4f0;--white:#fff;--bg-form:#f7f9ff}body{background:var(--bg-form);font-family:DM Sans,sans-serif}.login-main{min-height:100vh;display:flex}.login-left{background:linear-gradient(145deg,#0c2d6b 0%,#1f65de 55%,#3b8fff 100%);flex:1.1;justify-content:center;align-items:center;height:100vh;display:flex;position:relative;overflow:hidden}.login-left:before{content:"";pointer-events:none;background-image:linear-gradient(#ffffff0a 1px,#0000 1px),linear-gradient(90deg,#ffffff0a 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0}.login-left:after{content:"";pointer-events:none;background:radial-gradient(circle,#ffffff1a 0%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-100px;right:-100px}.login-left-overlay{z-index:2;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:48px 40px;display:flex;position:relative}.login-left-brand{text-align:center;margin-bottom:36px}.left-logo-ring{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffff1a;border:2px solid #ffffff4d;border-radius:50%;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 16px;display:flex;box-shadow:0 8px 32px #0003}.left-logo-letter{color:var(--white);text-shadow:0 2px 12px #0000004d;font-family:Playfair Display,serif;font-size:3.2rem;font-weight:800}.left-brand-title{color:var(--white);letter-spacing:-.02em;margin-bottom:6px;font-family:Playfair Display,serif;font-size:2.8rem;font-weight:700}.left-brand-sub{color:#ffffff8c;letter-spacing:.04em;font-size:1.3rem;font-weight:400}.login-hero-img{object-fit:contain;filter:drop-shadow(0 20px 60px #00000059);width:min(420px,80%);animation:4s ease-in-out infinite floatImg}@keyframes floatImg{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.left-floating-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff1a;border:1px solid #fff3;border-radius:14px;align-items:center;gap:12px;padding:12px 18px;animation:5s ease-in-out infinite floatCard;display:flex;position:absolute}.left-card-1{animation-delay:0s;bottom:22%;left:8%}.left-card-2{animation-delay:1.8s;top:22%;right:6%}@keyframes floatCard{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}.lfc-icon{font-size:2.2rem}.lfc-title{color:var(--white);font-size:1.5rem;font-weight:700;line-height:1}.lfc-sub{color:#ffffff8c;margin-top:2px;font-size:1.1rem}.login-right{background:var(--white);flex:.9;justify-content:center;align-items:center;height:100vh;display:flex;box-shadow:-8px 0 40px #1f65de0f}.login-right-container{flex-direction:column;align-items:center;gap:0;width:80%;max-width:420px;display:flex}.login-logo{margin-bottom:28px}.login-logo img{object-fit:contain;width:350px;height:100px;box-shadow:0 4px 20px var(--blue-glow);border:2px solid var(--blue-pale);border-radius:16px}.login-center{text-align:center;width:100%}.login-center h2{color:var(--text-dark);letter-spacing:-.02em;margin-bottom:6px;font-family:Playfair Display,serif;font-size:3rem;font-weight:800}.login-center p{color:var(--text-soft);margin-bottom:36px;font-size:1.5rem;font-weight:400}.login-center form{text-align:left;flex-direction:column;gap:0;display:flex}.input-group{margin-bottom:16px;position:relative}.input-icon{pointer-events:none;opacity:.45;font-size:1.5rem;line-height:1;position:absolute;top:50%;left:14px;transform:translateY(-50%)}form input[type=email],form input[type=password],form input[type=text]{border:1.5px solid var(--border);background:var(--bg-form);width:100%;color:var(--text-dark);border-radius:12px;outline:none;margin-bottom:0;padding:15px 16px 15px 42px;font-family:DM Sans,sans-serif;font-size:1.4rem;transition:border-color .25s,box-shadow .25s,background .25s}form input[type=email]::placeholder,form input[type=password]::placeholder,form input[type=text]::placeholder{color:#b0bdc9}form input[type=email]:focus,form input[type=password]:focus,form input[type=text]:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px #1f65de1a}.pass-input-div{position:relative}.pass-input-div svg{cursor:pointer;color:var(--text-soft);font-size:1.8rem;transition:color .2s;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.pass-input-div svg:hover{color:var(--blue)}.login-center-options{justify-content:space-between;align-items:center;margin:14px 0 28px;display:flex}.remember-div{align-items:center;column-gap:8px;display:flex}.remember-div input[type=checkbox]{appearance:none;border:1.5px solid var(--border);background:var(--bg-form);cursor:pointer;border-radius:5px;flex-shrink:0;width:17px;height:17px;margin-top:1px;transition:all .2s;position:relative}.remember-div input[type=checkbox]:checked{background:var(--blue);border-color:var(--blue)}.remember-div input[type=checkbox]:checked:after{content:"";border:2px solid #fff;border-top:none;border-left:none;width:5px;height:8px;position:absolute;top:2px;left:4px;transform:rotate(45deg)}.remember-div label{color:var(--text-mid);cursor:pointer;margin-top:0;font-size:1.25rem;font-weight:500}.forgot-pass-link{color:var(--blue);font-size:1.25rem;font-weight:600;text-decoration:none;transition:opacity .2s}.forgot-pass-link:hover{opacity:.75;text-decoration:underline}.login-center-buttons{flex-direction:column;row-gap:12px;margin-top:0;display:flex}form button[type=button]{cursor:pointer;letter-spacing:.01em;border:none;border-radius:12px;width:100%;padding:15px 20px;font-family:DM Sans,sans-serif;font-size:1.5rem;font-weight:700;transition:all .22s}.login-center-buttons button:first-child{background:var(--blue);color:var(--white);border:2px solid var(--blue);box-shadow:0 4px 20px #1f65de59}.login-center-buttons button:first-child:hover{background:var(--blue-dark);transform:translateY(-2px);box-shadow:0 6px 28px #1f65de80}.login-center-buttons button:first-child:active{transform:translateY(0)}.login-center-buttons button:nth-child(2){background:var(--white);color:var(--text-dark);border:1.5px solid var(--border);justify-content:center;align-items:center;column-gap:10px;display:flex;box-shadow:0 2px 8px #0000000d}.login-center-buttons button:nth-child(2):hover{background:var(--bg-form);border-color:#c4cfe0;transform:translateY(-1px);box-shadow:0 4px 16px #00000014}.login-center-buttons button:nth-child(2) img{object-fit:contain;width:22px;height:22px}.login-bottom-p{text-align:center;color:var(--text-soft);margin-top:28px;padding-bottom:0;font-size:1.4rem}.login-bottom-p a{color:var(--blue);font-weight:700;text-decoration:none;transition:opacity .2s}.login-bottom-p a:hover{opacity:.8;text-decoration:underline}.login-powered{color:#c8d4e4;letter-spacing:.04em;text-align:center;margin-top:20px;font-size:1.05rem}@media (width<=900px){.login-left{display:none}.login-right{flex:1}}@media (width<=480px){.login-right-container{width:90%}}.login-main{flex-direction:row-reverse;display:flex}.login-left,.login-right{flex:1}.signup-outline-btn{background:var(--white)!important;color:var(--blue)!important;border:2px solid var(--blue)!important;box-shadow:0 2px 10px #1f65de1a!important}.signup-outline-btn:hover{background:var(--blue-pale)!important;transform:translateY(-2px)!important;box-shadow:0 6px 20px #1f65de33!important}.role-select{border:1.5px solid var(--border);background:var(--bg-form);width:100%;color:var(--text-dark);appearance:none;cursor:pointer;border-radius:12px;outline:none;padding:15px 16px 15px 42px;font-family:DM Sans,sans-serif;font-size:1.4rem;transition:border-color .25s,box-shadow .25s,background .25s}.role-select:focus{border-color:var(--blue);background:var(--white);box-shadow:0 0 0 4px #1f65de1a}.role-select option[value=""]{color:#b0bdc9}*{box-sizing:border-box;margin:0;padding:0}.lm-root{color:#1e293b;background:#f0f4ff;min-height:100vh;padding:40px 32px;font-family:Sora,sans-serif;position:relative;overflow-x:hidden}.lm-root:before{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#1f65de14 0%,#0000 70%);width:600px;height:600px;position:fixed;top:-200px;left:-200px}.lm-root:after{content:"";pointer-events:none;z-index:0;background:radial-gradient(circle,#1f65de0f 0%,#0000 70%);width:500px;height:500px;position:fixed;bottom:-150px;right:-100px}.lm-inner{z-index:1;max-width:1100px;margin:0 auto;position:relative}.lm-header{align-items:flex-end;gap:16px;margin-bottom:36px;display:flex}.lm-header-icon{background:linear-gradient(135deg,#1f65de,#3b82f6);border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;font-size:22px;display:flex;box-shadow:0 0 24px #1f65de40}.lm-title{letter-spacing:-.5px;color:#0f172a;font-size:28px;font-weight:700}.lm-subtitle{color:#94a3b8;margin-top:2px;font-size:13px;font-weight:400}.lm-card{background:#fff;border:1px solid #1f65de1f;border-radius:20px;margin-bottom:24px;padding:28px;box-shadow:0 2px 16px #1f65de12}.lm-card-label{letter-spacing:1.5px;text-transform:uppercase;color:#1f65de;margin-bottom:18px;font-size:11px;font-weight:600}.lm-form-grid{grid-template-columns:1fr 1fr 1fr auto;align-items:end;gap:14px;display:grid}.lm-field{flex-direction:column;gap:6px;display:flex}.lm-field label{color:#64748b;letter-spacing:.5px;text-transform:uppercase;font-size:11px;font-weight:500}.lm-input,.lm-select{color:#1e293b;appearance:none;background:#f8faff;border:1px solid #1f65de26;border-radius:10px;outline:none;width:100%;padding:11px 14px;font-family:Sora,sans-serif;font-size:14px;transition:border-color .2s,background .2s,box-shadow .2s}.lm-input:focus,.lm-select:focus{background:#fff;border-color:#1f65de80;box-shadow:0 0 0 3px #1f65de1a}.lm-input::placeholder{color:#cbd5e1}.lm-select option{color:#1e293b;background:#fff}.lm-select-wrap{position:relative}.lm-select-wrap:after{content:"▾";color:#94a3b8;pointer-events:none;font-size:12px;position:absolute;top:50%;right:13px;transform:translateY(-50%)}.lm-btn-primary{color:#fff;cursor:pointer;white-space:nowrap;background:linear-gradient(135deg,#1f65de,#3b82f6);border:none;border-radius:10px;align-items:center;gap:7px;padding:11px 22px;font-family:Sora,sans-serif;font-size:14px;font-weight:600;transition:opacity .2s,transform .15s,box-shadow .2s;display:flex;box-shadow:0 4px 15px #1f65de4d}.lm-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 6px 20px #1f65de66}.lm-btn-primary:active{transform:translateY(0)}.lm-btn-update{background:linear-gradient(135deg,#0ea5e9,#1f65de);box-shadow:0 4px 15px #0ea5e940}.lm-btn-cancel{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;padding:11px 18px;font-family:Sora,sans-serif;font-size:14px;transition:background .2s}.lm-btn-cancel:hover{background:#e2e8f0}.lm-btn-actions{gap:8px;display:flex}.lm-table-wrap{overflow-x:auto}table.lm-table{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.lm-table thead th{text-align:left;color:#94a3b8;letter-spacing:1.2px;text-transform:uppercase;background:#f8faff;border-bottom:1px solid #1f65de1a;padding:12px 16px;font-size:11px;font-weight:600}.lm-table thead th:first-child{border-radius:10px 0 0}.lm-table thead th:last-child{border-radius:0 10px 0 0}.lm-table tbody tr{border-bottom:1px solid #f1f5f9;transition:background .15s}.lm-table tbody tr:hover{background:#f0f6ff}.lm-table td{color:#334155;vertical-align:middle;padding:14px 16px}.lm-id-badge{color:#1f65de;background:#1f65de14;border-radius:6px;padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:12px;font-weight:500}.lm-role-badge{letter-spacing:.3px;border-radius:20px;align-items:center;gap:5px;padding:4px 10px;font-size:12px;font-weight:600;display:inline-flex}.role-impl{color:#1f65de;background:#1f65de14;border:1px solid #1f65de2e}.role-supp{color:#0ea5e9;background:#0ea5e914;border:1px solid #0ea5e92e}.role-sales{color:#10b981;background:#10b98114;border:1px solid #10b9812e}.role-other{color:#64748b;background:#94a3b81a;border:1px solid #94a3b833}.lm-active-dot{color:#10b981;align-items:center;gap:6px;font-size:12px;display:inline-flex}.lm-active-dot:before{content:"";background:#10b981;border-radius:50%;flex-shrink:0;width:7px;height:7px;box-shadow:0 0 6px #10b98180}.lm-action-edit{color:#1f65de;cursor:pointer;background:#1f65de12;border:1px solid #1f65de2e;border-radius:8px;padding:6px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:500;transition:background .2s,transform .1s}.lm-action-edit:hover{background:#1f65de24;transform:translateY(-1px)}.lm-action-del{color:#ef4444;cursor:pointer;background:#ef444412;border:1px solid #ef44442e;border-radius:8px;padding:6px 12px;font-family:Sora,sans-serif;font-size:12px;font-weight:500;transition:background .2s,transform .1s}.lm-action-del:hover{background:#ef444424;transform:translateY(-1px)}.lm-empty{text-align:center;color:#94a3b8;padding:60px 20px}.lm-empty-icon{opacity:.5;margin-bottom:12px;font-size:40px}.lm-empty p{font-size:14px}.lm-stats{gap:16px;margin-bottom:24px;display:flex}.lm-stat{background:#fff;border:1px solid #1f65de1a;border-radius:14px;flex:1;padding:18px 20px;box-shadow:0 2px 10px #1f65de0d}.lm-stat-val{color:#1f65de;font-family:JetBrains Mono,monospace;font-size:28px;font-weight:700;line-height:1}.lm-stat-key{color:#94a3b8;margin-top:6px;font-size:12px;font-weight:500}.lm-toast{color:#1e293b;z-index:9999;background:#fff;border:1px solid #1f65de33;border-radius:14px;align-items:center;gap:10px;padding:14px 20px;font-size:14px;animation:.3s slideIn;display:flex;position:fixed;bottom:32px;right:32px;box-shadow:0 8px 32px #1f65de1f}@keyframes slideIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.lm-toast-icon{font-size:18px}.lm-edit-indicator{color:#1f65de;background:#1f65de12;border:1px solid #1f65de26;border-radius:10px;align-items:center;gap:8px;margin-bottom:18px;padding:10px 16px;font-size:13px;display:flex}.lm-toggle-btn{color:#64748b;cursor:pointer;white-space:nowrap;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:10px;align-items:center;gap:5px;padding:8px 14px;font-family:Sora,sans-serif;font-size:12px;font-weight:500;transition:background .2s,color .2s,border-color .2s,transform .1s;display:inline-flex}.lm-toggle-btn:hover{background:#e2e8f0;transform:translateY(-1px)}.lm-toggle-btn.lm-toggle-active{color:#1f65de;background:#1f65de14;border-color:#1f65de40}.lm-toggle-btn.lm-toggle-active:hover{background:#1f65de24}@media (width<=780px){.lm-form-grid{grid-template-columns:1fr 1fr}.lm-stats{flex-direction:column}}@media (width<=500px){.lm-form-grid{grid-template-columns:1fr}}.qm-root{color:#1e293b;background:#f0f4ff;min-height:100vh;font-family:Sora,Segoe UI,sans-serif}.qm-topbar{background:#1e293b;justify-content:space-between;align-items:center;padding:9px 18px;display:flex}.qm-brand{color:#fff;letter-spacing:1px;font-size:14px;font-weight:700}.qm-user{color:#94a3b8;font-size:12px}.qm-title-strip{letter-spacing:1.5px;color:#475569;background:#e2e8f0;border-bottom:1px solid #cbd5e1;align-items:center;gap:12px;padding:6px 18px;font-size:11px;font-weight:700;display:flex}.qm-edit-badge{color:#a16207;background:#fef9c3;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:600}.qm-record-count{color:#94a3b8;margin-left:auto;font-size:11px;font-weight:400}.qm-form-wrapper{border:1px solid #cbd5e1;border-radius:8px 8px 0 0;margin:12px 12px 0;overflow:hidden}.qm-panels{background:#cbd5e1;grid-template-columns:1fr 1fr;gap:1px;display:grid}.qm-panel{background:#fff;flex-direction:column;gap:0;padding:16px;display:flex}.qm-fields-col{flex:1}.qm-role-row{grid-template-columns:1fr 1fr;gap:10px;margin-bottom:0;display:grid}.qm-field{flex-direction:column;gap:4px;margin-bottom:11px;display:flex}.qm-field-label{color:#64748b;letter-spacing:.6px;text-transform:uppercase;font-size:10px;font-weight:600}.qm-inp{color:#1e293b;background:#fff;border:1px solid #cbd5e1;border-radius:6px;outline:none;width:100%;padding:7px 9px;font-family:inherit;font-size:13px;transition:border-color .18s,box-shadow .18s}.qm-inp:focus{border-color:#1f65de80;box-shadow:0 0 0 3px #1f65de14}.qm-inp::placeholder{color:#cbd5e1}.qm-textarea{resize:vertical;line-height:1.5}.qm-inp--green{background:#f0fdf4;border-color:#10b98166}.qm-inp--green:focus{border-color:#10b981a6;box-shadow:0 0 0 3px #10b98114}.qm-select-wrap{position:relative}.qm-select-wrap select{appearance:none;width:100%}.qm-select-arrow{color:#94a3b8;pointer-events:none;font-size:10px;position:absolute;top:50%;right:9px;transform:translateY(-50%)}.qm-actions{gap:10px;margin-top:12px;display:flex}.qm-btn{cursor:pointer;font-family:inherit;transition:opacity .18s,transform .15s}.qm-btn:hover{opacity:.85}.qm-btn:active{transform:scale(.97)}.qm-btn-save{color:#fff;background:linear-gradient(135deg,#1f65de,#3b82f6);border:none;border-radius:8px;padding:9px 20px;font-size:13px;font-weight:600;box-shadow:0 3px 12px #1f65de4d}.qm-btn-reset{color:#64748b;background:#f1f5f9;border:1px solid #e2e8f0;border-radius:8px;padding:9px 15px;font-size:13px}.qm-btn-remove{color:#ef4444;background:#fee2e2;border:1px solid #fca5a5;border-radius:6px;padding:4px 9px;font-size:11px}.qm-btn-edit{color:#1d4ed8;background:#dbeafe;border:none;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600}.qm-btn-del{color:#dc2626;background:#fee2e2;border:none;border-radius:5px;padding:4px 8px;font-size:11px;font-weight:600}.qm-upload-box{cursor:pointer;text-align:center;background:#f8faff;border:2px dashed #1f65de59;border-radius:10px;flex-direction:row;justify-content:center;align-items:center;gap:12px;height:100px;padding:0 20px;transition:border-color .18s,background .18s;display:flex}.qm-upload-box:hover{background:#eef4ff;border-color:#1f65de}.qm-upload-icon{font-size:30px}.qm-upload-text{color:#1f65de;font-size:13px;font-weight:600}.qm-upload-hint{color:#94a3b8;margin-top:3px;font-size:11px}.qm-file-input{display:none}.qm-img-preview-wrap{align-items:center;gap:12px;display:flex}.qm-img-preview{object-fit:cover;border:2px solid #cbd5e1;border-radius:8px;width:120px;height:100px}.qm-options-box{background:#f8faff;border:1px solid #1f65de1f;border-radius:10px;margin-top:12px;margin-bottom:12px;padding:14px}.qm-sec-label{color:#94a3b8;letter-spacing:1.4px;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.qm-sec-label--green{color:#15803d}.qm-opt-grid{grid-template-columns:1fr 1fr;gap:10px;display:grid}.qm-opt-row{align-items:center;gap:7px;display:flex}.qm-opt-badge{border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-size:12px;font-weight:700;display:flex}.qm-answer-box{background:#f0fdf4;border:1px solid #10b98147;border-radius:10px;padding:14px}.qm-mode-box{background:#f8faff;border:1px solid #1f65de26;border-radius:10px;margin-top:4px;margin-bottom:2px;padding:12px 14px}.qm-mode-checks{flex-direction:column;gap:10px;margin-top:8px;display:flex}.qm-check-label{cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;display:flex}.qm-check-label:hover .qm-check-box{border-color:#1f65de}.qm-custom-check{align-items:center;display:inline-flex;position:relative}.qm-check-input{opacity:0;pointer-events:none;width:0;height:0;position:absolute}.qm-check-box{background:#fff;border:2px solid #cbd5e1;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:border-color .18s,background .18s;display:flex}.qm-check-box--active{background:#1f65de;border-color:#1f65de}.qm-check-tick{color:#fff;font-size:11px;font-weight:700;line-height:1}.qm-check-text{color:#1e293b;font-size:13px;font-weight:600}.qm-check-desc{color:#94a3b8;margin-left:2px;font-size:11px}.qm-manual-hint{text-align:center;border:2px dashed #e2e8f0;border-radius:10px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:8px;margin-top:12px;padding:32px 20px;display:flex}.qm-manual-icon{font-size:28px}.qm-manual-text{color:#475569;font-size:13px;font-weight:600}.qm-manual-sub{color:#94a3b8;font-size:12px}.qm-manual-sub strong{color:#1f65de}.qm-grid-wrapper{background:#fff;border:1px solid #cbd5e1;border-top:2px solid #94a3b8;border-radius:0 0 8px 8px;margin:0 12px 24px;overflow-x:auto}.qm-table{border-collapse:collapse;width:100%;min-width:750px;font-size:12.5px}.qm-th{color:#1e293b;text-align:left;white-space:nowrap;background:#b2d8d8;border-bottom:1px solid #94a3b8;border-right:1px solid #a8c8c8;padding:9px 11px;font-size:11px;font-weight:700}.qm-td{vertical-align:middle;border-bottom:1px solid #e2e8f0;border-right:1px solid #f1f5f9;padding:8px 11px}.qm-tr--even{background:#f8faff}.qm-tr--odd{background:#fff}.qm-tr:hover td{background:#e0eeff;transition:background .12s}.qm-td--center{text-align:center}.qm-td--nowrap{white-space:nowrap}.qm-td--muted{color:#64748b;font-size:12px}.qm-td--faint{color:#cbd5e1}.qm-td--question{max-width:180px}.qm-td--options{max-width:200px}.qm-td--timestamp{white-space:nowrap;color:#94a3b8;font-size:11px}.qm-no-data{text-align:center;color:#94a3b8;padding:52px 0;font-size:13px}.qm-ticket-badge{color:#fff;background:#1e293b;border-radius:5px;padding:2px 7px;font-size:11px;font-weight:700}.qm-role-pill{white-space:nowrap;border-radius:6px;padding:2px 7px;font-size:11px;font-weight:600}.qm-question-text{text-overflow:ellipsis;white-space:nowrap;max-width:175px;display:block;overflow:hidden}.qm-option-pills{flex-wrap:wrap;gap:3px;display:flex}.qm-opt-pill{border-radius:4px;padding:1px 6px;font-size:11px;font-weight:500}.qm-answer-pill{color:#15803d;background:#dcfce7;border-radius:5px;padding:2px 8px;font-size:12px;font-weight:700}.qm-grid-img{object-fit:cover;border:1px solid #e2e8f0;border-radius:5px;width:42px;height:36px;margin:0 auto;display:block}.qm-toast{z-index:9999;background:#fff;border-radius:10px;align-items:center;gap:10px;padding:11px 18px;font-size:13px;animation:.25s qm-slide-up;display:flex;position:fixed;bottom:26px;right:26px;box-shadow:0 6px 24px #0000001a}.qm-toast--success{border:1.5px solid #1f65de}.qm-toast--warn{border:1.5px solid #f59e0b}@keyframes qm-slide-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (width<=720px){.qm-panels,.qm-role-row,.qm-opt-grid{grid-template-columns:1fr}.qm-actions{flex-direction:column}.qm-upload-box{flex-direction:column;height:auto;padding:16px}}.qm-filter-bar{flex-wrap:wrap;align-items:center;gap:8px;padding:12px 0 14px;display:flex}.qm-filter-btn{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:20px;align-items:center;gap:6px;padding:6px 14px;font-size:13px;font-weight:500;transition:all .15s;display:inline-flex}.qm-filter-btn:hover{background:#f1f5f9;border-color:#94a3b8}.qm-filter-btn--active{color:#1d4ed8;background:#eff6ff;border-color:#3b82f6}.qm-filter-btn--support.qm-filter-btn--active{color:#1d4ed8;background:#dbeafe;border-color:#3b82f6}.qm-filter-btn--implementation.qm-filter-btn--active{color:#a16207;background:#fef9c3;border-color:#ca8a04}.qm-filter-btn--sales.qm-filter-btn--active{color:#15803d;background:#dcfce7;border-color:#16a34a}.qm-filter-count{color:#475569;background:#e2e8f0;border-radius:10px;justify-content:center;align-items:center;min-width:20px;height:20px;padding:0 5px;font-size:11px;font-weight:700;display:inline-flex}.qm-filter-btn--active .qm-filter-count{color:#1d4ed8;background:#3b82f62e}.qm-filter-btn--sales.qm-filter-btn--active .qm-filter-count{color:#15803d;background:#16a34a26}.qm-filter-btn--implementation.qm-filter-btn--active .qm-filter-count{color:#a16207;background:#ca8a0426}.qm-filter-info{color:#94a3b8;margin-left:auto;font-size:12px;font-style:italic}.qm-upload-area{flex-direction:column;align-items:flex-start;gap:0;display:flex}.qm-btn-upload-sm{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;align-items:center;gap:5px;margin-top:6px;padding:5px 12px;font-size:12px;font-weight:500;transition:all .15s;display:inline-flex}.qm-btn-upload-sm:hover{color:#1d4ed8;background:#f1f5f9;border-color:#94a3b8}.qm-btn-upload-sm input[type=file]{display:none}.qm-img-actions{align-items:center;gap:8px;margin-top:6px;display:flex}.qm-file-picker{color:#475569;cursor:pointer;background:#f8fafc;border:1.5px solid #cbd5e1;border-radius:6px;padding:4px 8px;font-size:13px}.qm-file-picker::-webkit-file-upload-button{color:#334155;cursor:pointer;background:#e2e8f0;border:none;border-radius:4px;padding:4px 10px;font-size:12px}.sb-root{z-index:100;background:#1e293b;flex-direction:column;flex-shrink:0;width:220px;min-height:100vh;font-family:Sora,sans-serif;transition:width .22s;display:flex;position:relative}.sb-root--collapsed{width:60px}.sb-brand{border-bottom:1px solid #ffffff12;align-items:center;gap:10px;min-height:64px;padding:16px 12px 14px;display:flex}.sb-brand-logo{color:#fff;background:linear-gradient(135deg,#1f65de,#3b82f6);border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;font-size:15px;font-weight:700;display:flex;box-shadow:0 3px 10px #1f65de66}.sb-brand-text{flex:1;overflow:hidden}.sb-brand-name{color:#fff;letter-spacing:1.5px;white-space:nowrap;font-size:11px;font-weight:700}.sb-brand-sub{color:#64748b;white-space:nowrap;margin-top:1px;font-size:10px}.sb-collapse-btn{color:#64748b;cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:0 2px;font-size:18px;line-height:1;transition:color .15s}.sb-collapse-btn:hover{color:#fff}.sb-nav{flex-direction:column;flex:1;gap:3px;padding:14px 8px;display:flex}.sb-section-label{color:#475569;letter-spacing:1.4px;height:16px;margin-bottom:6px;padding:0 8px;font-size:10px;font-weight:700}.sb-item{color:#94a3b8;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:Sora,sans-serif;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex;overflow:hidden}.sb-item:hover{color:#e2e8f0;background:#ffffff0f}.sb-item--active{color:#60a5fa;background:#1f65de38}.sb-item--active:hover{background:#1f65de47}.sb-item-icon{text-align:center;flex-shrink:0;width:20px;font-size:15px}.sb-item-label{text-overflow:ellipsis;overflow:hidden}.sb-footer{border-top:1px solid #ffffff12;padding:8px 8px 16px}.sb-logout{color:#ef4444;cursor:pointer;text-align:left;white-space:nowrap;background:0 0;border:none;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-family:Sora,sans-serif;font-size:13px;font-weight:500;transition:background .15s;display:flex;overflow:hidden}.sb-logout:hover{background:#ef44441f}:root{--bg:#f4f7fe;--surface:#fff;--surface2:#eef2fc;--border:#dce6f9;--accent:#1f65de;--accent2:#1a54c0;--accent-lt:#1f65de14;--green:#16a34a;--green-lt:#16a34a1a;--yellow:#d97706;--red:#dc2626;--text:#0d1b3e;--text-dim:#6b7da8;--text-mid:#3d547e;--mono:"JetBrains Mono", monospace;--sans:"Plus Jakarta Sans", sans-serif;--radius:14px;--radius-lg:20px;--sidebar-w:300px;--shadow-sm:0 1px 4px #1f65de14;--shadow-md:0 4px 20px #1f65de1f;--shadow-lg:0 8px 40px #1f65de29}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:18px}body{background:var(--bg);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:1rem}.tm-root{flex-direction:column;min-height:100vh;display:flex;position:relative}.tm-bg{z-index:0;pointer-events:none;background-image:radial-gradient(circle,#1f65de1f 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0}.tm-topbar{z-index:10;background:var(--surface);border-bottom:1.5px solid var(--border);height:72px;box-shadow:var(--shadow-sm);flex-wrap:wrap;align-items:center;gap:16px;padding:0 28px;display:flex;position:relative}.tm-logo{letter-spacing:-.03em;color:var(--text);flex-shrink:0;font-size:1.6rem;font-weight:800}.tm-logo-accent{color:var(--accent)}.tm-meta-row{flex-wrap:wrap;flex:1;align-items:center;gap:10px;display:flex}.tm-pill{color:var(--text-mid);background:var(--surface2);border:1.5px solid var(--border);border-radius:999px;align-items:center;gap:6px;padding:6px 16px;font-size:1rem;font-weight:500;display:flex}.tm-pill strong{color:var(--accent);font-weight:700}.tm-online{background:var(--green);border-radius:50%;width:8px;height:8px;animation:2s infinite pulse;box-shadow:0 0 0 2px #16a34a33}@keyframes pulse{0%,to{opacity:1;box-shadow:0 0 0 2px #16a34a33}50%{opacity:.7;box-shadow:0 0 0 4px #16a34a1a}}.tm-date{font-family:var(--mono);color:var(--text-dim);background:var(--surface2);border:1.5px solid var(--border);border-radius:8px;flex-shrink:0;margin-left:auto;padding:6px 14px;font-size:.95rem}.tm-body{z-index:1;flex:1;display:flex;position:relative}.tm-sidebar{width:var(--sidebar-w);background:var(--surface);border-right:1.5px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;flex-shrink:0;gap:30px;padding:28px 20px;display:flex;overflow-y:auto}.tm-section-label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);margin-bottom:14px;font-size:.88rem;font-weight:700}.tm-qgrid{grid-template-columns:repeat(5,1fr);gap:8px;display:grid}.tm-qbtn{aspect-ratio:1;border:1.5px solid var(--border);background:var(--surface2);color:var(--text-dim);font-family:var(--mono);cursor:pointer;border-radius:10px;justify-content:center;align-items:center;font-size:1rem;font-weight:600;transition:all .15s;display:flex}.tm-qbtn:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.tm-qbtn.answered{background:var(--green-lt);border-color:var(--green);color:var(--green);font-weight:700}.tm-qbtn.current{background:var(--accent);border-color:var(--accent);color:#fff;font-weight:700;box-shadow:0 2px 10px #1f65de59}.tm-legend{flex-direction:column;gap:10px;display:flex}.tm-legend-item{color:var(--text-mid);align-items:center;gap:10px;font-size:1rem;font-weight:500;display:flex}.tm-legend-dot{border:1.5px solid;border-radius:4px;flex-shrink:0;width:14px;height:14px}.tm-progress-header{color:var(--text-mid);justify-content:space-between;align-items:center;margin-bottom:10px;font-size:1rem;font-weight:600;display:flex}.tm-prog-green{color:var(--green);font-weight:700;font-family:var(--mono)}.tm-prog-muted{color:var(--text-dim);font-family:var(--mono)}.tm-progress-track{background:var(--surface2);border:1px solid var(--border);border-radius:99px;height:8px;margin-bottom:20px;overflow:hidden}.tm-progress-fill{background:linear-gradient(90deg, var(--accent), #4f8ef7);border-radius:99px;height:100%;transition:width .5s cubic-bezier(.4,0,.2,1)}.tm-submit-btn{border-radius:var(--radius);background:var(--accent);color:#fff;width:100%;font-family:var(--sans);letter-spacing:.02em;cursor:pointer;border:none;padding:14px;font-size:1.1rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;box-shadow:0 4px 14px #1f65de4d}.tm-submit-btn:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 20px #1f65de66}.tm-main{flex-direction:column;flex:1;align-items:center;padding:36px 40px;display:flex;overflow-y:auto}.tm-card{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);width:100%;max-width:820px;box-shadow:var(--shadow-md);padding:36px 38px;animation:.3s cubic-bezier(.4,0,.2,1) slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.tm-q-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:22px;display:flex}.tm-q-num{font-family:var(--mono);color:var(--text-dim);font-size:1rem;font-weight:500}.tm-sep{color:var(--border);font-weight:300}.tm-badge{font-family:var(--mono);background:var(--accent-lt);color:var(--accent);letter-spacing:.04em;border:1px solid #1f65de33;border-radius:999px;padding:4px 14px;font-size:.88rem;font-weight:600}.tm-qid{font-family:var(--mono);color:var(--text-dim);font-size:.95rem}.tm-q-text{color:var(--text);background:var(--accent-lt);border-radius:var(--radius);border:1.5px solid #1f65de26;border-left:4px solid var(--accent);margin-bottom:28px;padding:20px 24px;font-size:1.3rem;font-weight:600;line-height:1.65}.tm-options{flex-direction:column;gap:12px;margin-bottom:28px;display:flex}.tm-option{border-radius:var(--radius);border:1.5px solid var(--border);background:var(--surface2);color:var(--text);cursor:pointer;text-align:left;font-family:var(--sans);align-items:flex-start;gap:16px;padding:16px 20px;font-size:1.1rem;font-weight:500;transition:all .15s;display:flex}.tm-option:hover{border-color:var(--accent);background:var(--accent-lt);box-shadow:var(--shadow-sm)}.tm-option.selected{border-color:var(--accent);background:#1f65de12;box-shadow:0 0 0 3px #1f65de1f}.tm-opt-key{border:1.5px solid var(--border);background:var(--surface);width:36px;height:36px;font-family:var(--mono);color:var(--text-dim);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:.95rem;font-weight:700;transition:all .15s;display:flex}.tm-option.selected .tm-opt-key{background:var(--accent);border-color:var(--accent);color:#fff;box-shadow:0 2px 8px #1f65de4d}.tm-opt-text{padding-top:6px;line-height:1.55}.tm-remarks-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-size:.95rem;font-weight:700}.tm-remarks{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;height:100px;color:var(--text);font-family:var(--sans);resize:none;outline:none;margin-bottom:24px;padding:12px 16px;font-size:1.1rem;transition:border-color .15s,box-shadow .15s}.tm-remarks::placeholder{color:var(--text-dim)}.tm-remarks:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f65de1a}.tm-card-footer{justify-content:flex-end;display:flex}.tm-save-btn{border-radius:var(--radius);background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;border:none;align-items:center;gap:10px;padding:14px 32px;font-size:1.1rem;font-weight:700;transition:background .15s,transform .1s,box-shadow .15s;display:flex;box-shadow:0 4px 16px #1f65de4d}.tm-save-btn:hover{background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 22px #1f65de66}.tm-loading{height:300px;color:var(--text-dim);font-family:var(--mono);flex-direction:column;flex:1;justify-content:center;align-items:center;gap:16px;font-size:1.1rem;display:flex}.tm-spinner{border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;width:42px;height:42px;animation:.75s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.tm-modal-overlay{z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0d1b3e66;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tm-modal{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);text-align:center;width:min(480px,90vw);box-shadow:var(--shadow-lg);padding:42px 38px;animation:.25s cubic-bezier(.4,0,.2,1) popIn}@keyframes popIn{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}.tm-modal-icon{margin-bottom:16px;font-size:3rem}.tm-modal-title{color:var(--text);letter-spacing:-.02em;margin-bottom:20px;font-size:1.6rem;font-weight:800}.tm-modal-body{flex-wrap:wrap;justify-content:center;gap:12px;margin-bottom:20px;display:flex}.tm-modal-stat{font-family:var(--mono);color:var(--text-dim);background:var(--surface2);border:1px solid var(--border);border-radius:12px;flex-direction:column;align-items:center;gap:4px;min-width:100px;padding:14px 22px;font-size:1.05rem;display:flex}.tm-modal-stat-val{font-size:1.8rem;font-weight:800;font-family:var(--mono);color:var(--text);line-height:1}.tm-modal-stat-val.tm-green{color:var(--green)}.tm-modal-stat-val.tm-red{color:var(--red)}.tm-modal-stat-label{text-transform:uppercase;letter-spacing:.08em;color:var(--text-dim);font-size:.82rem;font-weight:600}.tm-green{color:var(--green)}.tm-red{color:var(--red)}.tm-modal-warn{border:1px solid #d9770640;border-left:3px solid var(--yellow);color:var(--yellow);background:#d9770614;border-radius:8px;margin-bottom:20px;padding:12px 16px;font-size:1rem;font-weight:500}.tm-modal-actions{justify-content:center;gap:12px;display:flex}.tm-modal-cancel{border:1.5px solid var(--border);background:var(--surface2);color:var(--text-mid);font-family:var(--sans);cursor:pointer;border-radius:10px;padding:12px 28px;font-size:1.05rem;font-weight:600;transition:all .15s}.tm-modal-cancel:hover{border-color:var(--accent);color:var(--accent)}.tm-modal-confirm{background:var(--accent);color:#fff;font-family:var(--sans);cursor:pointer;border:none;border-radius:10px;padding:12px 28px;font-size:1.05rem;font-weight:700;transition:background .15s,box-shadow .15s;box-shadow:0 4px 14px #1f65de4d}.tm-modal-confirm:hover{background:var(--accent2);box-shadow:0 6px 20px #1f65de66}.tm-btn{border-radius:var(--radius);font-family:var(--sans);cursor:pointer;border:none;align-items:center;gap:8px;padding:13px 28px;font-size:1.05rem;font-weight:700;line-height:1;transition:background .15s,transform .1s,box-shadow .15s,border-color .15s;display:inline-flex}.tm-btn:disabled{opacity:.6;cursor:not-allowed;transform:none!important}.tm-btn--next{background:var(--accent);color:#fff;box-shadow:0 4px 14px #1f65de4d}.tm-btn--next:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 20px #1f65de66}.tm-btn--submit{background:var(--green);color:#fff;box-shadow:0 4px 14px #16a34a4d}.tm-btn--submit:hover:not(:disabled){background:#15803d;transform:translateY(-1px);box-shadow:0 6px 20px #16a34a66}.tm-btn--confirm{background:var(--accent);color:#fff;box-shadow:0 4px 14px #1f65de4d}.tm-btn--confirm:hover:not(:disabled){background:var(--accent2);transform:translateY(-1px);box-shadow:0 6px 20px #1f65de66}.tm-btn--cancel{background:var(--surface2);color:var(--text-mid);border:1.5px solid var(--border)}.tm-btn--cancel:hover:not(:disabled){border-color:var(--accent);color:var(--accent);background:var(--accent-lt)}.tm-nav-row{justify-content:flex-end;width:100%;max-width:1240px;margin-top:20px;display:flex}.tm-success{z-index:200;background:var(--bg);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.tm-success-card{background:var(--surface);border:1.5px solid var(--border);text-align:center;width:90%;max-width:500px;box-shadow:var(--shadow-lg);border-radius:28px;padding:56px 52px;animation:.4s cubic-bezier(.4,0,.2,1) popIn}.tm-success-icon{margin-bottom:20px;font-size:3.6rem}.tm-success-title{color:var(--text);letter-spacing:-.03em;margin-bottom:14px;font-size:2rem;font-weight:800}.tm-success-body{color:var(--text-mid);margin-bottom:28px;font-size:1.1rem;line-height:1.7}.tm-success-stat{font-family:var(--mono);color:var(--text-dim);background:var(--green-lt);border:1px solid #16a34a33;border-radius:12px;margin-bottom:12px;padding:16px 22px;font-size:1.1rem}.tm-success-stat span{color:var(--green);font-size:1.6rem;font-weight:700}.tm-success-id{font-family:var(--mono);color:var(--text-dim);border-top:1px solid var(--border);margin-top:16px;padding-top:16px;font-size:.9rem}.tm-success-meta{color:var(--text-mid);background:var(--surface2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;margin-bottom:8px;padding:16px 20px;font-size:1rem;display:flex}.tm-success-meta strong{color:var(--text);font-weight:700}.tm-manual-input{background:var(--surface2);border:1.5px solid var(--border);border-radius:var(--radius);width:100%;color:var(--text);font-family:var(--sans);resize:vertical;outline:none;min-height:90px;padding:14px 16px;font-size:1.05rem;transition:border-color .15s,box-shadow .15s}.tm-manual-input::placeholder{color:var(--text-dim)}.tm-manual-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #1f65de1a}.tm-error{border-radius:var(--radius);color:#b91c1c;text-align:center;background:#dc26260f;border:1.5px solid #dc262633;width:100%;max-width:820px;margin-bottom:16px;padding:16px 24px;font-size:1.05rem;font-weight:500}@media (width<=768px){html{font-size:15px}.tm-sidebar{display:none}.tm-main{padding:18px}.tm-card{padding:20px 18px}.tm-topbar{height:auto;padding:12px 14px}}.tm-question-row{align-items:flex-start;gap:20px;width:100%;max-width:1240px;display:flex}.tm-question-row .tm-card{flex:1;min-width:0;max-width:100%}.tm-img-panel{background:var(--surface);border:1.5px solid var(--border);border-radius:var(--radius-lg);width:320px;box-shadow:var(--shadow-md);flex-direction:column;flex-shrink:0;animation:.3s cubic-bezier(.4,0,.2,1) slideUp;display:flex;overflow:hidden}.tm-img-panel-header{border-bottom:1.5px solid var(--border);background:var(--surface2);justify-content:space-between;align-items:center;padding:16px 18px;display:flex}.tm-img-panel-title{text-transform:uppercase;letter-spacing:.1em;color:var(--text-mid);align-items:center;gap:8px;font-size:.95rem;font-weight:700;display:flex}.tm-img-panel-qnum{font-family:var(--mono);color:var(--accent);background:var(--accent-lt);border:1px solid #1f65de33;border-radius:999px;padding:3px 12px;font-size:.9rem;font-weight:700}.tm-img-preview-box{flex:1;justify-content:center;align-items:center;min-height:260px;padding:18px;display:flex;position:relative;overflow:hidden}.tm-img-actual{object-fit:contain;border:1px solid var(--border);width:100%;max-height:400px;box-shadow:var(--shadow-sm);border-radius:10px;transition:transform .2s}.tm-img-actual:hover{transform:scale(1.015)}.tm-img-placeholder{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;padding:28px;display:flex}.tm-img-placeholder-text{color:var(--text-dim);font-size:1rem;font-weight:600}.tm-img-placeholder-sub{color:var(--text-dim);opacity:.7;word-break:break-all;font-size:.85rem}.tm-img-loading{color:var(--text-dim);font-family:var(--mono);flex-direction:column;align-items:center;gap:10px;font-size:.95rem;display:flex}.tm-img-hint{text-align:center;color:var(--text-dim);border-top:1px solid var(--border);background:var(--surface2);padding:10px 14px;font-size:.9rem}@media (width<=1100px){.tm-question-row{flex-direction:column}.tm-img-panel{width:100%;max-width:100%}}@media (width<=768px){.tm-img-panel{display:none}}.tm-q-remarks-note{color:#fbbf24;background:#fbbf2414;border:1px solid #fbbf2438;border-left:3px solid #fbbf24;border-radius:8px;align-items:flex-start;gap:8px;margin-bottom:18px;padding:12px 16px;font-size:1.05rem;line-height:1.5;display:flex}.tm-upload-btn{color:#4f8ef7;cursor:pointer;background:#4f8ef712;border:1.5px dashed #4f8ef773;border-radius:8px;justify-content:center;align-items:center;gap:8px;width:100%;padding:12px 20px;font-size:1.05rem;font-weight:600;transition:background .18s,border-color .18s;display:inline-flex}.tm-upload-btn:hover{background:#4f8ef724;border-color:#4f8ef7b3}.tm-answer-img-preview{background:#4f8ef70d;border:1px solid #4f8ef740;border-radius:10px;margin-top:12px;overflow:hidden}.tm-answer-img-preview-header{color:#ffffff80;border-bottom:1px solid #4f8ef726;justify-content:space-between;align-items:center;padding:9px 14px;font-size:.95rem;display:flex}.tm-answer-img-remove{color:#f87171;cursor:pointer;background:0 0;border:none;padding:0 2px;font-size:1rem;line-height:1}.tm-answer-img-remove:hover{color:#ef4444}.tm-answer-img-thumb{object-fit:contain;box-sizing:border-box;width:100%;max-height:220px;padding:12px;display:block}.tm-answer-img-name{color:#ffffff59;word-break:break-all;padding:6px 14px 10px;font-size:.9rem}@keyframes tm-mic-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.cp-root{flex-direction:column;gap:20px;max-width:1400px;margin:0 auto;padding:24px;font-family:Segoe UI,system-ui,sans-serif;display:flex}.cp-page-header{justify-content:space-between;align-items:flex-start;padding-bottom:4px;display:flex}.cp-page-title{color:#0f172a;letter-spacing:-.01em;margin:0 0 4px;font-size:1.45rem;font-weight:800}.cp-page-sub{color:#64748b;margin:0;font-size:.82rem}.cp-card{background:#fff;border:1.5px solid #e2e8f0;border-radius:16px;padding:22px 24px;box-shadow:0 2px 12px #0000000d}.cp-card-title{color:#1e293b;align-items:center;gap:10px;margin-bottom:16px;font-size:.92rem;font-weight:700;display:flex}.cp-step-badge{color:#fff;background:#0f172a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;font-weight:800;display:inline-flex}.cp-search-row{flex-wrap:wrap;align-items:flex-end;gap:12px;display:flex}.cp-field{flex-direction:column;flex:1;gap:5px;min-width:160px;display:flex}.cp-label{color:#475569;letter-spacing:.04em;text-transform:uppercase;font-size:.75rem;font-weight:700}.cp-input{color:#0f172a;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:9px;outline:none;padding:9px 13px;font-size:.88rem;transition:border-color .18s,box-shadow .18s}.cp-input:focus{background:#fff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11a}.cp-input--sm{padding:7px 11px;font-size:.82rem}.cp-btn{cursor:pointer;white-space:nowrap;border:none;border-radius:9px;padding:9px 18px;font-size:.85rem;font-weight:700;transition:all .15s}.cp-btn:disabled{opacity:.55;cursor:not-allowed}.cp-btn--primary{color:#fff;background:#0f172a}.cp-btn--primary:hover:not(:disabled){background:#1e293b}.cp-btn--ghost{color:#475569;background:#f1f5f9;border:1.5px solid #e2e8f0}.cp-btn--ghost:hover:not(:disabled){background:#e2e8f0}.cp-btn--approve{color:#15803d;background:#dcfce7;border:1.5px solid #86efac}.cp-btn--approve:hover:not(:disabled){background:#bbf7d0}.cp-btn--reject{color:#b91c1c;background:#fee2e2;border:1.5px solid #fca5a5}.cp-btn--reject:hover:not(:disabled){background:#fecaca}.cp-btn--sm{border-radius:7px;padding:5px 10px;font-size:.75rem}.cp-emp-list{flex-direction:column;gap:8px;max-height:300px;margin-top:16px;display:flex;overflow-y:auto}.cp-emp-card{cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:11px;align-items:center;gap:12px;padding:12px 14px;transition:all .15s;display:flex}.cp-emp-card:hover{background:#eef2ff;border-color:#6366f1}.cp-emp-card--active{background:#eef2ff;border-color:#6366f1;box-shadow:0 0 0 3px #6366f11f}.cp-emp-avatar{color:#fff;background:linear-gradient(135deg,#6366f1,#818cf8);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;font-size:1rem;font-weight:800;display:flex}.cp-emp-avatar--lg{width:48px;height:48px;font-size:1.2rem}.cp-emp-name{color:#0f172a;font-size:.9rem;font-weight:700}.cp-emp-meta{align-items:center;gap:8px;margin-top:3px;display:flex}.cp-emp-id{color:#94a3b8;font-size:.72rem;font-weight:600}.cp-selected-emp{background:linear-gradient(135deg,#f8fafc,#eef2ff);border-color:#6366f1}.cp-selected-info{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.cp-stats-row{flex-wrap:wrap;gap:8px;margin-left:auto;display:flex}.cp-stat{text-align:center;border-radius:10px;min-width:60px;padding:8px 16px}.cp-stat--blue{background:#dbeafe}.cp-stat--green{background:#dcfce7}.cp-stat--red{background:#fee2e2}.cp-stat--yellow{background:#fef9c3}.cp-stat-num{color:#0f172a;font-size:1.2rem;font-weight:800}.cp-stat-label{color:#64748b;text-transform:uppercase;letter-spacing:.04em;font-size:.65rem;font-weight:700}.cp-promo-banner{color:#14532d;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border:1.5px solid #86efac;border-radius:10px;margin-top:14px;padding:12px 18px;font-size:.88rem;font-weight:600}.cp-card-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.cp-reviewer-row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cp-table-wrap{border:1.5px solid #e2e8f0;border-radius:12px;overflow-x:auto}.cp-table{border-collapse:collapse;width:100%;font-size:.83rem}.cp-th{color:#475569;text-transform:uppercase;letter-spacing:.05em;text-align:left;white-space:nowrap;background:#f8fafc;border-bottom:1.5px solid #e2e8f0;padding:11px 14px;font-size:.72rem;font-weight:700}.cp-td{color:#1e293b;vertical-align:middle;border-bottom:1px solid #f1f5f9;padding:12px 14px}.cp-td--center{text-align:center}.cp-tr--even{background:#fff}.cp-tr--odd{background:#fafafa}.cp-tr:hover{background:#f0f4ff;transition:background .12s}.cp-thumb{object-fit:cover;border:1.5px solid #e2e8f0;border-radius:8px;width:52px;height:52px;transition:transform .15s}.cp-thumb:hover{transform:scale(1.08)}.cp-thumb--answer{border-color:#818cf8;box-shadow:0 0 0 2px #c7d2fe}.cp-loading{color:#64748b;justify-content:center;align-items:center;gap:10px;padding:24px;font-size:.88rem;display:flex}.cp-spinner{border:2.5px solid #e2e8f0;border-top-color:#6366f1;border-radius:50%;width:18px;height:18px;animation:.7s linear infinite cp-spin}@keyframes cp-spin{to{transform:rotate(360deg)}}.cp-empty{text-align:center;color:#94a3b8;padding:40px;font-size:.9rem}.cp-emp-list::-webkit-scrollbar{width:5px;height:5px}.cp-table-wrap::-webkit-scrollbar{width:5px;height:5px}.cp-emp-list::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.cp-table-wrap::-webkit-scrollbar-track{background:#f1f5f9;border-radius:10px}.cp-emp-list::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}.cp-table-wrap::-webkit-scrollbar-thumb{background:#cbd5e1;border-radius:10px}@media (width<=768px){.cp-root{gap:14px;padding:14px}.cp-search-row{flex-direction:column}.cp-stats-row{margin-left:0}.cp-card-header-row{flex-direction:column;align-items:flex-start}}