.app-container{display:flex;flex-direction:column;min-height:100vh}.app-header{background:var(--primary-color);color:#fff;padding:20px 24px;box-shadow:var(--shadow-md);display:flex;justify-content:space-between;align-items:center}.header-content{flex:1}.app-title{font-size:24px;font-weight:600;margin:0}.app-subtitle{font-size:14px;opacity:.9;margin:4px 0 0}.header-user{margin-left:24px}.app-main{flex:1;padding:48px 24px;max-width:1200px;width:100%;margin:0 auto}.app-footer{background:var(--surface);border-top:1px solid var(--border);padding:24px;text-align:center;color:var(--text-secondary);font-size:14px}.footer-note{margin-top:8px;font-size:13px;color:var(--text-secondary)}.auth-wrapper,.survey-wrapper{max-width:900px;margin:0 auto}.auth-container{display:flex;justify-content:center;align-items:center;padding:48px 0}.auth-card{background:#fff;border-radius:12px;padding:48px;box-shadow:var(--shadow-lg);text-align:center;max-width:400px;width:100%}.auth-card h2{margin-bottom:12px;color:var(--text-primary)}.auth-card p{color:var(--text-secondary);margin-bottom:32px}.auth-error{padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;margin-bottom:24px}.sign-in-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;padding:14px 24px;background:#fff;border:1px solid var(--border);border-radius:6px;font-size:16px;font-weight:500;color:var(--text-primary);box-shadow:var(--shadow-sm)}.sign-in-button:hover:not(:disabled){background:var(--surface);box-shadow:var(--shadow-md)}.google-icon{width:20px;height:20px}.auth-user-info{display:flex;align-items:center;gap:16px;background:#ffffff1a;padding:8px 12px;border-radius:6px}.user-details{display:flex;align-items:center;gap:12px}.user-avatar{width:36px;height:36px;border-radius:50%;border:2px solid white}.user-name{font-weight:500;font-size:14px}.user-email{font-size:12px;opacity:.9}.sign-out-button{padding:6px 16px;background:#fff3;color:#fff;border-radius:4px;font-size:14px}.sign-out-button:hover{background:#ffffff4d}.sus-survey-form{background:#fff;border-radius:12px;padding:40px;box-shadow:var(--shadow-lg)}.survey-header{margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--border)}.survey-header h1{font-size:28px;margin-bottom:8px}.user-info{color:var(--text-secondary);font-size:14px;margin:8px 0}.instructions{color:var(--text-secondary);margin-top:16px;font-size:15px}.questions-container{display:flex;flex-direction:column;gap:32px;margin-bottom:40px}.question-block{border-bottom:1px solid var(--border);padding-bottom:24px}.question-block:last-child{border-bottom:none}.question-label{display:block;margin-bottom:16px}.question-number{font-weight:600;color:var(--primary-color);margin-right:8px}.question-text{font-size:16px;color:var(--text-primary)}.radio-group{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.scale-label{font-size:13px;color:var(--text-secondary);font-weight:500}.radio-option{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer}.radio-option input[type=radio]{width:20px;height:20px;accent-color:var(--primary-color)}.radio-label{font-size:14px;font-weight:500;color:var(--text-secondary)}.form-footer{display:flex;align-items:center;justify-content:space-between;padding-top:24px;border-top:1px solid var(--border)}.submit-button{padding:14px 32px;background:var(--primary-color);color:#fff;border-radius:6px;font-size:16px;font-weight:500;box-shadow:var(--shadow-sm)}.submit-button:hover:not(:disabled){background:var(--primary-hover);box-shadow:var(--shadow-md)}.completion-status{font-size:14px;color:var(--text-secondary)}.survey-completion{display:flex;justify-content:center;align-items:center;padding:48px 0}.completion-card{background:#fff;border-radius:12px;padding:48px;box-shadow:var(--shadow-lg);text-align:center;max-width:500px}.completion-card h2{color:var(--success-color);margin-bottom:24px;font-size:32px}.score-display{margin:32px 0;padding:32px;background:var(--surface);border-radius:8px}.score-value{font-size:64px;font-weight:700;color:var(--primary-color);line-height:1}.score-label{font-size:16px;color:var(--text-secondary);margin-top:8px;font-weight:500}.completion-message{color:var(--text-secondary);margin-bottom:32px;font-size:16px}.new-survey-button{padding:12px 24px;background:var(--primary-color);color:#fff;border-radius:6px;font-size:15px;font-weight:500}.new-survey-button:hover{background:var(--primary-hover)}.survey-success{text-align:center;padding:48px;background:#fff;border-radius:12px;box-shadow:var(--shadow-lg)}.survey-success h2{color:var(--success-color);margin-bottom:16px;font-size:28px}@media (max-width: 768px){.app-header{flex-direction:column;align-items:flex-start;gap:16px}.header-user{margin-left:0;width:100%}.sus-survey-form{padding:24px}.radio-group{flex-direction:column;align-items:flex-start}.form-footer{flex-direction:column;gap:16px;align-items:stretch}.submit-button{width:100%}}:root{--primary-color: #2563eb;--primary-hover: #1d4ed8;--success-color: #10b981;--error-color: #ef4444;--background: #ffffff;--surface: #f9fafb;--border: #e5e7eb;--text-primary: #111827;--text-secondary: #6b7280;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:16px;line-height:1.5;color:var(--text-primary);background:var(--background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;display:flex;flex-direction:column}button{font-family:inherit;cursor:pointer;border:none;outline:none;transition:all .2s ease}button:disabled{cursor:not-allowed;opacity:.6}input[type=radio]{cursor:pointer}.error-message{padding:12px;background:#fee2e2;border:1px solid #fecaca;border-radius:6px;color:#991b1b;margin-bottom:16px}