*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(-45deg,#1a1a2e,#2a1a3a,#1a1b4b,#2d1f3e);background-size:400% 400%;animation:gradientBG 15s ease infinite;color:#f8fafc;min-height:100vh;line-height:1.7;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;min-height:100vh}@keyframes gradientBG{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}:root{--odoo-primary: #714B67;--odoo-primary-dark: #5A3B52;--odoo-primary-light: #9B6B8F;--odoo-primary-lighter: #B388A6;--odoo-primary-glow: rgba(113, 75, 103, .5);--glass-bg: rgba(113, 75, 103, .14);--glass-border: rgba(113, 75, 103, .15);--glass-shadow: 0 4px 30px rgba(0, 0, 0, .3);--text: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--success: #4ade80;--error: #f87171;--accent: #fbbf24;--radius-sm: 8px;--radius-md: 16px;--radius-lg: 24px}.app-container{padding-top:72px;max-width:720px;margin:0 auto;min-height:100vh;display:flex;flex-direction:column;padding-left:16px;padding-right:16px}.main-content{flex:1;display:flex;flex-direction:column;gap:16px;padding-top:24px;padding-bottom:40px}.odoo-card{background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--glass-shadow)}.odoo-section-badge{font-size:11px;text-transform:uppercase;letter-spacing:.8px;color:var(--odoo-primary-light);font-weight:600;margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--odoo-primary);display:inline-block}.question-text{font-size:1.25rem;font-weight:700;margin-top:0;margin-bottom:24px;color:var(--text);line-height:1.6}.options-grid{display:flex;flex-direction:column;gap:10px}.option-btn{width:100%;padding:16px 22px;text-align:left;background:#ffffff0f;border:1px solid var(--glass-border);border-radius:var(--radius-md);color:var(--text);cursor:pointer;font-size:1rem;font-weight:400;font-family:inherit;transition:all .25s ease;line-height:1.5}.option-btn:hover:not(:disabled){background:#714b6733;border-color:var(--odoo-primary-light);transform:translate(6px)}.option-btn:active:not(:disabled){transform:translate(6px) scale(.99)}.option-btn.correct{border-color:var(--success);background:#4ade801f;color:var(--success)}.option-btn.incorrect{border-color:var(--error);background:#f871711f;color:var(--error)}.option-btn:disabled{cursor:default;opacity:.6}.option-btn.disabled{opacity:.5}.progress-bar-container{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--glass-border);border-radius:var(--radius-md);padding:14px 20px;box-shadow:var(--glass-shadow)}.progress-info{display:flex;justify-content:space-between;font-size:.8125rem;font-weight:700;color:var(--text-secondary);margin-bottom:8px;text-transform:uppercase;letter-spacing:.5px}.progress-track{height:8px;background:#ffffff0f;border-radius:4px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--odoo-primary),var(--odoo-primary-light));transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:4px;box-shadow:0 0 12px var(--odoo-primary-glow)}.footer-actions{margin-top:24px;display:flex;flex-direction:column;gap:16px;align-items:center}.feedback{font-size:.9375rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;padding:10px 28px;border-radius:50px;background:#ffffff0f;border:2px solid;animation:popIn .35s cubic-bezier(.175,.885,.32,1.275)}.text-success{color:var(--success);border-color:var(--success)}.text-error{color:var(--error);border-color:var(--error)}@keyframes popIn{0%{transform:scale(.5);opacity:0}to{transform:scale(1);opacity:1}}.primary-btn{background:linear-gradient(135deg,var(--odoo-primary),var(--odoo-primary-light));color:#fff;border:none;padding:14px 36px;border-radius:50px;font-weight:600;cursor:pointer;min-width:200px;font-size:.9375rem;font-family:inherit;transition:all .3s ease;box-shadow:0 4px 15px var(--odoo-primary-glow);letter-spacing:.3px}.primary-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px var(--odoo-primary-glow)}.primary-btn:active{transform:translateY(0)}.primary-btn:disabled{opacity:.5;cursor:not-allowed}.text-btn{background:none;border:none;padding:8px;color:var(--text-secondary);cursor:pointer;font-weight:500;font-size:.8125rem;font-family:inherit;text-decoration:none;opacity:.7;transition:opacity .2s ease,color .2s ease}.text-btn:hover{opacity:1;color:var(--odoo-primary-light)}.text-btn.danger:hover{color:var(--error)}.loading{font-size:1.125rem;font-weight:500;text-align:center;margin-top:30vh;color:var(--text-secondary);animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.odoo-navbar{position:fixed;top:0;left:0;right:0;height:56px;background:#1a1a2ebf;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--glass-border);display:flex;align-items:center;padding:0 24px;z-index:100}.odoo-navbar-brand{font-weight:800;font-size:1.125rem;background:linear-gradient(135deg,var(--odoo-primary),var(--odoo-primary-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.3px}.odoo-navbar-divider{width:1px;height:24px;background:#ffffff1f;margin:0 16px;flex-shrink:0}.odoo-navbar-section-info{font-size:.8125rem;color:var(--text-secondary);font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.odoo-navbar-spacer{flex:1}.odoo-navbar-exit{background:#ffffff0a;border:1px solid var(--glass-border);padding:6px 18px;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;font-size:.8125rem;font-family:inherit;transition:all .25s ease;flex-shrink:0}.odoo-navbar-exit:hover{background:#714b6733;border-color:var(--odoo-primary);color:#fff}.section-selector{display:flex;flex-direction:column;gap:24px}.ss-header{text-align:center;padding:16px 0 8px}.ss-title{font-size:2.75rem;font-weight:800;background:linear-gradient(135deg,var(--odoo-primary),var(--odoo-primary-light),var(--odoo-primary-lighter));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:12px;animation:float 6s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.ss-subtitle{font-size:.9375rem;color:var(--text-secondary)}.ss-grid{display:flex;flex-direction:column;gap:14px}.ss-card{background:var(--glass-bg);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid var(--glass-border);border-radius:20px;padding:24px;box-shadow:var(--glass-shadow);transition:all .3s ease}.ss-card:hover:not(.ss-card-disabled){background:#714b6724;transform:translateY(-3px);box-shadow:0 8px 40px #00000059}.ss-card-disabled{opacity:.45;pointer-events:none}.ss-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.ss-section-num{font-size:.6875rem;text-transform:uppercase;letter-spacing:.8px;color:var(--odoo-primary-light);font-weight:600}.ss-badge-locked{font-size:.625rem;text-transform:uppercase;letter-spacing:.5px;background:#ffffff0f;color:var(--text-muted);padding:3px 10px;border-radius:4px;font-weight:600}.ss-card-title{font-size:1.2rem;font-weight:700;color:var(--text);margin-bottom:8px}.ss-card-desc{font-size:.8125rem;color:var(--text-secondary);line-height:1.6;margin-bottom:16px}.ss-card-footer{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:8px}.ss-q-count{font-size:.8125rem;color:var(--text-muted)}.ss-start-btn{min-width:160px;padding:10px 24px;font-size:.8125rem}.ss-start-btn:disabled{background:#ffffff0f;color:var(--text-muted);cursor:not-allowed;box-shadow:none}.ss-start-btn:disabled:hover{transform:none;box-shadow:none}.ss-disclaimer{font-size:.75rem;color:var(--text-muted);text-align:center;padding:20px;line-height:1.6}.results-card{text-align:center}.results-disclaimer{font-size:.75rem;color:var(--accent);background:#fbbf2414;border:1px solid rgba(251,191,36,.2);border-radius:var(--radius-md);padding:12px 16px;margin-bottom:20px;text-align:center;line-height:1.6}.score-circle{width:150px;height:150px;border-radius:50%;border:3px solid rgba(113,75,103,.3);background:#714b6726;display:flex;align-items:center;justify-content:center;margin:28px auto;font-size:2.25rem;font-weight:700;color:var(--text);box-shadow:0 0 40px #714b6740;position:relative}.score-circle:after{content:"";position:absolute;inset:-6px;border-radius:50%;border:1px solid rgba(113,75,103,.15);animation:scorePulse 2s ease-in-out infinite}@keyframes scorePulse{0%,to{transform:scale(1);opacity:.5}50%{transform:scale(1.04);opacity:.2}}.score-detail{font-size:.9375rem;color:var(--text-secondary);margin-bottom:24px}.actions-stack{display:flex;flex-direction:column;gap:14px;align-items:center}@media(max-width:768px){.app-container{padding-left:12px;padding-right:12px;padding-top:64px}.odoo-card{padding:1.5rem}.ss-title{font-size:2rem}.ss-card{padding:18px}.question-text{font-size:1rem}.option-btn{padding:12px 16px;font-size:.875rem}.primary-btn{width:100%;min-width:unset;padding:14px 24px}.ss-start-btn{min-width:unset;width:100%}.ss-card-footer{flex-direction:column;align-items:stretch}.score-circle{width:120px;height:120px;font-size:1.75rem}}@media(max-width:480px){.app-container{padding-left:8px;padding-right:8px}.odoo-card{padding:1.25rem;border-radius:20px}.ss-title{font-size:1.625rem}.ss-subtitle{font-size:.8125rem}.odoo-navbar{padding:0 12px;height:52px}.odoo-navbar-brand{font-size:1rem}.odoo-navbar-section-info{font-size:.6875rem;max-width:140px}}