@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700;800&family=Plus+Jakarta+Sans:wght@300;400;500;600;700&display=swap");:root{--font-sans:"Plus Jakarta Sans",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-display:"Outfit",sans-serif;--bg-main:#f3f4f6;--bg-card:#fff;--bg-card-hover:#fafafa;--border-color:rgba(0,0,0,.08);--border-focus:#111;--text-primary:#111827;--text-secondary:#4b5563;--text-muted:#9ca3af;--primary:#ffdb25;--primary-hover:#e5c210;--primary-glow:rgba(255,219,37,.25);--secondary:#111;--accent:#ffdb25;--success:#059669;--success-bg:#d1fae5;--success-border:#a7f3d0;--error:#dc2626;--error-bg:#fee2e2;--error-border:#fca5a5;--warning:#d97706;--card-shadow:0 4px 20px 0 rgba(0,0,0,.04),0 1px 3px 0 rgba(0,0,0,.02);--transition-smooth:all 0.25s cubic-bezier(0.4,0,0.2,1)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-main);color:var(--text-primary);font-family:var(--font-sans);min-height:100vh;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;color:#000}.brand-header{background-color:var(--primary);border-bottom:2px solid #000;padding:.85rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 4px 12px rgba(0,0,0,.05)}.header-container{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.header-logo-link{text-decoration:none}.header-logo-wrapper{display:flex;align-items:center;gap:.65rem}.logo-circle{background-color:#000;color:var(--primary);width:38px;height:38px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:1.5rem;box-shadow:0 2px 5px rgba(0,0,0,.15)}.logo-circle span{margin-top:-2px}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-yellow{font-weight:800;font-size:1.35rem}.logo-sub,.logo-yellow{font-family:var(--font-sans);color:#000}.logo-sub{font-weight:500;font-size:.75rem;letter-spacing:.02em}.header-actions{display:flex;align-items:center;gap:1.5rem}.header-action-link{color:#000;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:700;font-size:.95rem;transition:var(--transition-smooth)}.header-action-link:hover{opacity:.8}.header-btn{background-color:#000;color:#fff;padding:.5rem 1.25rem;border-radius:8px;text-decoration:none;font-weight:700;font-size:.9rem;transition:var(--transition-smooth);border:1px solid #000}.header-btn:hover{background-color:transparent;color:#000}.container{max-width:850px;margin:0 auto;padding:3rem 1.5rem;position:relative;z-index:1}.cpanel-container{max-width:1350px;margin:0 auto;padding:2.5rem 1.5rem}.header-wrapper{text-align:center;margin-bottom:3rem}.header-badge{display:inline-block;background-color:#fff;border:1px solid var(--border-color);color:var(--text-secondary);padding:.4rem 1.1rem;border-radius:100px;font-size:.8rem;font-weight:700;letter-spacing:.05em;margin-bottom:1.25rem;text-transform:uppercase;box-shadow:0 1px 3px rgba(0,0,0,.02)}.header-title{font-size:2.5rem;color:#000;margin-bottom:.75rem;font-weight:800}.header-desc{color:var(--text-secondary);font-size:1.05rem;max-width:580px;margin:0 auto;line-height:1.6}.form-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.form-card:hover{box-shadow:0 8px 30px 0 rgba(0,0,0,.06)}.form-section-header{border-bottom:2px solid #000;padding-bottom:.75rem;margin:3rem 0 1.75rem;position:relative}.form-section-header:first-of-type{margin-top:0}.form-section-title{font-size:1.2rem;color:#000;text-transform:uppercase;letter-spacing:.05em;font-weight:800}.form-group{margin-bottom:2rem;animation:fadeIn .4s ease-out}.field-label{display:block;font-size:.95rem;font-weight:700;margin-bottom:.65rem;color:#000;line-height:1.4}.field-required{color:var(--error);margin-left:.2rem}.input-select,.input-text,.input-textarea{width:100%;background:#fff;border:1px solid #d1d5db;border-radius:8px;color:var(--text-primary);padding:.8rem 1.1rem;font-size:.95rem;font-family:var(--font-sans);transition:var(--transition-smooth)}.input-select:focus,.input-text:focus,.input-textarea:focus{outline:none;border-color:#000;box-shadow:0 0 0 4px var(--primary-glow)}.input-textarea{resize:vertical;min-height:100px}.option-grid{display:grid;grid-template-columns:1fr;grid-gap:.65rem;gap:.65rem;margin-top:.5rem}@media (min-width:600px){.option-grid{grid-template-columns:repeat(2,1fr)}}.option-control{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;padding:.85rem 1.1rem;border-radius:8px;cursor:pointer;transition:var(--transition-smooth);-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:500}.option-control:hover{background:#f9fafb;border-color:#d1d5db}.option-control input[type=checkbox],.option-control input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;border:2px solid #9ca3af;border-radius:50%;outline:none;cursor:pointer;display:grid;place-content:center;transition:var(--transition-smooth)}.option-control input[type=checkbox]{border-radius:4px}.option-control input[type=radio]:before{content:"";width:8px;height:8px;border-radius:50%;transform:scale(0);transition:var(--transition-smooth);background-color:#000}.option-control input[type=checkbox]:before{content:"✓";font-size:.7rem;font-weight:700;color:#000;transform:scale(0);transition:var(--transition-smooth)}.option-control input:checked{background-color:var(--primary);border-color:#000}.option-control input[type=checkbox]:checked:before,.option-control input[type=radio]:checked:before{transform:scale(1)}.option-control.selected{background:#fffdf2;border-color:#000;box-shadow:0 2px 8px var(--primary-glow)}.scale-wrapper{display:flex;justify-content:space-between;align-items:center;background:#fff;border:1px solid #e5e7eb;padding:1.25rem;border-radius:12px;gap:1rem}.scale-label{font-size:.85rem;color:var(--text-secondary);font-weight:600;max-width:110px;text-align:center}.scale-options{gap:.5rem;flex-grow:1}.scale-btn,.scale-options{display:flex;justify-content:center}.scale-btn{width:42px;height:42px;border-radius:50%;border:1px solid #d1d5db;background:#fff;color:var(--text-primary);font-size:1rem;font-weight:700;cursor:pointer;align-items:center;transition:var(--transition-smooth)}.scale-btn:hover{background:#f9fafb;border-color:#9ca3af;transform:translateY(-1px)}.scale-btn.active{background:var(--primary);color:#000;border-color:#000;box-shadow:0 4px 10px var(--primary-glow)}.btn-primary{width:100%;background:linear-gradient(135deg,#ffdb25,#ffd000);color:#000;border:none;border-radius:10px;padding:1rem 1.75rem;font-size:1rem;font-weight:700;font-family:var(--font-display);cursor:pointer;transition:var(--transition-smooth);display:flex;align-items:center;justify-content:center;gap:.5rem;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 12px var(--primary-glow)}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(255,208,0,.4);background:linear-gradient(135deg,#ffe353,#ffd61a)}.btn-primary:active{transform:translateY(0)}.btn-primary:disabled{background:#e5e7eb;color:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.btn-secondary{background:#fff;color:var(--text-primary);border:1.5px solid #d1d5db;padding:.6rem 1.25rem;border-radius:8px;font-size:.9rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);display:inline-flex;align-items:center;justify-content:center;gap:.4rem;box-shadow:0 1px 2px rgba(0,0,0,.02)}.btn-secondary:hover{background:#f9fafb;border-color:#9ca3af;color:#000;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.05)}.btn-action{background:linear-gradient(135deg,#ffdb25,#ffd000);color:#000;border:1px solid rgba(0,0,0,.04);padding:.5rem 1.1rem;border-radius:8px;font-size:.85rem;font-weight:700;cursor:pointer;transition:var(--transition-smooth);box-shadow:0 2px 8px var(--primary-glow);display:inline-flex;align-items:center;gap:.35rem}.btn-action:hover{background:#000;color:#fff;border-color:#000;transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.login-card{max-width:420px;margin:5rem auto;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;padding:2.5rem;box-shadow:var(--card-shadow)}.login-title{text-align:center;margin-bottom:2rem;font-size:1.85rem;color:#000}.admin-navbar{justify-content:space-between;background:#fff;border-bottom:2px solid #000;padding:1rem 2rem;position:-webkit-sticky;position:sticky;top:0;z-index:100;box-shadow:0 2px 10px rgba(0,0,0,.05)}.admin-logo,.admin-navbar{display:flex;align-items:center}.admin-logo{font-family:var(--font-display);font-size:1.2rem;font-weight:800;color:#000;gap:.5rem}.admin-logo span{background:#000;color:var(--primary);font-size:.7rem;padding:.15rem .4rem;border-radius:4px;font-weight:800;text-transform:uppercase}.admin-nav-links{display:flex;gap:1.5rem;align-items:center}.admin-nav-link{color:var(--text-secondary);text-decoration:none;font-size:.9rem;font-weight:700;transition:var(--transition-smooth)}.admin-nav-link.active,.admin-nav-link:hover{color:#000;border-bottom:2px solid #000;padding-bottom:.2rem}.btn-logout{background:#fee2e2;color:var(--error);border:1px solid var(--error-border);padding:.4rem .9rem;border-radius:6px;cursor:pointer;font-family:var(--font-sans);font-size:.85rem;font-weight:700;transition:var(--transition-smooth)}.btn-logout:hover{background:var(--error);color:#fff;border-color:var(--error)}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:1.25rem;gap:1.25rem;margin-bottom:2.5rem}.stat-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:1.25rem;display:flex;flex-direction:column;gap:.4rem;box-shadow:var(--card-shadow);transition:var(--transition-smooth)}.stat-card:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(0,0,0,.06)}.stat-title{font-size:.8rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.stat-value{font-family:var(--font-display);font-size:2rem;font-weight:800;color:#000}.table-wrapper{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;overflow:hidden;box-shadow:var(--card-shadow);margin-bottom:2.5rem}.admin-table{width:100%;border-collapse:collapse;text-align:left}.admin-table th{background:#f9fafb;color:#000;font-family:var(--font-display);font-weight:800;text-transform:uppercase;font-size:.8rem;letter-spacing:.05em;padding:1rem 1.25rem;border-bottom:2px solid #e5e7eb}.admin-table td{padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;color:var(--text-primary);font-size:.9rem}.admin-table tr:last-child td{border-bottom:none}.admin-table tr{transition:var(--transition-smooth)}.admin-table tr:hover td{background:#fafafa}.badge{display:inline-block;padding:.2rem .5rem;font-size:.75rem;font-weight:700;border-radius:4px;text-transform:uppercase}.badge-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.badge-warning{background:#fef3c7;color:var(--warning);border:1px solid #fde68a}.details-card{background:var(--bg-card);border:1px solid var(--border-color);border-radius:12px;padding:2rem;margin-bottom:2rem;box-shadow:var(--card-shadow)}.details-header{border-bottom:2px solid #000;padding-bottom:1.25rem;margin-bottom:1.75rem;display:flex;justify-content:space-between;align-items:flex-start}.detail-row{display:grid;grid-template-columns:1fr;grid-gap:.4rem;gap:.4rem;padding:1rem 0;border-bottom:1px solid #f3f4f6}@media (min-width:768px){.detail-row{grid-template-columns:240px 1fr;gap:1.5rem}}.detail-question{font-weight:700;color:#000;font-size:.9rem}.detail-answer{color:var(--text-primary);line-height:1.5}@keyframes fadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}.flex-between{justify-content:space-between}.flex-between,.flex-gap-2{display:flex;align-items:center}.flex-gap-2{gap:.5rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.text-center{text-align:center}.color-secondary{color:var(--text-secondary)}.banner{padding:.85rem 1.1rem;border-radius:8px;font-weight:600;font-size:.9rem;margin-bottom:1.5rem;display:flex;align-items:center;gap:.5rem}.banner-success{background:var(--success-bg);color:var(--success);border:1px solid var(--success-border)}.banner-error{background:var(--error-bg);color:var(--error);border:1px solid var(--error-border)}.banner-info{background:#eff6ff;color:#2563eb;border:1px solid #bfdbfe}.thankyou-wrapper{text-align:center;max-width:550px;margin:5rem auto;padding:2.5rem;background:var(--bg-card);border:1px solid var(--border-color);border-radius:16px;box-shadow:var(--card-shadow)}.thankyou-icon{width:70px;height:70px;background:var(--success-bg);border:2px solid var(--success);color:var(--success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto 1.5rem;box-shadow:0 4px 10px rgba(5,150,105,.1)}@media (max-width:768px){.container{padding:1.5rem 1rem}.header-wrapper{margin-bottom:2rem}.header-title{font-size:1.85rem}.form-card{padding:1.5rem;border-radius:12px}.stat-grid{grid-template-columns:1fr;gap:1rem}.cpanel-container{padding:1.5rem 1rem}.details-card{padding:1.5rem}.details-header{flex-direction:column;gap:1rem;align-items:stretch}}@media (max-width:576px){.header-container{flex-direction:column;gap:.85rem;text-align:center}.logo-yellow{font-size:1.25rem}.scale-wrapper{flex-direction:column;padding:1rem;align-items:stretch;gap:.75rem}.scale-options{gap:.35rem;width:100%;justify-content:space-between}.scale-btn{width:36px;height:36px;font-size:.9rem;flex-shrink:0}.login-card,.thankyou-wrapper{padding:1.5rem;margin:2.5rem 1rem}.btn-primary{padding:.85rem 1.25rem;font-size:.95rem}}.table-wrapper{overflow-x:auto;-webkit-overflow-scrolling:touch}.dashboard-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:992px){.dashboard-grid.has-selection{grid-template-columns:1fr 1.2fr}}.questions-grid{display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem}@media (min-width:992px){.questions-grid.has-editing{grid-template-columns:1.2fr 1fr}}.sub-nav-ribbon{background:#fff;border-bottom:2px solid #000;padding:.75rem 2rem;box-shadow:0 4px 10px rgba(0,0,0,.02)}.sub-nav-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;flex-wrap:wrap;gap:1rem}@media (max-width:576px){.sub-nav-ribbon{padding:.75rem 1rem}.sub-nav-container{flex-direction:column;align-items:stretch;text-align:center}.sub-nav-container>div{justify-content:center}.btn-logout{width:100%;text-align:center}}