@import url("https://fonts.googleapis.com/css2?family=Outfit:wght@300;400;500;600;700&display=swap");:root{--bg-color:#0f172a;--text-color:#f8fafc;--card-bg:rgba(30,41,59,.7);--card-border:hsla(0,0%,100%,.1);--accent-color:#3b82f6;--accent-hover:#2563eb;--success-color:#10b981;--radio-size:20px}*{box-sizing:border-box;padding:0;margin:0}body{font-family:Outfit,sans-serif;background-color:var(--bg-color);background-image:radial-gradient(at 0 0,#100f15 0,transparent 50%),radial-gradient(at 50% 0,rgba(47,62,106,.3) 0,transparent 50%),radial-gradient(at 100% 0,rgba(114,39,65,.3) 0,transparent 50%);background-attachment:fixed;color:var(--text-color);line-height:1.6;min-height:100vh}.glass{background:var(--card-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--card-border);border-radius:16px}.container{max-width:900px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid var(--card-border);position:relative}h1{font-size:2rem;font-weight:700;background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1,h2{margin-bottom:1rem}h2{font-size:1.5rem;color:#94a3b8;margin-top:2rem}h3{font-size:1.25rem;margin-bottom:1.5rem;color:#e2e8f0}.question-group{margin-bottom:3rem;padding:2rem;transition:transform .3s ease,box-shadow .3s ease}.question-group:hover{transform:translateY(-2px);box-shadow:0 10px 25px -5px rgba(0,0,0,.3)}.table-wrapper{overflow-x:auto;min-width:100%}.table-wrapper::-webkit-scrollbar{height:6px}.table-wrapper::-webkit-scrollbar-thumb{background:hsla(0,0%,100%,.2);border-radius:4px}.statement-row{display:flex;justify-content:space-between;align-items:center;padding:1rem 0;border-bottom:1px solid hsla(0,0%,100%,.05);transition:background-color .2s ease;min-width:600px}.statement-row:last-child{border-bottom:none}.statement-row:hover{background-color:hsla(0,0%,100%,.03);border-radius:8px}.statement-text{flex:1 1;padding-right:2rem;font-size:1.05rem;display:flex;gap:1rem}.sn{color:#64748b;font-weight:600;min-width:30px}.options{min-width:250px}.option-header,.options{display:flex;gap:1.5rem;justify-content:flex-end}.option-header{padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1);margin-bottom:1rem;font-weight:600;color:#cbd5e1;min-width:600px}.option-label{width:40px;text-align:center}.radio-container{display:flex;justify-content:center;align-items:center;width:40px;cursor:pointer;position:relative}.radio-container input{position:absolute;opacity:0;cursor:pointer;height:0;width:0}.checkmark{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);height:var(--radio-size);width:var(--radio-size);background-color:transparent;border:2px solid #64748b;border-radius:4px;transition:all .2s ease}.radio-container:hover input~.checkmark{border-color:var(--accent-color);background-color:rgba(59,130,246,.1)}.radio-container input:checked~.checkmark{background-color:var(--accent-color);border-color:var(--accent-color)}.checkmark:after{content:"";position:absolute;display:none}.radio-container input:checked~.checkmark:after{display:block}.radio-container .checkmark:after{left:6px;top:2px;width:4px;height:10px;border:solid #fff;border-width:0 2px 2px 0;transform:rotate(45deg)}.submit-btn{display:block;width:100%;padding:1.2rem;margin-top:2rem;background:linear-gradient(135deg,var(--accent-color),#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;font-family:inherit}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px -10px rgba(139,92,246,.6)}.submit-btn:active{transform:translateY(0)}.submit-btn:disabled{background:#475569;cursor:not-allowed;transform:none;box-shadow:none}.admin-icon{position:absolute;top:0;right:0;color:#64748b;transition:color .2s ease}.admin-icon:hover{color:var(--text-color)}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));grid-gap:2rem;gap:2rem;margin-bottom:2rem}.stat-card{padding:1.5rem;text-align:center}.stat-value{font-size:3rem;font-weight:700;background:linear-gradient(90deg,#10b981,#3b82f6);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.table-container{overflow-x:auto;margin-top:2rem}table{width:100%;border-collapse:collapse;text-align:left}td,th{padding:1rem;border-bottom:1px solid var(--card-border)}th{background-color:rgba(0,0,0,.2);font-weight:600;color:#e2e8f0}tr:hover td{background-color:hsla(0,0%,100%,.02)}.action-bar{display:flex;justify-content:flex-end;margin-bottom:1rem}.btn-secondary{background:hsla(0,0%,100%,.1);color:#fff;border:1px solid var(--card-border);padding:.5rem 1rem;border-radius:8px;cursor:pointer;transition:background .2s;display:flex;align-items:center;gap:.5rem;font-family:inherit}.btn-secondary:hover{background:hsla(0,0%,100%,.2)}.login-form{max-width:400px;margin:4rem auto;padding:2rem;gap:1.5rem}.input-group,.login-form{display:flex;flex-direction:column}.input-group{gap:.5rem}.input-group input{padding:.8rem;border-radius:8px;border:1px solid var(--card-border);background:rgba(0,0,0,.2);color:#fff;font-family:inherit}.input-group input:focus{outline:none;border-color:var(--accent-color)}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-10px)}60%{transform:translateY(-5px)}}.scroll-indicator{display:flex;justify-content:center;align-items:center;color:var(--accent-color);animation:bounce 2s infinite;margin-top:1.5rem}@media (max-width:768px){.container{padding:1rem .5rem}h1{font-size:1.25rem}h2{font-size:1.1rem}.table-wrapper{overflow-x:visible}.option-header,.statement-row{min-width:100%}.question-group{padding:1.5rem .5rem}.statement-text{padding-right:.5rem;font-size:.85rem;gap:.25rem}.sn{min-width:20px}.options{min-width:130px}.option-header,.options{gap:.2rem}.option-label{width:30px;font-size:.8rem}.radio-container{width:30px}:root{--radio-size:16px}.dashboard-grid{grid-template-columns:1fr}.stat-value{font-size:2.2rem}}