:root{--accent:#3b82f6;--bg:#fff;--bg-muted:#f8fafc;--text:#111827;--text-muted:#374151;--border:#e5e7eb;--focus-ring:#2563eb;--font-size:16px;--font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--space-1:6px;--space-2:8px;--space-3:12px;--space-4:16px;--transition-fast:220ms;--ease:cubic-bezier(.2,.8,.2,1);--shadow:0 4px 12px #0000001f;--radius:8px;--acc-100:#dbeafe;--acc-200:#bfdbfe;--acc-300:#93c5fd;--acc-400:#3b82f6;--acc-500:#2563eb;--acc-600:#1d4ed8;--color-primary:var(--accent);--color-primary-dark:var(--acc-500);--color-primary-light:var(--acc-300);--color-bg-primary:var(--bg);--color-bg-secondary:var(--bg-muted);--color-bg-elevated:var(--bg);--color-bg-overlay:#00000040;--color-text-primary:var(--text);--color-text-secondary:var(--text-muted);--color-text-muted:var(--text-muted);--color-text-inverse:#fff;--color-border-primary:var(--border);--color-border-secondary:var(--border);--color-border-focus:var(--focus-ring);--color-success:#28a745;--color-success-bg:#e6fbe7;--color-success-border:#baf5c2;--color-danger:#e53935;--color-danger-bg:#fff2f2;--color-danger-border:#ffbdbd;--color-warning:#ffb400;--color-warning-bg:#fff8e1;--color-warning-border:#ffe58f;--color-info:#2c90fc;--color-info-bg:#eef6ff;--color-info-border:#bfd5ef;--color-verified:#17a700;--color-not-verified:#e53935;--color-auth-bg:#f3f6fc;--color-admin-badge:#fed766;--color-nav-badge:#e55b5b;--color-bug-report:#c61a1a;--color-bug-report-bg:#ffe0e0;--space-base:var(--space-2);--space-xs:var(--space-1);--space-sm:var(--space-2);--space-md:var(--space-3);--space-lg:var(--space-4);--space-xl:calc(var(--space-4)*1.5);--space-2xl:calc(var(--space-4)*2);--space-3xl:calc(var(--space-4)*3);--space-container-padding:var(--space-lg);--space-card-padding:calc(var(--space-base)*1.25);--space-button-padding-x:calc(var(--space-base)*1.25);--space-button-padding-y:calc(var(--space-base)*0.65);--space-input-padding:calc(var(--space-base)*0.6);--font-family-primary:var(--font-family);--font-family-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;--font-size-xs:calc(var(--font-size)*0.75);--font-size-sm:calc(var(--font-size)*0.875);--font-size-base:var(--font-size);--font-size-lg:calc(var(--font-size)*1.125);--font-size-xl:calc(var(--font-size)*1.25);--font-size-2xl:calc(var(--font-size)*1.5);--font-size-3xl:calc(var(--font-size)*1.875);--font-size-4xl:calc(var(--font-size)*2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.6;--radius-none:0;--radius-sm:calc(var(--radius)*0.5);--radius-md:var(--radius);--radius-lg:calc(var(--radius)*1.5);--radius-xl:calc(var(--radius)*2);--radius-full:9999px;--radius-card:var(--radius-lg);--radius-input:var(--radius-sm);--radius-modal:var(--radius-xl);--radius-toast:var(--radius);--radius-badge:var(--radius-lg);--shadow-none:none;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 2px 4px #0000000f;--shadow-md:var(--shadow);--shadow-lg:0 8px 25px #0000001a;--shadow-xl:0 20px 40px #0000001a;--shadow-card:var(--shadow);--shadow-modal:var(--shadow-xl);--shadow-dropdown:var(--shadow-lg);--shadow-toast:var(--shadow-md);--shadow-focus:0 0 0 3px #3b82f61a;--transition-fast:var(--transition-fast);--transition-normal:var(--transition-fast);--transition-slow:calc(var(--transition-fast)*1.5);--ease-linear:linear;--ease-out:ease-out;--ease-in-out:var(--ease);--ease-spring:cubic-bezier(.2,.8,.2,1.2);--transition-colors:color var(--transition-fast) var(--ease),background-color var(--transition-fast) var(--ease),border-color var(--transition-fast) var(--ease);--transition-transform:transform var(--transition-fast) var(--ease);--transition-opacity:opacity var(--transition-fast) var(--ease);--transition-all:all var(--transition-fast) var(--ease);--z-dropdown:300;--z-navbar:1000;--z-modal-backdrop:1200;--z-modal:1250;--z-toast:3000;--z-tooltip:9999;--button-padding:var(--space-button-padding-y) var(--space-button-padding-x);--button-border-width:2px;--button-font-weight:var(--font-weight-semibold);--button-transition:var(--transition-colors),var(--transition-transform);--card-padding:var(--space-card-padding);--card-border-width:1px;--card-border:var(--card-border-width) solid var(--color-border-primary);--input-padding:var(--space-input-padding);--input-border-width:1px;--input-border:var(--input-border-width) solid var(--color-border-primary);--input-focus-border:var(--input-border-width) solid var(--color-border-focus);--modal-max-width:460px;--modal-padding:var(--space-xl);--modal-backdrop-bg:var(--color-bg-overlay);--toast-padding:calc(var(--space-base)*0.88) calc(var(--space-base)*1.4);--toast-border-width:1.5px;--toast-font-weight:var(--font-weight-semibold);--navbar-height:48px;--navbar-padding:0 var(--space-xl);--avatar-size:34px;--grid-gap:var(--space-lg);--container-max-width:1000px;--bp-sm:480px;--bp-md:640px;--bp-lg:768px;--bp-xl:1024px;--bp-2xl:1280px;color-scheme:light}[data-theme-mode=dark],[data-theme=dark]{--bg:#0b1220;--bg-muted:#111827;--text:#e5e7eb;--text-muted:#cbd5e1;--border:#1f2937;--shadow:0 4px 12px #0006;--color-bg-primary:var(--bg);--color-bg-secondary:var(--bg-muted);--color-bg-elevated:var(--bg);--color-text-primary:var(--text);--color-text-secondary:var(--text-muted);--color-text-muted:var(--text-muted);--color-border-primary:var(--border);--shadow-card:var(--shadow);--shadow-md:var(--shadow);color-scheme:dark}[data-contrast=high]{--color-text-primary:#000;--color-text-secondary:#333;--color-border-primary:#666;--color-primary:#06c;--shadow-md:0 2px 8px #000c;--button-border-width:3px;--input-border-width:2px}[data-spacing=compact]{--spacing-scale:0.75;--spacing-unit:0.75rem}[data-spacing=spacious]{--spacing-scale:1.25;--spacing-unit:1.25rem}[data-animations=none]{--transition-duration:0ms;--transition-fast:0ms;--transition-normal:0ms;--transition-slow:0ms}[data-animations=subtle]{--transition-duration:150ms;--transition-easing:ease-out}[data-animations=bouncy]{--transition-duration:300ms;--transition-easing:var(--ease-spring)}@media (prefers-reduced-motion:reduce){:root{--transition-duration:0.01ms;--transition-fast:0.01ms;--transition-normal:0.01ms;--transition-slow:0.01ms}}@media print{:root{--color-bg-primary:#fff;--color-bg-secondary:#fff;--color-text-primary:#000;--color-text-secondary:#333;--shadow-card:none;--shadow-md:none;--color-border-primary:#ccc}}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body,html{height:100%;margin:0;padding:0}body{background-color:var(--color-bg-primary);color:var(--color-text-primary);font-family:var(--font-family-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);overflow-x:hidden;transition:var(--transition-colors)}:focus{outline:none}[tabindex]:focus-visible,a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--color-primary);outline-offset:2px}.focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}ol,ul{list-style:none}.list-disc{list-style-type:disc}.list-decimal,.list-disc{padding-left:var(--space-lg)}.list-decimal{list-style-type:decimal}canvas,img,picture,svg,video{display:block;height:auto;max-width:100%}button,input,select,textarea{color:inherit;font-family:inherit;font-size:inherit;line-height:inherit}button{background:none;border:none;cursor:pointer;padding:0}input,select,textarea{background-color:initial;border:none;margin:0;outline:none}input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration,input[type=search]::-webkit-search-results-button,input[type=search]::-webkit-search-results-decoration{-webkit-appearance:none}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}table{border-collapse:collapse;border-spacing:0;width:100%}td,th{text-align:left;vertical-align:top}a{background-color:initial;color:inherit}a,a:active,a:focus,a:hover{text-decoration:none}::selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-moz-selection{background-color:var(--color-primary);color:var(--color-text-inverse)}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:var(--color-bg-secondary)}::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}*{scrollbar-color:var(--color-border-primary) var(--color-bg-secondary);scrollbar-width:thin}.visually-hidden{clip:rect(0,0,0,0)!important;border:0!important;height:1px!important;margin:-1px!important;overflow:hidden!important;padding:0!important;position:absolute!important;white-space:nowrap!important;width:1px!important}.focus-trap{outline:none}[aria-disabled=true],[disabled]{cursor:not-allowed;opacity:.6}.loading-pulse{animation:pulse 2s infinite}.loading-spin{animation:spin 1s linear infinite}@media print{*,:after,:before{background:#0000!important;box-shadow:none!important;color:#000!important;text-shadow:none!important}body{font-size:12pt;line-height:1.3}a:after{color:#666;content:" (" attr(href) ")";font-size:90%}a[href^="#"]:after,a[href^="javascript:"]:after{content:""}.page-break-before{page-break-before:always}.page-break-after{page-break-after:always}.no-print{display:none!important}img{max-width:100%!important;page-break-inside:avoid}table{border-collapse:collapse!important}td,th{border:1px solid #ddd!important;padding:8px!important}}h1,h2,h3,h4,h5,h6{color:var(--color-text-primary);font-family:var(--font-family-primary);font-weight:var(--font-weight-bold);letter-spacing:-.02em;line-height:var(--line-height-tight);margin:0 0 var(--space-md) 0}h1{font-size:var(--font-size-3xl);margin-bottom:var(--space-lg)}h2{font-size:var(--font-size-2xl)}h2,h3{margin-bottom:var(--space-md)}h3{font-size:var(--font-size-xl)}h4{font-size:var(--font-size-lg)}h4,h5,h6{margin-bottom:var(--space-sm)}h5,h6,p{font-size:var(--font-size-base)}p{color:var(--color-text-secondary);line-height:var(--line-height-relaxed);margin:0 0 var(--space-md) 0}p:last-child{margin-bottom:0}.text-xs{font-size:var(--font-size-xs)}.text-sm,.text-xs{line-height:var(--line-height-normal)}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-base,.text-lg{line-height:var(--line-height-normal)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl,.text-xl{line-height:var(--line-height-tight)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-3xl,.text-4xl{line-height:var(--line-height-tight)}.text-4xl{font-size:var(--font-size-4xl)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-inverse{color:var(--color-text-inverse)}.text-accent{color:var(--color-primary)}.text-success{color:var(--color-success)}.text-danger{color:var(--color-danger)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.text-verified{color:var(--color-verified)}.text-not-verified,.text-verified{font-weight:var(--font-weight-semibold)}.text-not-verified{color:var(--color-not-verified)}.font-normal{font-weight:var(--font-weight-normal)}.font-medium{font-weight:var(--font-weight-medium)}.font-semibold{font-weight:var(--font-weight-semibold)}.font-bold{font-weight:var(--font-weight-bold)}.text-justify{text-align:justify}.leading-tight{line-height:var(--line-height-tight)}.leading-normal{line-height:var(--line-height-normal)}.leading-relaxed{line-height:var(--line-height-relaxed)}.font-mono{font-family:var(--font-family-mono)}.font-primary{font-family:var(--font-family-primary)}.muted{color:var(--color-text-muted);font-style:italic}.icon-text{align-items:center;display:inline-flex;gap:var(--space-xs)}.icon{display:inline-block;font-size:1.2em;line-height:1;margin-right:var(--space-xs);vertical-align:middle}.cat-reset-hint,.hint-text{color:var(--color-text-muted);display:block;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-xs)}.loading-text{font-size:var(--font-size-lg);margin:calc(var(--space-3xl) + var(--space-lg)) auto var(--space-2xl) auto;text-align:center}.link,.loading-text,a{color:var(--color-primary)}.link,a{cursor:pointer;text-decoration:none;transition:var(--transition-colors)}.link:focus,.link:hover,a:focus,a:hover{color:var(--color-primary-dark);text-decoration:underline}.dashboard-link{color:var(--color-primary);text-decoration:none;transition:var(--transition-colors)}.dashboard-link:hover{color:var(--color-primary-dark);text-decoration:underline}.link-btn{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-info);font-size:var(--font-size-base);gap:var(--space-xs);padding:var(--space-sm);transition:var(--transition-colors)}.link-btn:focus,.link-btn:hover{background:var(--color-info-bg);text-decoration:underline}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.truncate-2{-webkit-line-clamp:2;line-clamp:2}.truncate-2,.truncate-3{-webkit-box-orient:vertical;box-orient:vertical;display:flex;overflow:hidden}.truncate-3{-webkit-line-clamp:3;line-clamp:3}.selectable{-webkit-user-select:text;user-select:text}.unselectable{-webkit-user-select:none;user-select:none}@media (max-width:480px){h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}.text-4xl{font-size:var(--font-size-3xl)}.text-3xl{font-size:var(--font-size-2xl)}}@media (min-width:1024px){body{font-size:calc(var(--font-size-base)*1.05)}}@media print{h1,h2,h3,h4,h5,h6{color:#000;page-break-after:avoid}p{orphans:3;widows:3}a,p{color:#000}a{text-decoration:underline}.text-muted{color:#666}.text-secondary{color:#333}}.container{margin:0 auto;max-width:var(--container-max-width)}.container,.container-fluid{padding:0 var(--space-container-padding);width:100%}.container-narrow{max-width:720px}.container-narrow,.container-wide{margin:0 auto;padding:0 var(--space-container-padding);width:100%}.container-wide{max-width:1400px}.inline-flex{display:inline-flex}.flex-row{flex-direction:row}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-nowrap{flex-wrap:nowrap}.flex-wrap-reverse{flex-wrap:wrap-reverse}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-baseline{align-self:baseline}.self-stretch{align-self:stretch}.flex-1{flex:1 1}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.grow{flex-grow:1}.grow-0{flex-grow:0}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grid{grid-gap:var(--grid-gap);display:grid}.grid,.inline-grid{gap:var(--grid-gap)}.inline-grid{display:inline-grid}.grid-cols-1{grid-template-columns:repeat(1,1fr)}.grid-cols-2{grid-template-columns:repeat(2,1fr)}.grid-cols-3{grid-template-columns:repeat(3,1fr)}.grid-cols-4{grid-template-columns:repeat(4,1fr)}.grid-cols-5{grid-template-columns:repeat(5,1fr)}.grid-cols-6{grid-template-columns:repeat(6,1fr)}.grid-cols-12{grid-template-columns:repeat(12,1fr)}.grid-cols-auto{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.grid-cols-auto-sm{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}.grid-cols-auto-lg{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid-rows-1{grid-template-rows:repeat(1,1fr)}.grid-rows-2{grid-template-rows:repeat(2,1fr)}.grid-rows-3{grid-template-rows:repeat(3,1fr)}.grid-rows-4{grid-template-rows:repeat(4,1fr)}.col-span-1{grid-column:span 1/span 1}.col-span-2{grid-column:span 2/span 2}.col-span-3{grid-column:span 3/span 3}.col-span-4{grid-column:span 4/span 4}.col-span-6{grid-column:span 6/span 6}.col-span-full{grid-column:1/-1}.row-span-1{grid-row:span 1/span 1}.row-span-2{grid-row:span 2/span 2}.row-span-3{grid-row:span 3/span 3}.row-span-full{grid-row:1/-1}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.p-2xl{padding:var(--space-2xl)}.p-3xl{padding:var(--space-3xl)}.px-0{padding-left:0;padding-right:0}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.px-lg{padding-left:var(--space-lg);padding-right:var(--space-lg)}.px-xl{padding-left:var(--space-xl);padding-right:var(--space-xl)}.px-2xl{padding-left:var(--space-2xl);padding-right:var(--space-2xl)}.py-0{padding-bottom:0;padding-top:0}.py-xs{padding-bottom:var(--space-xs);padding-top:var(--space-xs)}.py-sm{padding-bottom:var(--space-sm);padding-top:var(--space-sm)}.py-md{padding-bottom:var(--space-md);padding-top:var(--space-md)}.py-lg{padding-bottom:var(--space-lg);padding-top:var(--space-lg)}.py-xl{padding-bottom:var(--space-xl);padding-top:var(--space-xl)}.py-2xl{padding-bottom:var(--space-2xl);padding-top:var(--space-2xl)}.pt-0{padding-top:0}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pt-xl{padding-top:var(--space-xl)}.pb-0{padding-bottom:0}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pb-xl{padding-bottom:var(--space-xl)}.pl-0{padding-left:0}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pl-lg{padding-left:var(--space-lg)}.pl-xl{padding-left:var(--space-xl)}.pr-0{padding-right:0}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.pr-lg{padding-right:var(--space-lg)}.pr-xl{padding-right:var(--space-xl)}.m-0{margin:0}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.m-xl{margin:var(--space-xl)}.m-2xl{margin:var(--space-2xl)}.m-3xl{margin:var(--space-3xl)}.m-auto{margin:auto}.mx-0{margin-left:0;margin-right:0}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.mx-md{margin-left:var(--space-md);margin-right:var(--space-md)}.mx-lg{margin-left:var(--space-lg);margin-right:var(--space-lg)}.mx-xl{margin-left:var(--space-xl);margin-right:var(--space-xl)}.mx-auto{margin-left:auto;margin-right:auto}.my-0{margin-bottom:0;margin-top:0}.my-xs{margin-bottom:var(--space-xs);margin-top:var(--space-xs)}.my-sm{margin-bottom:var(--space-sm);margin-top:var(--space-sm)}.my-md{margin-bottom:var(--space-md);margin-top:var(--space-md)}.my-lg{margin-bottom:var(--space-lg);margin-top:var(--space-lg)}.my-xl{margin-bottom:var(--space-xl);margin-top:var(--space-xl)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mt-xl{margin-top:var(--space-xl)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.mb-xl{margin-bottom:var(--space-xl)}.ml-0{margin-left:0}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-lg{margin-left:var(--space-lg)}.ml-xl{margin-left:var(--space-xl)}.ml-auto{margin-left:auto}.mr-0{margin-right:0}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-lg{margin-right:var(--space-lg)}.mr-xl{margin-right:var(--space-xl)}.mr-auto{margin-right:auto}.gap-0{gap:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-2xl{gap:var(--space-2xl)}.gap-x-0{column-gap:0}.gap-x-xs{column-gap:var(--space-xs)}.gap-x-sm{column-gap:var(--space-sm)}.gap-x-md{column-gap:var(--space-md)}.gap-x-lg{column-gap:var(--space-lg)}.gap-x-xl{column-gap:var(--space-xl)}.gap-y-0{row-gap:0}.gap-y-xs{row-gap:var(--space-xs)}.gap-y-sm{row-gap:var(--space-sm)}.gap-y-md{row-gap:var(--space-md)}.gap-y-lg{row-gap:var(--space-lg)}.gap-y-xl{row-gap:var(--space-xl)}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{bottom:0;left:0;right:0;top:0}.inset-auto{bottom:auto;left:auto;right:auto;top:auto}.top-0{top:0}.top-auto{top:auto}.right-0{right:0}.right-auto{right:auto}.bottom-0{bottom:0}.bottom-auto{bottom:auto}.left-0{left:0}.left-auto{left:auto}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.hidden{display:none}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.overflow-y-hidden{overflow-y:hidden}.overflow-y-scroll{overflow-y:scroll}.w-auto{width:auto}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.h-auto{height:auto}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.min-w-0{min-width:0}.min-w-full{min-width:100%}.min-w-min{min-width:min-content}.min-w-max{min-width:max-content}.max-w-xs{max-width:20rem}.max-w-sm{max-width:24rem}.max-w-md{max-width:28rem}.max-w-lg{max-width:32rem}.max-w-xl{max-width:36rem}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-5xl{max-width:64rem}.max-w-6xl{max-width:72rem}.max-w-7xl{max-width:80rem}.max-w-full{max-width:100%}.max-w-none{max-width:none}.min-h-0{min-height:0}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.max-h-full{max-height:100%}.max-h-screen{max-height:100vh}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-40{z-index:40}.z-50{z-index:50}.z-dropdown{z-index:var(--z-dropdown)}.z-navbar{z-index:var(--z-navbar)}.z-modal-backdrop{z-index:var(--z-modal-backdrop)}.z-modal{z-index:var(--z-modal)}.z-toast{z-index:var(--z-toast)}.z-tooltip{z-index:var(--z-tooltip)}.app-container,.page-container{margin:calc(var(--space-xl) + var(--space-sm)) auto;max-width:var(--container-max-width);padding:var(--space-lg)}.app-container{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:calc(var(--radius-lg) + var(--radius-sm));box-shadow:var(--shadow-card)}.quiz-container,.review-container{margin:calc(var(--space-xl) + var(--space-sm)) auto;max-width:720px;padding:var(--space-lg)}.auth-container{background:var(--color-auth-bg);padding:0 var(--space-md)}.stats-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-bottom:var(--space-lg)}.main-content-grid{grid-gap:var(--space-xl);align-items:flex-start;display:grid;gap:var(--space-xl);grid-template-columns:1fr 1.1fr;margin-top:var(--space-sm)}.achievements-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(170px,1fr));margin-top:var(--space-lg)}.actions-row{display:flex;gap:var(--space-md);justify-content:flex-start;margin-bottom:var(--space-lg);margin-top:var(--space-xs)}@media (max-width:640px){.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:block{display:block}.sm\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.sm\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:gap-sm{gap:var(--space-sm)}.sm\:p-sm{padding:var(--space-sm)}.sm\:px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}}@media (max-width:768px){.md\:flex{display:flex}.md\:hidden{display:none}.md\:block{display:block}.md\:grid-cols-1{grid-template-columns:repeat(1,1fr)}.md\:grid-cols-2{grid-template-columns:repeat(2,1fr)}.md\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.md\:flex-col{flex-direction:column}.md\:gap-md{gap:var(--space-md)}.main-content-grid{gap:var(--space-lg);grid-template-columns:1fr}.actions-row{flex-direction:column;gap:var(--space-sm)}}@media (min-width:1024px){.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:block{display:block}.lg\:grid-cols-3{grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-4{grid-template-columns:repeat(4,1fr)}.lg\:flex-row{flex-direction:row}.lg\:gap-lg{gap:var(--space-lg)}}@media print{.print\:hidden{display:none!important}.print\:block{display:block!important}.app-container,.page-container{border:1px solid #ccc!important;box-shadow:none!important;margin:0!important;padding:1rem!important}.achievements-grid,.stats-grid{gap:1rem!important;grid-template-columns:repeat(2,1fr)!important}.main-content-grid{gap:1rem!important;grid-template-columns:1fr!important}}.btn{border:var(--button-border-width) solid #0000;border-radius:var(--button-radius);font-family:inherit;font-size:var(--font-size-base);font-weight:var(--button-font-weight);gap:var(--space-xs);line-height:1;outline:none;overflow:hidden;padding:var(--button-padding);position:relative;transition:var(--button-transition);-webkit-user-select:none;user-select:none}.btn:focus-visible{outline:2px solid var(--color-primary)}.btn:disabled,.btn[aria-disabled=true]{cursor:not-allowed;opacity:.6;pointer-events:none}.btn-primary{background-color:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-primary:hover:not(:disabled){background-color:var(--color-primary-dark);border-color:var(--color-primary-dark);box-shadow:var(--shadow-md)}.btn-primary:active{box-shadow:var(--shadow-sm);transform:translateY(0)}.btn-secondary{background-color:initial;border-color:var(--color-primary);color:var(--color-primary)}.btn-secondary:hover:not(:disabled){background-color:var(--color-primary);color:var(--color-text-inverse)}.btn-secondary:active{transform:translateY(0)}.btn-ghost{background-color:initial;border-color:#0000;color:var(--color-text-secondary)}.btn-ghost:hover:not(:disabled){background-color:var(--color-bg-secondary);color:var(--color-text-primary)}.btn-danger{background-color:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.btn-danger:hover:not(:disabled){background-color:#c00;border-color:#c00;box-shadow:var(--shadow-md)}.btn-success{background-color:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.btn-success:hover:not(:disabled){background-color:#17a700;border-color:#17a700;box-shadow:var(--shadow-md)}.btn-warning{background-color:var(--color-warning);border-color:var(--color-warning);color:var(--color-text-inverse)}.btn-warning:hover:not(:disabled){background-color:#e6a200;border-color:#e6a200;box-shadow:var(--shadow-md)}.btn-info{background-color:var(--color-info);border-color:var(--color-info);color:var(--color-text-inverse)}.btn-info:hover:not(:disabled){background-color:#2474f4;border-color:#2474f4;box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-xs{font-size:var(--font-size-xs);gap:calc(var(--space-xs)*.5);padding:calc(var(--space-xs)*.5) var(--space-xs)}.btn-sm{font-size:var(--font-size-sm);gap:calc(var(--space-xs)*.75);padding:var(--space-xs) var(--space-sm)}.btn-lg{font-size:var(--font-size-lg);gap:var(--space-sm);padding:var(--space-md) var(--space-xl)}.btn-xl{font-size:var(--font-size-xl);gap:var(--space-md);padding:var(--space-lg) var(--space-2xl)}.btn-pill{border-radius:var(--radius-full)}.btn-square{border-radius:0}.btn-circle{border-radius:50%;height:calc(var(--space-2xl) + var(--space-sm));padding:0;width:calc(var(--space-2xl) + var(--space-sm))}.btn-loading{opacity:.8;pointer-events:none}.btn-loading:before{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;content:"";height:16px;position:absolute;width:16px}.btn-active{box-shadow:var(--shadow-sm);transform:translateY(1px)}.btn-purchase{background:#eef6ff;border:1px solid var(--color-primary);border-radius:var(--radius-sm);color:#1966a3;font-size:var(--font-size-xs);margin-left:auto;padding:calc(var(--space-xs)*.25) var(--space-md);transition:var(--transition-colors)}.btn-purchase:focus,.btn-purchase:hover{background:#d8f1ff;border-color:var(--color-primary-dark)}.btn-end-quiz{background:var(--color-danger);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-left:auto;padding:calc(var(--space-sm)*.9) var(--space-lg)}.btn-end-quiz:hover{background:#c00}.btn-link{background:none;border-radius:var(--radius-sm);color:var(--color-info);cursor:pointer;font-size:var(--font-size-base);margin:0 auto;padding:calc(var(--space-sm)*.7) var(--space-sm);transition:var(--transition-colors)}.btn-link:focus,.btn-link:hover{background:#eef4fc;text-decoration:underline}.btn-reset{background:#eee;border:1px solid #ccc;border-radius:var(--radius-md);color:#222;font-size:var(--font-size-sm);margin-top:var(--space-xs);padding:calc(var(--space-xs)*.75) var(--space-md);transition:var(--transition-colors)}.btn-reset:hover{background:#e0e3e7}.btn-bug-report{align-items:center;background:var(--color-bug-report-bg);border:1.5px solid #ffc4c4;border-radius:var(--radius-sm);color:var(--color-bug-report);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md);transition:var(--transition-colors)}.btn-bug-report:focus,.btn-bug-report:hover{background:#ffd3d3;border-color:#ff9a9a;color:#a20d0d}.btn-bug-report .bug-icon{font-size:1.15em;margin-right:var(--space-xs)}.btn-note{background:#f6faff;border:1.5px solid #d4e5fb;border-radius:var(--radius-lg);color:#2474f4;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);padding:var(--space-md) calc(var(--space-lg) + var(--space-xs));transition:var(--transition-colors)}.btn-note:hover{background:#eaf1fa}.btn-refresh{background:#f4faff;border:1.2px solid #b9d4fd;border-radius:var(--radius-md);color:#2474f4;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:var(--transition-colors)}.btn-refresh:hover{background:#e9f3ff}.btn-nav{align-items:center;background:#fff;border:1.5px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-primary);display:flex;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);gap:var(--space-xs);min-width:110px;padding:var(--space-xs) var(--space-lg);transition:var(--transition-colors)}.btn-nav:hover{background:var(--color-bg-secondary);border-color:var(--color-primary)}.btn-group{border-radius:var(--button-radius);box-shadow:var(--shadow-sm);display:inline-flex;overflow:hidden}.btn-group .btn{border-radius:0;border-right-width:0;flex:1 1;position:relative}.btn-group .btn:first-child{border-bottom-left-radius:var(--button-radius);border-top-left-radius:var(--button-radius)}.btn-group .btn:last-child{border-bottom-right-radius:var(--button-radius);border-right-width:var(--button-border-width);border-top-right-radius:var(--button-radius)}.btn-group .btn:focus,.btn-group .btn:hover{z-index:1}.quiz-mode-toggle{display:flex;gap:var(--space-sm)}.quiz-mode-toggle .btn{background:#f1f7ff;border:1px solid #d5e6fa;border-radius:var(--radius-md);color:#222;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-xs) calc(var(--space-lg) + var(--space-xs));transition:var(--transition-colors)}.quiz-mode-toggle .btn.active,.quiz-mode-toggle .btn:focus{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.btn-fab{align-items:center;background:var(--color-primary);border:none;border-radius:50%;bottom:var(--space-xl);box-shadow:var(--shadow-lg);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:56px;justify-content:center;position:fixed;right:var(--space-xl);transition:var(--transition-all);width:56px;z-index:var(--z-dropdown)}.btn-fab:hover{box-shadow:var(--shadow-xl);transform:scale(1.1)}@media (max-width:640px){.btn{font-size:var(--font-size-sm);padding:var(--space-sm) var(--space-md)}.btn-lg{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}.btn-group{flex-direction:column}.btn-group .btn{border-bottom-width:0;border-right-width:var(--button-border-width)}.btn-group .btn:first-child{border-radius:var(--button-radius) var(--button-radius) 0 0}.btn-group .btn:last-child{border-bottom-width:var(--button-border-width);border-radius:0 0 var(--button-radius) var(--button-radius)}.btn-fab{bottom:var(--space-lg);height:48px;right:var(--space-lg);width:48px}.quiz-mode-toggle{flex-direction:column;gap:var(--space-xs)}.quiz-mode-toggle .btn{padding:var(--space-sm) var(--space-md)}}@media (prefers-contrast:high){.btn{border-width:3px}.btn-primary{background-color:#06c;border-color:#003d7a}.btn-secondary{border-color:#003d7a;color:#003d7a}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.btn:hover:not(:disabled){transform:none}.btn-loading:before{animation:none}}.btn:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}.btn .sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media print{.btn{background:#0000!important;border:2px solid #000!important;box-shadow:none!important;color:#000!important;transform:none!important}.btn-fab{display:none!important}.btn:after{content:" [" attr(aria-label) "]";font-size:.8em}}.card{background:var(--color-bg-elevated);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:var(--space-lg);overflow:hidden;padding:var(--card-padding);position:relative;transition:var(--transition-all)}.card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.card:last-child{margin-bottom:0}.card-header{background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);margin:calc(var(--card-padding)*-1) calc(var(--card-padding)*-1) var(--space-lg) calc(var(--card-padding)*-1);padding:var(--space-lg)}.card-title{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.card-subtitle{color:var(--color-text-muted);font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:var(--space-xs) 0 0 0}.card-body{color:var(--color-text-secondary);flex:1 1;line-height:var(--line-height-relaxed)}.card-body:first-child{padding-top:0}.card-body:last-child{padding-bottom:0}.card-footer{background:var(--color-bg-secondary);border-top:1px solid var(--color-border-primary);margin:var(--space-lg) calc(var(--card-padding)*-1) calc(var(--card-padding)*-1) calc(var(--card-padding)*-1);padding:var(--space-lg)}.card--flat{border:1px solid var(--color-border-primary);box-shadow:none}.card--flat:hover{box-shadow:var(--shadow-sm);transform:none}.card--elevated{box-shadow:var(--shadow-lg)}.card--elevated:hover{box-shadow:var(--shadow-xl);transform:translateY(-4px)}.card--bordered{border:2px solid var(--color-border-primary);box-shadow:none}.card--bordered:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.card--outlined{background:#0000;border:1px solid var(--color-border-primary);box-shadow:none}.card--compact{padding:var(--space-md)}.card--compact .card-header{margin:calc(var(--space-md)*-1) calc(var(--space-md)*-1) var(--space-md) calc(var(--space-md)*-1);padding:var(--space-md)}.card--compact .card-footer{margin:var(--space-md) calc(var(--space-md)*-1) calc(var(--space-md)*-1) calc(var(--space-md)*-1);padding:var(--space-md)}.card--spacious{padding:var(--space-2xl)}.card--stat,.stat-card{background:#f8fbff;border:1px solid #2c90fc1a;border-radius:var(--radius-lg);box-shadow:0 2px 6px #2c90fc0a;font-size:var(--font-size-base);margin-bottom:0;min-width:120px;padding:var(--space-md) var(--space-sm);text-align:center;transition:var(--transition-all)}.card--stat:hover,.stat-card:hover{box-shadow:0 4px 12px #2c90fc14;transform:translateY(-1px)}.stat-value{color:var(--color-primary);font-size:var(--font-size-xl);line-height:var(--line-height-tight);margin-bottom:var(--space-xs)}.stat-label{color:var(--color-text-muted);line-height:var(--line-height-normal)}.action-card,.card--action{color:inherit;cursor:pointer;text-decoration:none;transition:var(--transition-all)}.action-card:hover,.card--action:hover{box-shadow:var(--shadow-lg);color:inherit;text-decoration:none;transform:translateY(-3px)}.fancy-action-card,.fancy-action-card2{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:0 1.5px 8px #2686e014;color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-md);margin:var(--space-xs) 0;min-height:54px;min-width:170px;padding:var(--space-lg) calc(var(--space-lg) + var(--space-xs));text-decoration:none;transition:var(--transition-all)}.fancy-action-card2:focus,.fancy-action-card2:hover,.fancy-action-card:focus,.fancy-action-card:hover{background:#f4faff;border-color:var(--color-primary);box-shadow:0 7px 24px #2686e026,0 2px 10px #00000014;color:var(--color-text-primary);text-decoration:none;transform:translateY(-2px)}.fancy-action-card2{font-size:var(--font-size-lg);min-height:44px;padding:var(--space-md) var(--space-lg)}.action-icon{align-items:center;color:var(--color-primary);display:flex;font-size:1.44em;margin-right:var(--space-xs)}.action-label{flex:1 1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.auth-card,.card--auth{box-shadow:0 3px 18px 0 #2c90fc12;margin:var(--space-2xl) 0;padding:calc(var(--space-2xl) + var(--space-xs)) var(--space-2xl)}.auth-card,.card--auth,.dash-quiz-setup,.quiz-setup-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);max-width:370px;width:100%}.dash-quiz-setup,.quiz-setup-card{box-shadow:0 2px 8px 0 #20366117;display:flex;flex-direction:column;gap:var(--space-lg);margin:0 auto var(--space-lg) auto;padding:var(--space-xl) calc(var(--space-lg) + var(--space-xs)) var(--space-lg) calc(var(--space-lg) + var(--space-xs))}.question-card{border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:var(--space-xl)}.admin-card,.review-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-bottom:var(--space-lg);padding:var(--space-lg)}.admin-card{box-shadow:var(--shadow-sm)}.loading-card{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-muted);font-style:italic;padding:var(--space-2xl);text-align:center}.loading-card:before{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-primary);border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);content:"";display:inline-block;height:20px;margin-right:var(--space-sm);vertical-align:middle;width:20px}.empty-card{background:var(--color-bg-secondary);border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-muted);font-style:italic;padding:var(--space-2xl);text-align:center}.card--success{border-left:4px solid var(--color-success)}.card--success .card-title{color:var(--color-success)}.card--danger{border-left:4px solid var(--color-danger)}.card--danger .card-title{color:var(--color-danger)}.card--warning{border-left:4px solid var(--color-warning)}.card--warning .card-title{color:var(--color-warning)}.card--info{border-left:4px solid var(--color-info)}.card--info .card-title{color:var(--color-info)}.card--horizontal{align-items:center;display:flex;gap:var(--space-lg)}.card--horizontal .card-body{flex:1 1}.card-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.card-grid--sm{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.card-grid--lg{grid-template-columns:repeat(auto-fit,minmax(350px,1fr))}.card-list{display:flex;flex-direction:column;gap:var(--space-md)}.card-list .card{margin-bottom:0}@media (max-width:640px){.card{border-radius:var(--radius-md)}.card,.card-header{padding:var(--space-md)}.card-header{margin:calc(var(--space-md)*-1) calc(var(--space-md)*-1) var(--space-md) calc(var(--space-md)*-1)}.card-footer{margin:var(--space-md) calc(var(--space-md)*-1) calc(var(--space-md)*-1) calc(var(--space-md)*-1);padding:var(--space-md)}.card--stat,.stat-card{min-width:100px;padding:var(--space-sm) var(--space-xs)}.stat-value{font-size:var(--font-size-lg)}.fancy-action-card,.fancy-action-card2{font-size:var(--font-size-base);min-width:auto;padding:var(--space-md);width:100%}.card--horizontal{align-items:stretch;flex-direction:column;gap:var(--space-md)}.card-grid{gap:var(--space-md);grid-template-columns:1fr}.auth-card{padding:var(--space-xl) var(--space-lg)}.dash-quiz-setup,.quiz-setup-card{padding:var(--space-lg) var(--space-md) var(--space-md) var(--space-md)}}@media (max-width:768px){.card-grid--lg{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}.action-card:focus,.card--action:focus,.fancy-action-card2:focus,.fancy-action-card:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.card,.card-footer,.card-header{border-width:2px}}@media (prefers-reduced-motion:reduce){.action-card,.card,.fancy-action-card,.fancy-action-card2{transition:none}.action-card:hover,.card:hover,.fancy-action-card2:hover,.fancy-action-card:hover{transform:none}.loading-card:before{animation:none}}.card-clickable{cursor:pointer}.card-static{box-shadow:var(--shadow-card)!important;transform:none!important}.card-full-height{display:flex;flex-direction:column;height:100%}.card-full-height .card-body{flex:1 1}@media print{.card{border:1px solid #ddd!important;box-shadow:none!important;margin-bottom:1rem!important;page-break-inside:avoid}.card-footer,.card-header{background:#0000!important;border-color:#ddd!important}.action-card,.fancy-action-card,.fancy-action-card2{cursor:default}.loading-card:before{display:none}}.form{display:block}.form-inline{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.form-group{margin-bottom:var(--space-lg);position:relative}.form-group:last-child{margin-bottom:0}.form-group--inline{align-items:center;display:flex;gap:var(--space-md)}.form-group--compact,.form-group--inline{margin-bottom:var(--space-md)}.form-label,label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-sm)}.form-label--required:after,label.required:after{color:var(--color-danger);content:" *"}.form-label--inline{display:inline-block;margin-bottom:0;margin-right:var(--space-sm)}.form-input,input[type=date],input[type=datetime-local],input[type=email],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url]{background:var(--color-bg-secondary);border:var(--input-border);border-radius:var(--radius-input);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none;padding:var(--input-padding);transition:var(--transition-colors);width:100%}.form-input:focus,input[type=date]:focus,input[type=datetime-local]:focus,input[type=email]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,input[type=tel]:focus,input[type=text]:focus,input[type=time]:focus,input[type=url]:focus{border:var(--input-focus-border);box-shadow:var(--shadow-focus)}.form-input::placeholder,input::placeholder{color:var(--color-text-muted);opacity:1}.form-input:disabled,input:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.form-input:read-only,input:read-only{background:var(--color-bg-secondary);cursor:default}.form-select,select{appearance:none;background:var(--color-bg-secondary);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='none' stroke='%23666' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3E%3C/svg%3E");background-position:right var(--space-sm) center;background-repeat:no-repeat;background-size:16px;border:var(--input-border);border-radius:var(--radius-input);color:var(--color-text-primary);cursor:pointer;font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-normal);outline:none;padding:var(--input-padding);padding-right:calc(var(--space-lg) + var(--space-md));transition:var(--transition-colors);width:100%}.form-select:focus,select:focus{border:var(--input-focus-border);box-shadow:var(--shadow-focus)}.form-select:disabled,select:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6}.form-textarea,textarea{background:var(--color-bg-secondary);border:var(--input-border);border-radius:var(--radius-input);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-base);line-height:var(--line-height-relaxed);min-height:80px;outline:none;padding:var(--input-padding);resize:vertical;transition:var(--transition-colors);width:100%}.form-textarea:focus,textarea:focus{border:var(--input-focus-border);box-shadow:var(--shadow-focus)}.form-textarea::placeholder,textarea::placeholder{color:var(--color-text-muted);opacity:1}.form-textarea:disabled,textarea:disabled{background:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.6;resize:none}.form-checkbox,.form-radio{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-sm);margin-bottom:var(--space-md)}.form-checkbox input[type=checkbox],.form-radio input[type=radio]{accent-color:var(--color-primary);cursor:pointer;flex-shrink:0;margin:0;margin-top:calc(var(--line-height-normal)*var(--font-size-base)/2 - 8px);width:auto}.form-checkbox label,.form-radio label{color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);margin:0}.checkbox-group,.radio-group{display:flex;flex-direction:column;gap:var(--space-sm)}.checkbox-group--inline,.radio-group--inline{flex-direction:row;flex-wrap:wrap;gap:var(--space-lg)}.form-file{cursor:pointer;display:inline-block;position:relative}.form-file input[type=file]{cursor:pointer;height:100%;opacity:0;position:absolute;width:100%}.form-file-label{align-items:center;background:var(--color-bg-secondary);border:var(--input-border);border-radius:var(--radius-input);color:var(--color-text-secondary);cursor:pointer;display:inline-flex;font-size:var(--font-size-sm);gap:var(--space-sm);padding:var(--input-padding);transition:var(--transition-colors)}.form-file:focus-within .form-file-label,.form-file:hover .form-file-label{background:var(--color-bg-elevated);border-color:var(--color-primary)}.input-group{display:flex;width:100%}.input-group .form-input,.input-group input{border-radius:0;border-right:none;flex:1 1}.input-group .form-input:first-child,.input-group input:first-child{border-bottom-left-radius:var(--radius-input);border-top-left-radius:var(--radius-input)}.input-group .form-input:last-child,.input-group input:last-child{border-bottom-right-radius:var(--radius-input);border-right:var(--input-border);border-top-right-radius:var(--radius-input)}.input-group-append,.input-group-prepend{align-items:center;background:var(--color-bg-secondary);border:var(--input-border);color:var(--color-text-muted);display:flex;font-size:var(--font-size-sm);padding:var(--input-padding);white-space:nowrap}.input-group-prepend{border-bottom-left-radius:var(--radius-input);border-right:none;border-top-left-radius:var(--radius-input)}.input-group-append{border-bottom-right-radius:var(--radius-input);border-left:none;border-top-right-radius:var(--radius-input)}.form-group--error .form-input,.form-group--error input,.form-group--error select,.form-group--error textarea,.form-input--error,input.error,select.error,textarea.error{border-color:var(--color-danger);box-shadow:0 0 0 2px rgba(var(--color-danger),.1)}.form-group--success .form-input,.form-group--success input,.form-group--success select,.form-group--success textarea,.form-input--success,input.success,select.success,textarea.success{border-color:var(--color-success);box-shadow:0 0 0 2px rgba(var(--color-success),.1)}.field-error,.form-error{color:var(--color-danger)}.field-error,.form-error,.form-success{display:block;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-xs)}.form-success{color:var(--color-success)}.form-help,.form-hint{color:var(--color-text-muted);display:block;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-xs)}.auth-form{width:100%}.auth-form .form-input,.auth-form input{background:#f8fafc;border:1px solid #ccd3db;border-radius:var(--radius-sm);font-size:var(--font-size-base);padding:calc(var(--space-sm) + var(--space-xs)) var(--space-md);transition:var(--transition-colors);width:100%}.auth-form .form-input:focus,.auth-form input:focus{background:var(--color-bg-elevated);border-color:var(--color-primary);box-shadow:var(--shadow-focus)}.quiz-form .form-group{margin-bottom:var(--space-md)}.quiz-form .form-input,.quiz-form select{font-size:var(--font-size-sm);padding:var(--space-sm)}.admin-form .form-group{margin-bottom:var(--space-lg)}.admin-form .form-label{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.question-edit-form{display:block}.question-edit-form .form-input,.question-edit-form select,.question-edit-form textarea{margin-bottom:var(--space-md)}.question-edit-form .profile-msg{background:#eef6ff;border-left:4px solid var(--color-primary);border-radius:var(--radius-sm);font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:var(--space-xs) var(--space-md)}.user-roles-input{background:none;border:none;color:var(--color-text-primary);font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);pointer-events:none;width:120px}.form-horizontal .form-group{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-lg)}.form-horizontal .form-label{flex:0 0 120px;margin-bottom:0;text-align:right}.form-horizontal .form-control{flex:1 1}.form-grid{grid-gap:var(--space-lg);gap:var(--space-lg);grid-template-columns:1fr}.form-grid--2col{grid-template-columns:repeat(2,1fr)}.form-grid--3col{grid-template-columns:repeat(3,1fr)}.dash-quiz-row,.quiz-row{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-xs)}.dash-quiz-row label,.quiz-row label{color:var(--color-text-muted);flex:0 0 120px;font-size:var(--font-size-base);font-weight:var(--font-weight-medium);margin-bottom:0}.dash-quiz-row .form-control,.quiz-row .form-control{flex:1 1}.form-actions{border-top:1px solid var(--color-border-primary);display:flex;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-xl);padding-top:var(--space-lg)}.form-actions--left{justify-content:flex-start}.form-actions--center{justify-content:center}.form-actions--between{justify-content:space-between}.action-button{background:var(--color-primary);border:none;border-radius:var(--button-radius);color:var(--color-text-inverse);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-top:var(--space-sm);padding:calc(var(--space-sm) + var(--space-xs)) 0;transition:var(--transition-colors);width:100%}.action-button:hover{background:var(--color-primary-dark)}.multiselect-button{align-items:center;background:var(--color-bg-secondary);border:var(--input-border);border-radius:var(--radius-input);color:var(--color-text-primary);cursor:pointer;display:flex;gap:var(--space-sm);padding:var(--input-padding);text-align:left;text-decoration:none;transition:var(--transition-colors);width:100%}.multiselect-button:focus,.multiselect-button:hover{background:#f2f6fb;border-color:var(--color-primary);color:var(--color-text-primary);outline:none;text-decoration:none}.dropdown-content{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);max-height:300px;min-width:260px;overflow-y:auto;padding:var(--space-sm)}.cat-dropdown-wrapper{display:inline-block;position:relative}.cat-dropdown-btn{background:#f7faff;border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-base);min-width:128px;padding:var(--space-sm) var(--space-lg);text-align:left;transition:var(--transition-colors)}.cat-dropdown-btn:focus,.cat-dropdown-btn:hover{background:#f0f8ff;border-color:var(--color-primary)}.cat-dropdown-list{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-dropdown);display:flex;flex-direction:column;gap:0;left:0;max-height:280px;max-width:94vw;min-width:220px;overflow-y:auto;padding:var(--space-xs) var(--space-md);position:absolute;top:100%;z-index:var(--z-dropdown)}.cat-dropdown-list .category-inline,.cat-dropdown-list label{align-items:center!important;cursor:pointer!important;display:flex!important;font-size:var(--font-size-sm)!important;gap:var(--space-xs)!important;line-height:var(--line-height-normal)!important;margin:0!important;min-height:24px!important;padding:var(--space-xs) 0!important;transition:var(--transition-colors);white-space:nowrap!important;width:100%!important}.cat-dropdown-list .category-inline:hover,.cat-dropdown-list label:hover{background:rgba(0,0,0,.035)!important;border-radius:var(--radius-sm)}.cat-dropdown-list input[type=checkbox]{accent-color:var(--color-primary)!important;flex-shrink:0!important;height:17px!important;margin:0!important;width:17px!important}.profile-states-dropdown{align-items:center!important;background:none!important;border:none!important;border-radius:var(--radius-sm)!important;color:var(--color-text-primary)!important;display:flex!important;flex-direction:row!important;font-size:var(--font-size-sm)!important;font-weight:var(--font-weight-normal)!important;gap:var(--space-xs)!important;justify-content:flex-start!important;margin:0!important;min-width:180px!important;padding:var(--space-xs) 0!important;transition:var(--transition-colors);width:100%!important}.profile-states-dropdown:hover{background:rgba(0,0,0,.035)!important}.profile-states-dropdown input[type=checkbox]{accent-color:var(--color-primary)!important;align-self:center!important;height:17px!important;margin:0!important;margin-right:var(--space-xs)!important;padding:0!important;position:static!important;width:17px!important}.profile-states-dropdown span{align-items:center!important;display:inline-flex!important;font-size:var(--font-size-sm)!important;gap:var(--space-xs)!important;white-space:nowrap!important}@media (max-width:640px){.form-horizontal .form-group{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.form-horizontal .form-label{flex:none;margin-bottom:var(--space-xs);text-align:left}.form-grid--2col,.form-grid--3col{grid-template-columns:1fr}.dash-quiz-row,.quiz-row{align-items:stretch;flex-direction:column;gap:var(--space-sm)}.dash-quiz-row label,.quiz-row label{flex:none}.form-actions{flex-direction:column;gap:var(--space-sm)}.form-actions button{width:100%}.checkbox-group--inline,.radio-group--inline{flex-direction:column;gap:var(--space-sm)}.cat-dropdown-list{left:0;min-width:96vw;right:0}.cat-dropdown-btn{font-size:var(--font-size-sm);min-width:100%}}@media (max-width:768px){.form-input,.form-select,.form-textarea,input,select,textarea{font-size:16px}}.form-input:focus,.form-select:focus,.form-textarea:focus,input:focus,select:focus,textarea:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}@media (prefers-contrast:high){.form-input,.form-select,.form-textarea,input,select,textarea{border-width:2px}.form-group--error .form-input,.form-group--error input,.form-group--error select,.form-group--error textarea{border-width:3px}}@media (prefers-reduced-motion:reduce){.cat-dropdown-btn,.form-input,.form-select,.form-textarea,.multiselect-button,input,select,textarea{transition:none}}.form-sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}@media print{.form-input,.form-select,.form-textarea,input,select,textarea{background:#0000!important;border:1px solid #666!important;box-shadow:none!important}.dropdown-content,.form-actions{display:none!important}.form-input:after,input:after{color:#333;content:attr(value);font-weight:700}select:after{color:#333;content:attr(data-selected);font-weight:700}}.modal-backdrop{animation:modalBackdropIn var(--transition-normal) var(--ease-out);background:#12182140;padding:var(--space-lg);z-index:var(--z-modal-backdrop)}.modal,.modal-content{animation:modalIn var(--transition-normal) var(--ease-out);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-modal);box-shadow:var(--shadow-modal);display:flex;flex-direction:column;max-height:90vh;max-width:var(--modal-max-width);min-width:300px;padding:var(--modal-padding);position:relative;width:96vw;z-index:var(--z-modal)}@keyframes modalBackdropIn{0%{opacity:0}to{opacity:1}}@keyframes modalIn{0%{opacity:0;transform:translateY(calc(var(--space-2xl)*-1)) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-backdrop.modal-exit{animation:modalBackdropOut var(--transition-normal) var(--ease-in-out) forwards}.modal-content.modal-exit,.modal.modal-exit{animation:modalOut var(--transition-normal) var(--ease-in-out) forwards}@keyframes modalBackdropOut{0%{opacity:1}to{opacity:0}}@keyframes modalOut{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(calc(var(--space-lg)*-1)) scale(.95)}}.modal-header{border-bottom:1px solid var(--color-border-primary);margin-bottom:var(--space-lg);padding-bottom:var(--space-md)}.modal-title{margin:0}.modal h3,.modal-title{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight)}.modal h3{margin:0 0 var(--space-lg) 0}.modal-close{border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--font-size-2xl);height:calc(var(--space-lg) + var(--space-sm));line-height:1;padding:var(--space-xs);transition:var(--transition-colors);width:calc(var(--space-lg) + var(--space-sm))}.modal-close:focus,.modal-close:hover{background:var(--color-bg-secondary);color:var(--color-text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.modal-close:before{content:"×";font-weight:var(--font-weight-normal)}.modal-body{color:var(--color-text-secondary);flex:1 1;line-height:var(--line-height-relaxed);margin-bottom:var(--space-lg);overflow-y:auto}.modal-body:last-child{margin-bottom:0}.modal-body::-webkit-scrollbar{width:6px}.modal-body::-webkit-scrollbar-track{background:var(--color-bg-secondary);border-radius:var(--radius-full)}.modal-body::-webkit-scrollbar-thumb{background:var(--color-border-primary);border-radius:var(--radius-full)}.modal-actions,.modal-footer{border-top:1px solid var(--color-border-primary);display:flex;flex-shrink:0;gap:var(--space-md);justify-content:flex-end;margin-top:var(--space-lg);padding-top:var(--space-md)}.modal-actions button,.modal-footer button{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--button-radius);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);padding:var(--space-sm) var(--space-md);transition:var(--transition-colors)}.modal-actions button:hover,.modal-footer button:hover{background:var(--color-bg-secondary)}.modal-actions button:last-child,.modal-actions button[type=submit],.modal-footer button:last-child,.modal-footer button[type=submit]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.modal-actions button:last-child:hover,.modal-actions button[type=submit]:hover,.modal-footer button:last-child:hover,.modal-footer button[type=submit]:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark)}.modal-actions button.cancel-btn,.modal-footer button.cancel-btn{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);color:var(--color-text-secondary)}.modal label,.modal-content label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.modal input,.modal select,.modal textarea,.modal-content input,.modal-content select,.modal-content textarea{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-input);color:var(--color-text-primary);font:inherit;font-size:var(--font-size-sm);margin-bottom:var(--space-md);padding:var(--space-sm);transition:var(--transition-colors);width:100%}.modal input:focus,.modal select:focus,.modal textarea:focus,.modal-content input:focus,.modal-content select:focus,.modal-content textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary),.1);outline:none}.modal textarea,.modal-content textarea{min-height:80px;resize:vertical}.bug-modal-content,.modal--bug-report{background:#fff9f9;border-radius:var(--radius-modal);border-top:4px solid var(--color-bug-report);box-shadow:0 2px 32px 0 #b4181824}.bug-modal-content h3,.bug-modal-content label,.modal--bug-report .modal-title,.modal--bug-report h3,.modal--bug-report label{color:var(--color-bug-report)}.bug-modal-content textarea,.modal--bug-report textarea{border-color:#fcc;min-height:80px;resize:vertical}.bug-page-indicator{color:#c55454;display:block;font-size:var(--font-size-sm);margin-bottom:var(--space-xs)}.bug-modal-actions button[type=submit],.modal--bug-report .modal-actions button[type=submit]{background:var(--color-bug-report);border-color:var(--color-bug-report);color:var(--color-text-inverse)}.bug-modal-actions button.cancel-btn,.modal--bug-report .modal-actions button.cancel-btn{background:var(--color-bg-elevated);border:1px solid #e6bcbc;color:var(--color-bug-report)}.modal--question-preview h3{color:var(--color-text-primary);margin-bottom:var(--space-lg)}.modal--question-preview p{line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.modal--question-preview ul{list-style:none;margin:var(--space-md) 0;padding:0}.modal--question-preview li{border-bottom:1px solid var(--color-border-primary);padding:var(--space-xs) 0}.modal--question-preview li:last-child{border-bottom:none}.modal--note{max-width:500px}.modal--note textarea{font-family:var(--font-family-primary);line-height:var(--line-height-relaxed);min-height:120px}.note-char-count{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-sm);margin-top:calc(var(--space-xs)*-.5);text-align:right}.note-char-count.over-limit{color:var(--color-danger)}.note-history{border-top:1px solid var(--color-border-primary);margin-top:var(--space-lg);padding-top:var(--space-md)}.note-history-title{color:var(--color-text-muted);font-size:var(--font-size-xs);margin-bottom:var(--space-xs)}.note-history ul{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0;padding-left:var(--space-lg)}.note-saved-indicator{color:var(--color-success);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-top:var(--space-sm)}.modal--sm,.modal-sm{max-width:320px}.modal--md,.modal-md{max-width:460px}.modal--lg,.modal-lg{max-width:640px}.modal--xl,.modal-xl{max-width:800px}.modal--full,.modal-full{max-width:calc(100vw - var(--space-2xl));width:calc(100vw - var(--space-2xl))}@media (max-width:640px){.modal-backdrop{padding:var(--space-md)}.modal,.modal-content{border-radius:var(--radius-lg);margin:0;max-height:95vh;max-width:100%;padding:var(--space-lg);width:100%}.modal-header{margin-bottom:var(--space-md);padding-bottom:var(--space-sm)}.modal h3,.modal-title{font-size:var(--font-size-lg)}.modal-actions,.modal-footer{flex-direction:column;gap:var(--space-sm)}.modal-actions button,.modal-footer button{padding:var(--space-md) var(--space-lg);width:100%}}@media (max-width:768px){.modal,.modal-content{padding:var(--space-lg)}.modal--lg,.modal-lg{max-width:calc(100vw - var(--space-xl))}.modal--xl,.modal-xl{max-width:calc(100vw - var(--space-lg))}}.modal-content[aria-hidden=true],.modal[aria-hidden=true]{display:none}.modal-content[aria-hidden=false],.modal[aria-hidden=false]{display:flex;flex-direction:column}.modal-content:focus,.modal:focus{outline:none}@media (prefers-contrast:high){.modal,.modal-content{border:3px solid var(--color-border-primary)}.modal-actions,.modal-footer,.modal-header{border-color:var(--color-text-primary);border-width:2px}}@media (prefers-reduced-motion:reduce){.modal,.modal-backdrop,.modal-content{animation:none}.modal-backdrop.modal-exit,.modal-content.modal-exit,.modal.modal-exit{animation:none;opacity:0;transform:scale(.95)}}.modal-open{overflow:hidden}.modal-backdrop-click{inset:0;position:absolute;z-index:-1}.modal-content.loading,.modal-loading{opacity:.7;pointer-events:none}.modal-content.loading .modal-body,.modal-loading .modal-body{position:relative}.modal-content.loading .modal-body:after,.modal-loading .modal-body:after{align-items:center;background:var(--color-bg-overlay);border-radius:var(--radius-md);content:"";display:flex;inset:0;justify-content:center;position:absolute}@media print{.modal-backdrop{background:none;padding:0;position:static;z-index:auto}.modal,.modal-content{animation:none;border:2px solid #000;box-shadow:none;max-width:none;page-break-inside:avoid;width:100%}.modal-actions,.modal-close,.modal-footer{display:none}.modal h3,.modal-title{color:#000!important;font-size:18px!important;margin-bottom:12px!important}.modal p,.modal-body{color:#000!important;font-size:14px!important;line-height:1.4!important}.modal button,.modal input,.modal select,.modal textarea{display:none!important}.modal input:after{color:#000;content:attr(value);display:inline;font-weight:700}}.main-navbar{align-items:center;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-primary);display:flex;font-size:var(--font-size-lg);height:var(--navbar-height);justify-content:space-between;padding:var(--navbar-padding);position:sticky;top:0;transition:var(--transition-colors);width:100%;z-index:var(--z-navbar)}.navbar-brand{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);gap:var(--space-sm)}.navbar-brand:hover{color:var(--color-primary)}.navbar-logo{height:32px;width:auto}.nav-links{align-items:center;display:flex;gap:var(--space-lg);list-style:none;margin:0;padding:0}.nav-link{border-radius:var(--radius-sm);color:var(--color-text-secondary);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:var(--transition-colors)}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.active-nav,.nav-link:focus,.nav-link:hover{background:var(--color-bg-primary);color:var(--color-primary)}.nav-link.active-nav{border-bottom:2px solid var(--color-primary);font-weight:var(--font-weight-semibold)}.nav-badge{background:var(--color-nav-badge);border-radius:var(--radius-badge);box-shadow:0 1px 4px #a8222240;display:inline-block;font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;line-height:1.2;margin-left:var(--space-xs);min-width:20px;padding:1px var(--space-xs);text-align:center;vertical-align:middle}.nav-badge,.nav-badge.orange{color:var(--color-text-inverse)}.nav-badge.orange{background:#f8ad46}.nav-right{gap:var(--space-lg)}.bug-report-btn,.nav-right{align-items:center;display:flex}.bug-report-btn{background:var(--color-bug-report-bg);border:1.5px solid #ffc4c4;border-radius:var(--radius-sm);color:var(--color-bug-report);cursor:pointer;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-xs) var(--space-md);text-decoration:none;transition:var(--transition-colors)}.bug-report-btn:focus,.bug-report-btn:hover{background:#ffd3d3;border-color:#ff9a9a;color:#a20d0d;text-decoration:none}.bug-icon{font-size:1.15em;margin-right:var(--space-xs)}.avatar,.avatar-img{border:2px solid #0000;border-radius:50%;cursor:pointer;display:block;height:var(--avatar-size);object-fit:cover;transition:var(--transition-all);width:var(--avatar-size)}.avatar-img:hover,.avatar:hover{border-color:var(--color-primary);transform:scale(1.05)}.dropdown{display:inline-block;position:relative}.dropdown-toggle{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;display:flex;gap:var(--space-xs);padding:var(--space-sm);transition:var(--transition-colors)}.dropdown-toggle:focus,.dropdown-toggle:hover{background:var(--color-bg-primary);color:var(--color-text-primary)}.dropdown-menu{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);margin-top:var(--space-xs);min-width:200px;opacity:0;padding:var(--space-xs) 0;position:absolute;right:0;top:100%;transform:translateY(-10px);transition:var(--transition-all);visibility:hidden;z-index:var(--z-dropdown)}.dropdown.open .dropdown-menu,.dropdown:focus-within .dropdown-menu,.dropdown:hover .dropdown-menu{opacity:1;transform:translateY(0);visibility:visible}.avatar-dropdown-menu{animation:dropdownIn var(--transition-normal) var(--ease-out);background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-dropdown);min-width:170px;padding:var(--space-xs) 0;right:var(--space-md);top:calc(var(--navbar-height) + var(--space-xs))}@keyframes dropdownIn{0%{opacity:0;transform:translateY(calc(var(--space-md)*-1))}to{opacity:1;transform:translateY(0)}}.dropdown-item{color:var(--color-text-primary);font-size:var(--font-size-base);gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);transition:var(--transition-colors)}.dropdown-item:focus,.dropdown-item:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none}.dropdown-divider{background:var(--color-border-primary);margin:var(--space-xs) 0}.breadcrumb{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--space-lg);padding:var(--space-md) 0}.breadcrumb,.breadcrumb-item{align-items:center;display:flex;gap:var(--space-sm)}.breadcrumb-item a{color:var(--color-text-muted);text-decoration:none;transition:var(--transition-colors)}.breadcrumb-item a:hover{color:var(--color-primary);text-decoration:underline}.breadcrumb-item.active{color:var(--color-text-primary);font-weight:var(--font-weight-medium)}.breadcrumb-separator{color:var(--color-text-muted);margin:0 var(--space-xs)}.sidebar{background:var(--color-bg-secondary);border-right:1px solid var(--color-border-primary);height:100vh;left:0;overflow-y:auto;padding:var(--space-lg);position:fixed;top:var(--navbar-height);transition:var(--transition-all);width:250px;z-index:calc(var(--z-navbar) - 1)}.sidebar-nav{list-style:none;margin:0;padding:0}.sidebar-nav-item{margin-bottom:var(--space-xs)}.sidebar-nav-link{align-items:center;border-radius:var(--radius-md);color:var(--color-text-secondary);display:flex;font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-sm) var(--space-md);text-decoration:none;transition:var(--transition-colors)}.sidebar-nav-link:focus,.sidebar-nav-link:hover{background:var(--color-bg-primary);color:var(--color-text-primary);text-decoration:none}.sidebar-nav-link.active{background:var(--color-primary);color:var(--color-text-inverse)}.sidebar-nav-icon{font-size:var(--font-size-lg);text-align:center;width:20px}.sidebar--collapsed{width:70px}.sidebar--collapsed .sidebar-nav-link{justify-content:center;padding:var(--space-sm)}.sidebar--collapsed .sidebar-nav-text{display:none}.nav-tabs{border-bottom:2px solid var(--color-border-primary);display:flex;gap:var(--space-xs);margin-bottom:var(--space-xl);overflow-x:auto;scrollbar-width:none}.nav-tabs::-webkit-scrollbar{display:none}.nav-tab,.profile-tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-muted);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);gap:var(--space-xs);padding:var(--space-md) var(--space-lg);text-decoration:none;transition:var(--transition-colors);white-space:nowrap}.nav-tab:focus,.nav-tab:hover,.profile-tab:focus,.profile-tab:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none}.nav-tab.active,.profile-tab.active{background:var(--color-bg-primary);border-bottom-color:var(--color-primary);color:var(--color-primary)}.pagination{align-items:center;gap:var(--space-xs);margin:var(--space-xl) 0}.pagination-item{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-weight:var(--font-weight-medium);height:40px;justify-content:center;text-decoration:none;transition:var(--transition-colors);width:40px}.pagination-item:focus,.pagination-item:hover{text-decoration:none}.pagination-item.active,.pagination-item:focus,.pagination-item:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.pagination-item:disabled{cursor:not-allowed;opacity:.5;pointer-events:none}.pagination-next,.pagination-prev{gap:var(--space-xs);padding:0 var(--space-md);width:auto}.mobile-menu-toggle{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);display:none;font-size:var(--font-size-xl);padding:var(--space-sm);transition:var(--transition-colors)}.mobile-menu-toggle:focus,.mobile-menu-toggle:hover{background:var(--color-bg-primary)}.mobile-nav-overlay{background:#00000080;inset:0;opacity:0;position:fixed;transition:var(--transition-all);visibility:hidden;z-index:calc(var(--z-navbar) + 1)}.mobile-nav-overlay.open{opacity:1;visibility:visible}.mobile-nav{background:var(--color-bg-elevated);border-left:1px solid var(--color-border-primary);height:100vh;overflow-y:auto;padding:var(--space-lg);position:fixed;right:0;top:0;transform:translateX(100%);transition:var(--transition-all);width:280px;z-index:calc(var(--z-navbar) + 2)}.mobile-nav.open{transform:translateX(0)}.mobile-nav-header{align-items:center;border-bottom:1px solid var(--color-border-primary);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.mobile-nav-close{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;font-size:var(--font-size-xl);padding:var(--space-xs);transition:var(--transition-colors)}.mobile-nav-close:hover{background:var(--color-bg-secondary)}.mobile-nav-links{list-style:none;margin:0;padding:0}.mobile-nav-item{margin-bottom:var(--space-sm)}.mobile-nav-link{border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);gap:var(--space-sm);padding:var(--space-md);transition:var(--transition-colors)}.mobile-nav-link:focus,.mobile-nav-link:hover{background:var(--color-bg-secondary);color:var(--color-text-primary);text-decoration:none}.mobile-nav-link.active{background:var(--color-primary);color:var(--color-text-inverse)}@media (max-width:768px){.nav-links{display:none}.mobile-menu-toggle{display:block}.main-navbar{padding:0 var(--space-lg)}.sidebar{transform:translateX(-100%)}.sidebar.open{transform:translateX(0)}.nav-tabs{gap:0}.nav-tab,.profile-tab{font-size:var(--font-size-base);padding:var(--space-sm) var(--space-md)}.pagination{gap:var(--space-xs)}.pagination-item{font-size:var(--font-size-sm);height:36px;width:36px}.breadcrumb{overflow-x:auto;scrollbar-width:none}.breadcrumb::-webkit-scrollbar{display:none}}@media (max-width:640px){.main-navbar{height:56px;padding:0 var(--space-md)}.navbar-brand{font-size:var(--font-size-lg)}.nav-right{gap:var(--space-md)}.bug-report-btn{font-size:var(--font-size-sm);padding:var(--space-xs)}.bug-report-btn .bug-icon{margin-right:var(--space-xs)}.avatar,.avatar-img{height:30px;width:30px}.mobile-nav{padding:var(--space-md);width:100vw}.avatar-dropdown-menu,.dropdown-menu{min-width:calc(100vw - var(--space-lg));right:var(--space-sm)}}.dropdown-item:focus,.mobile-nav-link:focus,.nav-link:focus,.nav-tab:focus,.sidebar-nav-link:focus{outline:2px solid var(--color-primary);outline-offset:2px}.skip-nav{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-weight:var(--font-weight-semibold);left:var(--space-md);padding:var(--space-sm) var(--space-md);position:absolute;text-decoration:none;top:-40px;transition:var(--transition-all);z-index:calc(var(--z-navbar) + 10)}.skip-nav:focus{top:var(--space-md)}.nav-announcer{height:1px;left:-10000px;overflow:hidden;position:absolute;width:1px}@media (prefers-contrast:high){.main-navbar{border-bottom-width:2px}.nav-link.active-nav{border-bottom-width:3px}.avatar-dropdown-menu,.dropdown-menu{border-width:2px}}@media (prefers-reduced-motion:reduce){.avatar-dropdown-menu,.dropdown-menu,.mobile-nav,.mobile-nav-overlay,.sidebar{transition:none}.avatar-img:hover,.avatar:hover{transform:none}@keyframes dropdownIn{0%{opacity:0}to{opacity:1}}}.nav-loading{opacity:.6;pointer-events:none}.nav-loading:after{animation:spin 1s linear infinite;border-top:2px solid var(--color-border-primary);border:2px solid var(--color-border-primary);border-radius:50%;border-top-color:var(--color-primary);content:"";height:20px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:20px}.nav-error{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.nav-hidden{display:none}.nav-spacer{height:var(--navbar-height)}.nav-sticky{position:sticky;top:0;z-index:var(--z-navbar)}.nav-backdrop-blur{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:rgba(var(--color-bg-secondary),.8)}@media print{.breadcrumb,.main-navbar,.mobile-nav,.mobile-nav-overlay,.nav-tabs,.pagination,.sidebar{display:none!important}.nav-spacer{height:0!important}.breadcrumb-item.active:before{content:"Current page: ";font-weight:700}}@keyframes slideInRight{0%{transform:translateX(100%)}to{transform:translateX(0)}}@keyframes slideOutRight{0%{transform:translateX(0)}to{transform:translateX(100%)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.toast{animation:toastFadeIn .36s cubic-bezier(.5,0,.3,1);background:var(--color-bg-secondary);border:var(--toast-border-width) solid var(--color-primary);border-radius:var(--radius-toast);box-shadow:var(--shadow-toast);font-size:var(--font-size-sm);font-weight:var(--toast-font-weight);gap:var(--space-sm);left:50%;line-height:var(--line-height-normal);max-width:370px;min-width:220px;opacity:.96;padding:var(--toast-padding);pointer-events:none;top:13vh;transform:translateX(-50%);z-index:var(--z-toast)}.toast.toast-leave{animation:toastFadeOut .35s cubic-bezier(.5,0,.3,1) forwards}.toast-icon{align-items:center;display:flex;flex-shrink:0;font-size:var(--font-size-lg);height:20px;justify-content:center;width:20px}.toast-content{flex:1 1;min-width:0}.toast-title{color:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.toast-message{color:inherit;line-height:var(--line-height-normal);opacity:.9}.toast-close{align-items:center;background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:flex;flex-shrink:0;font-size:var(--font-size-sm);height:20px;justify-content:center;line-height:1;opacity:.7;padding:var(--space-xs);pointer-events:auto;transition:var(--transition-colors);width:20px}.toast-close:focus,.toast-close:hover{background:#0000001a;opacity:1}.toast-close:before{content:"×";font-weight:var(--font-weight-bold)}.toast-success{background:var(--color-success-bg);border-left:6px solid var(--color-success);border-color:var(--color-success)}.toast-success .toast-icon:before{color:var(--color-success);content:"✓"}.toast-error{background:var(--color-danger-bg);border-left:6px solid var(--color-danger);border-color:var(--color-danger)}.toast-error .toast-icon:before{color:var(--color-danger);content:"✕"}.toast-warning{background:var(--color-warning-bg);border-left:6px solid var(--color-warning);border-color:var(--color-warning);color:var(--color-warning)}.toast-warning .toast-icon:before{color:var(--color-warning);content:"⚠"}.toast-info{background:var(--color-info-bg);border-left:6px solid var(--color-info);border-color:var(--color-info);color:var(--color-info)}.toast-info .toast-icon:before{color:var(--color-info);content:"ℹ"}.toast-loading{background:var(--color-bg-secondary);border-left:6px solid var(--color-primary);border-color:var(--color-primary);color:var(--color-primary)}.toast-loading .toast-icon{animation:spin 1s linear infinite}.toast-loading .toast-icon:before{color:var(--color-primary);content:"⟳"}.toast-top-left{left:var(--space-lg)}.toast-top-left,.toast-top-right{top:var(--space-lg);transform:none}.toast-top-right{left:auto;right:var(--space-lg)}.toast-top-center{left:50%;top:var(--space-lg);transform:translateX(-50%)}.toast-bottom-left{left:var(--space-lg)}.toast-bottom-left,.toast-bottom-right{bottom:var(--space-lg);top:auto;transform:none}.toast-bottom-right{left:auto;right:var(--space-lg)}.toast-bottom-center{bottom:var(--space-lg);left:50%;top:auto;transform:translateX(-50%)}.toast-container{display:flex;flex-direction:column;gap:var(--space-sm);pointer-events:none;position:fixed;z-index:var(--z-toast)}.toast-container--top-left{left:var(--space-lg);top:var(--space-lg)}.toast-container--top-right{right:var(--space-lg);top:var(--space-lg)}.toast-container--top-center{left:50%;top:var(--space-lg);transform:translateX(-50%)}.toast-container--bottom-left{bottom:var(--space-lg);left:var(--space-lg)}.toast-container--bottom-right{bottom:var(--space-lg);right:var(--space-lg)}.toast-container--bottom-center{bottom:var(--space-lg);left:50%;transform:translateX(-50%)}.toast-container .toast{bottom:auto;left:auto;pointer-events:auto;position:relative;right:auto;top:auto;transform:none}.toast-container .toast:not(:last-child){margin-bottom:var(--space-sm)}.toast--sm{font-size:var(--font-size-xs);max-width:280px;min-width:180px;padding:var(--space-sm) var(--space-md)}.toast--lg{font-size:var(--font-size-base);max-width:500px;min-width:300px;padding:var(--space-lg) var(--space-xl)}.toast--full{max-width:calc(100vw - var(--space-2xl));min-width:calc(100vw - var(--space-2xl))}.toast--minimal{background:var(--color-bg-elevated);border:none;border-left:4px solid var(--color-primary);box-shadow:var(--shadow-sm);color:var(--color-text-primary)}.toast--minimal.toast-success{border-left-color:var(--color-success)}.toast--minimal.toast-error{border-left-color:var(--color-danger)}.toast--minimal.toast-warning{border-left-color:var(--color-warning)}.toast--minimal.toast-info{border-left-color:var(--color-info)}.toast--filled{border:none;color:var(--color-text-inverse)}.toast--filled.toast-success{background:var(--color-success)}.toast--filled.toast-error{background:var(--color-danger)}.toast--filled.toast-warning{background:var(--color-warning)}.toast--filled.toast-info{background:var(--color-info)}.toast--outlined{background:var(--color-bg-elevated);border:2px solid var(--color-primary);color:var(--color-text-primary)}.toast--outlined.toast-success{border-color:var(--color-success)}.toast--outlined.toast-error{border-color:var(--color-danger)}.toast--outlined.toast-warning{border-color:var(--color-warning)}.toast--outlined.toast-info{border-color:var(--color-info)}.toast-actions{display:flex;gap:var(--space-sm);margin-top:var(--space-sm);pointer-events:auto}.toast-action{align-items:center;background:none;border:1px solid;border-radius:var(--radius-sm);color:inherit;cursor:pointer;display:inline-flex;font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);text-decoration:none;transition:var(--transition-colors)}.toast-action:focus,.toast-action:hover{text-decoration:none}.toast-action--primary,.toast-action:focus,.toast-action:hover{background:currentColor;color:var(--color-bg-elevated)}.toast-action--primary:focus,.toast-action--primary:hover{opacity:.8}.toast-progress{background:currentColor;border-radius:0 0 var(--radius-toast) var(--radius-toast);bottom:0;height:3px;left:0;opacity:.3;position:absolute;transition:width linear}.toast--with-progress{padding-bottom:calc(var(--toast-padding) + 6px)}@keyframes toastFadeIn{0%{opacity:0;transform:translateY(var(--space-lg)) translateX(-50%)}to{opacity:.96;transform:translateY(0) translateX(-50%)}}@keyframes toastFadeOut{0%{opacity:.96;transform:translateY(0) translateX(-50%)}to{opacity:0;transform:translateY(calc(var(--space-md)*-1)) translateX(-50%)}}@keyframes toastSlideInLeft{0%{opacity:0;transform:translateX(-100%)}to{opacity:.96;transform:translateX(0)}}@keyframes toastSlideOutLeft{0%{opacity:.96;transform:translateX(0)}to{opacity:0;transform:translateX(-100%)}}@keyframes toastSlideInRight{0%{opacity:0;transform:translateX(100%)}to{opacity:.96;transform:translateX(0)}}@keyframes toastSlideOutRight{0%{opacity:.96;transform:translateX(0)}to{opacity:0;transform:translateX(100%)}}.toast-bottom-left,.toast-container--bottom-left .toast,.toast-container--top-left .toast,.toast-top-left{animation:toastSlideInLeft .36s cubic-bezier(.5,0,.3,1)}.toast-bottom-left.toast-leave,.toast-container--bottom-left .toast.toast-leave,.toast-container--top-left .toast.toast-leave,.toast-top-left.toast-leave{animation:toastSlideOutLeft .35s cubic-bezier(.5,0,.3,1) forwards}.toast-bottom-right,.toast-container--bottom-right .toast,.toast-container--top-right .toast,.toast-top-right{animation:toastSlideInRight .36s cubic-bezier(.5,0,.3,1)}.toast-bottom-right.toast-leave,.toast-container--bottom-right .toast.toast-leave,.toast-container--top-right .toast.toast-leave,.toast-top-right.toast-leave{animation:toastSlideOutRight .35s cubic-bezier(.5,0,.3,1) forwards}@media (max-width:640px){.toast{left:50%;margin:0 var(--space-lg);max-width:calc(100vw - var(--space-2xl));min-width:calc(100vw - var(--space-2xl));transform:translateX(-50%)}.toast-container{left:var(--space-lg);right:var(--space-lg);width:calc(100vw - var(--space-2xl))}.toast-container--bottom-center,.toast-container--top-center{left:var(--space-lg);transform:none}.toast-bottom-left,.toast-bottom-right,.toast-top-left,.toast-top-right{left:50%;right:auto;transform:translateX(-50%)}.toast--lg{max-width:calc(100vw - var(--space-2xl));min-width:calc(100vw - var(--space-2xl));padding:var(--space-md) var(--space-lg)}.toast-actions{flex-direction:column}.toast-action{justify-content:center;width:100%}}@media (max-width:480px){.toast{font-size:var(--font-size-xs);padding:var(--space-sm) var(--space-md)}.toast-icon{font-size:var(--font-size-base);height:16px;width:16px}.toast-close{font-size:var(--font-size-xs);height:16px;width:16px}}.toast[role=alert],.toast[role=status]{position:relative}.toast-action:focus,.toast-close:focus,.toast:focus{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-contrast:high){.toast,.toast--outlined{border-width:3px}}@media (prefers-reduced-motion:reduce){.toast{animation:none;opacity:1}.toast.toast-leave{animation:none;opacity:0}.toast-loading .toast-icon{animation:none}.toast-progress{transition:none}}@media print{.toast,.toast-container{display:none!important}}@keyframes bounce{0%,20%,53%,80%,to{transform:translateZ(0)}40%,43%{transform:translate3d(0,-6px,0)}70%{transform:translate3d(0,-3px,0)}90%{transform:translate3d(0,-1px,0)}}@keyframes shake{0%,to{transform:translateX(0)}10%,30%,50%,70%,90%{transform:translateX(-2px)}20%,40%,60%,80%{transform:translateX(2px)}}.toast--bounce{animation:bounce .6s}.toast--shake{animation:shake .5s}.toast--pulse{animation:pulse 1s infinite}.toast--persistent{pointer-events:auto}.toast--persistent .toast-close{display:flex}.toast--fast{animation-duration:.2s}.toast--slow{animation-duration:.8s}[data-theme=dark] .toast{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-text-primary)}[data-theme=dark] .toast-success{background:#10b9811a;border-color:var(--color-success);color:var(--color-success)}[data-theme=dark] .toast-error{background:#ef44441a;border-color:var(--color-danger);color:var(--color-danger)}[data-theme=dark] .toast-warning{background:#f59e0b1a;border-color:var(--color-warning);color:var(--color-warning)}[data-theme=dark] .toast-info{background:#3b82f61a;border-color:var(--color-info);color:var(--color-info)}.persona-selector{margin:0 auto;max-width:1200px;padding:var(--space-lg)}.persona-selector-header{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:space-between;margin-bottom:var(--space-xl)}.persona-selector-header h2{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);margin:0}.team-info{align-items:center;color:var(--color-text-secondary);display:flex;gap:var(--space-md)}.persona-actions{display:flex;gap:var(--space-sm)}.persona-section{margin-bottom:var(--space-2xl)}.persona-section h3{border-bottom:2px solid var(--color-border-primary);color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-lg);padding-bottom:var(--space-sm)}.persona-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.persona-card{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-lg);cursor:pointer;overflow:hidden;padding:var(--space-lg);position:relative;transition:all var(--transition-normal)}.persona-card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-2px)}.persona-card.selected{background:linear-gradient(135deg,var(--color-primary-soft),var(--color-bg-elevated));border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.persona-card.locked{background:var(--color-bg-secondary);cursor:not-allowed;opacity:.6}.persona-card.locked:hover{border-color:var(--color-border-primary);box-shadow:none;transform:none}.persona-avatar{align-items:center;display:flex;height:60px;justify-content:center;margin-bottom:var(--space-md);position:relative;width:60px}.persona-avatar img{border-radius:var(--radius-full);height:100%;object-fit:cover;width:100%}.avatar-placeholder{background:var(--color-primary);color:var(--color-text-inverse);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);height:100%;width:100%}.avatar-placeholder,.lock-overlay{align-items:center;border-radius:var(--radius-full);display:flex;justify-content:center}.lock-overlay{background:#000000b3;inset:0}.lock-icon{font-size:var(--font-size-lg)}.persona-info{flex:1 1}.persona-name{align-items:center;display:flex;font-size:var(--font-size-lg);gap:var(--space-xs);margin-bottom:var(--space-xs)}.custom-badge{background:var(--color-warning);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:2px var(--space-xs)}.persona-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed);margin-bottom:var(--space-md)}.persona-traits{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.trait-tag{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-sm);font-size:var(--font-size-xs);padding:4px var(--space-sm)}.relationship-info,.trait-tag{color:var(--color-text-secondary)}.relationship-info{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-sm)}.relationship-level{background:var(--color-primary);border-radius:var(--radius-sm);color:var(--color-text-inverse);font-size:var(--font-size-xs);padding:2px var(--space-xs)}.upgrade-notice{color:var(--color-warning);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.team-position{align-items:center;background:var(--color-primary);border-radius:var(--radius-full);color:var(--color-text-inverse);display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);height:24px;justify-content:center;position:absolute;right:var(--space-sm);top:var(--space-sm);width:24px}.selected-persona-details,.team-summary{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);margin-top:var(--space-xl);padding:var(--space-lg)}.persona-stats{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.stat{display:flex;flex-direction:column;gap:var(--space-xs)}.stat-label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium)}.stat-value{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.team-members{display:flex;flex-direction:column;gap:var(--space-sm)}.team-member{align-items:center;background:var(--color-bg-secondary);border-radius:var(--radius-md);display:flex;gap:var(--space-md);padding:var(--space-sm)}.member-position{color:var(--color-text-secondary);font-weight:var(--font-weight-bold)}.member-name{color:var(--color-text-primary);flex:1 1;font-weight:var(--font-weight-semibold)}.member-role{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.persona-selector-error,.persona-selector-loading{align-items:center;color:var(--color-text-secondary);display:flex;flex-direction:column;justify-content:center;min-height:200px;text-align:center}.retry-button{margin-top:var(--space-md)}.chat-interface{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);display:flex;flex-direction:column;height:600px;overflow:hidden}.chat-interface-placeholder{align-items:center;background:var(--color-bg-secondary);border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);color:var(--color-text-secondary);display:flex;height:400px;justify-content:center}.chat-header{background:var(--color-bg-elevated);border-bottom:1px solid var(--color-border-primary);justify-content:space-between;padding:var(--space-md) var(--space-lg)}.chat-header,.persona-info{align-items:center;display:flex}.persona-info{gap:var(--space-md)}.persona-avatar{height:40px;width:40px}.persona-avatar,.persona-avatar-small{border-radius:var(--radius-full);object-fit:cover}.persona-avatar-small{height:24px;width:24px}.persona-details h3{color:var(--color-text-primary);font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin:0}.persona-details p{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin:0}.chat-controls{align-items:center;display:flex;gap:var(--space-md)}.clear-chat,.voice-toggle{background:none;border:none;border-radius:var(--radius-md);cursor:pointer;font-size:var(--font-size-lg);padding:var(--space-sm);transition:background-color var(--transition-normal)}.clear-chat:hover,.voice-toggle:hover{background:var(--color-bg-secondary)}.voice-toggle.active{background:var(--color-primary);color:var(--color-text-inverse)}.connection-status{align-items:center;color:var(--color-text-secondary);display:flex;font-size:var(--font-size-sm);gap:var(--space-xs)}.status-indicator{background:var(--color-success);border-radius:var(--radius-full);height:8px;width:8px}.connection-status.offline .status-indicator{background:var(--color-danger)}.chat-messages{display:flex;flex:1 1;flex-direction:column;gap:var(--space-md);overflow-y:auto;padding:var(--space-lg)}.welcome-message{color:var(--color-text-secondary);padding:var(--space-xl);text-align:center}.welcome-message h4{color:var(--color-text-primary);margin-bottom:var(--space-sm)}.starter-questions{margin-top:var(--space-lg)}.starter-questions p{margin-bottom:var(--space-md)}.starter-button{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);cursor:pointer;display:block;margin:var(--space-sm) 0;padding:var(--space-md);transition:all var(--transition-normal);width:100%}.starter-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.message-bubble{word-wrap:break-word;border-radius:var(--radius-lg);max-width:80%;padding:var(--space-md);position:relative}.message-bubble.user{align-self:flex-end;background:var(--color-primary);border-bottom-right-radius:var(--radius-sm);color:var(--color-text-inverse)}.message-bubble.assistant{align-self:flex-start;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-bottom-left-radius:var(--radius-sm);color:var(--color-text-primary)}.message-bubble.voice-message{border-left:4px solid var(--color-accent)}.message-header{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-xs)}.message-time{color:var(--color-text-secondary);font-size:var(--font-size-xs)}.message-bubble.user .message-time{color:#fffc}.persona-name{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.message-content{line-height:var(--line-height-relaxed);position:relative}.voice-indicator{font-size:var(--font-size-xs);position:absolute;right:-2px;top:-2px}.follow-up-suggestions{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-md)}.suggestion-chip{background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:var(--radius-full);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);padding:var(--space-xs) var(--space-sm);transition:all var(--transition-normal)}.suggestion-chip:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.typing{background:var(--color-bg-elevated)!important}.typing-indicator{align-items:center;display:flex;gap:4px}.typing-indicator span{animation:typing 1.4s ease-in-out infinite;background:var(--color-text-secondary);border-radius:var(--radius-full);height:6px;width:6px}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typing{0%,80%,to{opacity:.5;transform:scale(.8)}40%{opacity:1;transform:scale(1)}}.chat-error{align-items:center;background:var(--color-danger-soft);border:1px solid var(--color-danger);border-radius:var(--radius-md);color:var(--color-danger);display:flex;justify-content:space-between;padding:var(--space-md)}.chat-input-container{background:var(--color-bg-elevated);border-top:1px solid var(--color-border-primary);padding:var(--space-lg)}.recording-indicator{align-items:center;background:var(--color-danger-soft);border-radius:var(--radius-md);color:var(--color-danger);display:flex;gap:var(--space-sm);justify-content:center;margin-bottom:var(--space-md);padding:var(--space-sm);text-align:center}.recording-dot{animation:pulse 1s infinite;background:var(--color-danger);border-radius:var(--radius-full);height:8px;width:8px}.chat-input{align-items:flex-end;display:flex;gap:var(--space-sm)}.chat-input textarea{background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);flex:1 1;font-family:inherit;font-size:var(--font-size-sm);line-height:var(--line-height-normal);max-height:120px;min-height:44px;padding:var(--space-md);resize:none}.chat-input textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-soft);outline:none}.chat-input textarea:disabled{cursor:not-allowed;opacity:.6}.input-actions{display:flex;gap:var(--space-xs)}.send-button,.voice-button{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;display:flex;font-size:var(--font-size-lg);height:44px;justify-content:center;transition:all var(--transition-normal);width:44px}.send-button:hover,.voice-button:hover{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.voice-button.recording{background:var(--color-danger);border-color:var(--color-danger);color:var(--color-text-inverse)}.send-button:disabled,.voice-button:disabled{cursor:not-allowed;opacity:.4}.send-button:disabled:hover{background:var(--color-bg-elevated);border-color:var(--color-border-primary);color:var(--color-text-secondary)}.input-hints{color:var(--color-text-secondary);display:flex;font-size:var(--font-size-xs);gap:var(--space-md);margin-top:var(--space-sm)}@media (max-width:768px){.persona-grid{grid-template-columns:1fr}.persona-selector-header{align-items:stretch;flex-direction:column}.chat-interface{height:500px}.message-bubble{max-width:90%}.persona-stats{grid-template-columns:1fr}.input-hints{flex-direction:column;gap:var(--space-xs)}}@media (max-width:480px){.chat-input-container,.chat-messages,.persona-selector{padding:var(--space-md)}.message-bubble{max-width:95%}}.toast{align-items:center;animation:slideInToast .3s ease-out;animation:slideInToast .3s var(--ease-out,ease-out);background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);bottom:24px;bottom:var(--space-xl,24px);box-shadow:0 10px 25px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 25px -3px #0000001a);color:#1a202c;color:var(--color-text-primary,#1a202c);display:flex;font-size:14px;font-weight:600;font-weight:var(--font-weight-semibold,600);gap:12px;gap:var(--space-md,12px);max-width:400px;min-width:320px;padding:16px 24px;padding:var(--space-lg,16px) var(--space-xl,24px);position:fixed;right:24px;right:var(--space-xl,24px);z-index:1000;z-index:var(--z-toast,1000)}.toast-success{background:#f0fff4;background:var(--color-success-bg,#f0fff4);border-color:#38a169;border-color:var(--color-success-border,#38a169);color:#22543d;color:var(--color-success-text,#22543d)}.toast-error{background:#fed7d7;background:var(--color-error-bg,#fed7d7);border-color:#e53e3e;border-color:var(--color-error-border,#e53e3e);color:#742a2a;color:var(--color-error-text,#742a2a)}.toast button{border-radius:4px;padding:4px;transition:background-color .2s}.loading-spinner{animation:spin 1s linear infinite;border:3px solid #e2e8f0;border-top:3px solid #3182ce;border:3px solid var(--color-border-subtle,#e2e8f0);border-radius:50%;border-top-color:var(--color-primary,#3182ce);height:40px;margin:0 auto;width:40px}.loading-spinner.small{border-width:2px;height:24px;width:24px}.loading-spinner.large{border-width:4px;height:60px;width:60px}.stat-icon{background:#ebf8ff;background:var(--color-primary-bg,#ebf8ff);border-radius:8px;border-radius:var(--radius-md,8px);color:#3182ce;color:var(--color-primary,#3182ce)}.error-message{background:#fed7d7;background:var(--color-error-bg,#fed7d7);border:1px solid #e53e3e;border:1px solid var(--color-error-border,#e53e3e);color:#742a2a;color:var(--color-error-text,#742a2a);font-size:.875rem;margin-bottom:12px;margin-bottom:var(--space-md,12px);padding:var(--space-md,12px)}.action-btn,.btn{align-items:center;background:#3182ce;background:var(--color-primary,#3182ce);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;color:var(--color-primary-contrast,#fff);cursor:pointer;display:inline-flex;font-size:.875rem;font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;gap:var(--space-sm,8px);justify-content:center;padding:12px 16px;padding:var(--space-md,12px) var(--space-lg,16px);text-decoration:none;transition:all .2s ease}.action-btn:hover,.btn:hover{background:#2c5282;background:var(--color-primary-hover,#2c5282);transform:translateY(-1px)}.action-btn:active,.btn:active{transform:translateY(0)}.dashboard-actions-row{gap:var(--space-md,12px);margin-bottom:16px;margin-bottom:var(--space-lg,16px)}.auth-card{background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);box-shadow:0 4px 6px -1px #0000001a;box-shadow:var(--shadow-md,0 4px 6px -1px #0000001a);max-width:400px;padding:24px;padding:var(--space-xl,24px)}@keyframes slideInToast{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.toast{border-radius:12px;bottom:20px;bottom:var(--space-lg,20px);font-size:16px;left:16px;left:var(--space-md,16px);max-width:none;min-width:auto;padding:16px 20px;right:16px;right:var(--space-md,16px)}.toast button{border-radius:8px;min-height:32px;min-width:32px;padding:8px}}@media (max-width:480px){.toast{bottom:16px;bottom:var(--space-md,16px);font-size:15px;left:12px;left:var(--space-sm,12px);padding:16px;right:12px;right:var(--space-sm,12px)}.profile-nav{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-primary,#e2e8f0);border-right:none;width:100%}.dashboard-actions-row{align-items:stretch;flex-direction:column}}.revamped-dashboard{background:var(--color-bg-primary);color:var(--color-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family-primary,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif);margin:0 auto;max-width:1200px;min-height:100vh;padding:var(--space-lg)}.dashboard-loading{align-items:center;display:flex;flex-direction:column;gap:var(--space-lg);justify-content:center;min-height:400px}.dashboard-header{align-items:center;background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);display:flex;justify-content:space-between;margin-bottom:var(--space-2xl);padding:var(--space-xl)}.rotating-stats-container{flex:1 1;min-width:0}.stat-display{align-items:center;display:flex;gap:var(--space-lg);margin-bottom:var(--space-md)}.stat-icon{background:var(--color-bg-subtle);border-radius:var(--radius-md);flex-shrink:0}.stat-content{flex:1 1}.stat-title{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);margin-bottom:var(--space-xs)}.stat-value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2;word-break:break-word}.stat-control{background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;padding:var(--space-sm);transition:var(--transition-colors)}.stat-control:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.spinning{animation:spin 2s linear infinite}.stat-indicators{display:flex;gap:var(--space-xs);justify-content:center}.stat-indicator{background:var(--color-border-primary);border:none;border-radius:50%;cursor:pointer;height:8px;transition:var(--transition-all);width:8px}.stat-indicator:hover{transform:scale(1.2)}.stat-indicator.active{transform:scale(1.3)}.header-controls{display:flex;flex-shrink:0;gap:var(--space-md)}.mode-toggle{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-md) var(--space-lg);transition:var(--transition-all)}.mode-toggle:hover{border-color:var(--color-accent-primary);transform:translateY(-1px)}.mode-toggle.game{border-color:var(--color-warning);color:var(--color-warning)}.mode-toggle.professional{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.settings-btn{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-md);transition:var(--transition-all)}.settings-btn:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.quiz-setup-container{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);margin-bottom:var(--space-xl);padding:var(--space-2xl)}.mode-tabs{border-bottom:2px solid var(--color-border-primary);margin-bottom:var(--space-2xl)}.mode-tabs,.tab{display:flex;position:relative}.tab{align-items:center;background:none;border:none;border-bottom:3px solid #0000;color:var(--color-text-secondary);cursor:pointer;font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);transition:var(--transition-all)}.tab:hover{color:var(--color-text-primary)}.tab.active,.tab:hover{background:var(--color-bg-subtle)}.tab.active{border-bottom-color:var(--color-accent-primary);color:var(--color-accent-primary)}.quiz-config{gap:var(--space-xl)}.config-section,.quiz-config{display:flex;flex-direction:column}.config-section{gap:var(--space-sm)}.config-row{grid-gap:var(--space-xl);display:grid;gap:var(--space-xl);grid-template-columns:1fr 1fr}.config-label{color:var(--color-text-primary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-xs)}.core-mode-toggle{background:var(--color-bg-subtle);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);display:flex;overflow:hidden}.mode-btn{background:#0000;border:none;color:var(--color-text-secondary);cursor:pointer;flex:1 1;font-weight:var(--font-weight-semibold);padding:var(--space-md) var(--space-lg);transition:var(--transition-all)}.mode-btn:hover{background:var(--color-bg-elevated);color:var(--color-text-primary)}.mode-btn.active{background:var(--color-accent-primary);color:var(--color-text-inverse)}.fun-modes-grid{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.fun-mode-card{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);cursor:pointer;display:flex;gap:var(--space-lg);padding:var(--space-lg);position:relative;transition:var(--transition-all)}.fun-mode-card:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.fun-mode-card.active{background:var(--color-accent-subtle);border-color:var(--color-accent-primary)}.fun-mode-card.locked{cursor:not-allowed;opacity:.6}.fun-mode-card.locked:hover{box-shadow:none;transform:none}.mode-icon{align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-md);color:var(--color-accent-primary);display:flex;flex-shrink:0;height:48px;justify-content:center;width:48px}.mode-info{flex:1 1;min-width:0}.mode-name{color:var(--color-text-primary);font-size:var(--font-size-base);font-weight:var(--font-weight-bold);margin-bottom:var(--space-xs)}.mode-description{color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:var(--line-height-relaxed)}.lock-overlay{font-size:var(--font-size-lg);position:absolute;right:var(--space-sm);top:var(--space-sm)}.question-input-group,.time-input-group{align-items:center;display:flex;gap:var(--space-sm)}.question-input,.time-input{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);flex:1 1;font-size:var(--font-size-base);font-weight:var(--font-weight-semibold);padding:var(--space-md)}.question-input:focus,.time-input:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.display-toggle{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-base);padding:var(--space-md);transition:var(--transition-all)}.display-toggle:hover{border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.time-icon{color:var(--color-text-secondary)}.progress-display{margin-top:var(--space-sm)}.progress-header{align-items:center;display:flex;font-size:var(--font-size-sm);justify-content:space-between;margin-bottom:var(--space-sm)}.progress-label{color:var(--color-text-secondary);font-weight:var(--font-weight-medium)}.progress-percentage{color:var(--color-accent-primary);font-weight:var(--font-weight-bold)}.progress-bar{background:var(--color-bg-subtle)}.progress-bar,.progress-fill{border-radius:var(--radius-sm)}.progress-fill{background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-primary));background:linear-gradient(90deg,var(--color-accent-primary),var(--color-accent-secondary,var(--color-accent-primary)));transition:width .3s var(--ease-out)}.category-selector{position:relative}.category-dropdown-btn{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);cursor:pointer;display:flex;font-size:var(--font-size-base);justify-content:space-between;padding:var(--space-md) var(--space-lg);transition:var(--transition-all);width:100%}.category-dropdown-btn:hover{border-color:var(--color-accent-primary)}.category-dropdown{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);left:0;margin-top:var(--space-xs);max-height:300px;overflow-y:auto;position:absolute;right:0;top:100%;z-index:var(--z-dropdown)}.category-header{border-bottom:1px solid var(--color-border-primary);padding:var(--space-lg)}.select-all-btn{align-items:center;background:none;border:none;color:var(--color-accent-primary);cursor:pointer;display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-sm) 0;transition:var(--transition-colors);width:100%}.select-all-btn:hover{color:var(--color-accent-primary);color:var(--color-accent-secondary,var(--color-accent-primary))}.category-list{padding:var(--space-sm)}.category-item{align-items:center;border-radius:var(--radius-sm);cursor:pointer;display:flex;justify-content:space-between;padding:var(--space-md) var(--space-sm);transition:var(--transition-colors)}.category-item:hover{background:var(--color-bg-subtle)}.category-name{font-weight:var(--font-weight-medium)}.question-count{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.start-quiz-btn{align-items:center;background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-primary));background:linear-gradient(135deg,var(--color-accent-primary),var(--color-accent-secondary,var(--color-accent-primary)));border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);cursor:pointer;display:flex;font-size:var(--font-size-lg);font-weight:var(--font-weight-bold);gap:var(--space-md);justify-content:center;margin-top:var(--space-lg);overflow:hidden;padding:var(--space-lg) var(--space-xl);position:relative;transition:var(--transition-all);width:100%}.start-quiz-btn:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s;width:100%}.start-quiz-btn:hover{box-shadow:0 8px 24px #2474f44d;transform:translateY(-2px)}.start-quiz-btn:hover:before{left:100%}.start-quiz-btn:active{transform:translateY(0)}.dashboard-footer{grid-gap:var(--space-2xl);align-items:start;display:grid;gap:var(--space-2xl);grid-template-columns:1fr auto}.quick-actions{display:flex;gap:var(--space-lg)}.action-btn{align-items:center;background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-md);color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-semibold);gap:var(--space-sm);padding:var(--space-lg) var(--space-xl);text-decoration:none;transition:var(--transition-all)}.action-btn:hover{border-color:var(--color-accent-primary);box-shadow:var(--shadow-sm);color:var(--color-accent-primary);transform:translateY(-2px)}.quick-feedback{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-shadow:var(--shadow-sm);min-width:280px;padding:var(--space-lg)}.feedback-header{align-items:center;color:var(--color-text-primary);display:flex;font-weight:var(--font-weight-medium);justify-content:space-between;margin-bottom:var(--space-md)}.feedback-header .quick-actions{gap:var(--space-sm);margin:0}.feedback-btn{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;padding:var(--space-sm);transition:var(--transition-all)}.feedback-btn:hover{color:var(--color-text-primary)}.feedback-btn.positive:hover{background:#10b9811a;background:var(--color-success-subtle,#10b9811a);border-color:var(--color-success);color:var(--color-success)}.feedback-btn.negative:hover{background:#ef44441a;background:var(--color-danger-subtle,#ef44441a);border-color:var(--color-danger);color:var(--color-danger)}.feedback-btn.detailed:hover{background:var(--color-accent-subtle);border-color:var(--color-accent-primary);color:var(--color-accent-primary)}.detailed-feedback{animation:slideDown .3s var(--ease-out);margin-top:var(--space-lg)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.detailed-feedback textarea{background:var(--color-bg-elevated);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);color:var(--color-text-primary);font-family:inherit;font-size:var(--font-size-sm);min-height:80px;padding:var(--space-md);resize:vertical;transition:var(--transition-all);width:100%}.detailed-feedback textarea:focus{border-color:var(--color-accent-primary);box-shadow:0 0 0 3px var(--color-accent-subtle);outline:none}.detailed-feedback textarea::placeholder{color:var(--color-text-placeholder)}.feedback-actions{display:flex;gap:var(--space-sm);justify-content:flex-end;margin-top:var(--space-md)}.btn-cancel,.btn-submit{border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);cursor:pointer;font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);padding:var(--space-sm) var(--space-lg);transition:var(--transition-all)}.btn-cancel{background:var(--color-bg-elevated);color:var(--color-text-secondary)}.btn-cancel:hover{background:#ef44441a;background:var(--color-danger-subtle,#ef44441a);border-color:var(--color-danger);color:var(--color-danger)}.btn-submit{background:var(--color-accent-primary);border-color:var(--color-accent-primary);color:var(--color-text-inverse)}.btn-submit:hover:not(:disabled){background:var(--color-accent-primary);background:var(--color-accent-secondary,var(--color-accent-primary));transform:translateY(-1px)}.btn-submit:disabled{cursor:not-allowed;opacity:.5;transform:none}.toast-success{border-left:4px solid var(--color-success);color:var(--color-success)}.toast-error{border-left:4px solid var(--color-danger);color:var(--color-danger)}.toast button{background:none;border:none;border-radius:var(--radius-sm);color:inherit;cursor:pointer;margin-left:auto;opacity:.7;padding:var(--space-xs);transition:var(--transition-all)}.toast button:hover{background:#0000001a;opacity:1}@keyframes slideIn{0%{opacity:0;transform:translateX(100%)}to{opacity:1;transform:translateX(0)}}@media (max-width:768px){.revamped-dashboard{padding:var(--space-md)}.dashboard-header{align-items:center;flex-direction:column;gap:var(--space-lg);text-align:center}.rotating-stats-container{width:100%}.header-controls{justify-content:center;width:100%}.config-row,.dashboard-footer{gap:var(--space-lg);grid-template-columns:1fr}.quick-actions{flex-direction:column}.action-btn{border-radius:12px;font-size:16px;font-weight:600;justify-content:center;min-height:48px;padding:16px 20px;width:100%}.mode-tabs{gap:8px;justify-content:center}.mode-tab{border-radius:8px;font-size:14px;min-height:44px;padding:12px 16px}.fun-modes-grid{grid-template-columns:1fr}.quick-feedback{min-width:auto;width:100%}}@media (max-width:480px){.revamped-dashboard{padding:var(--space-sm)}.dashboard-header,.quiz-setup-container{padding:var(--space-lg)}.stat-display{flex-direction:column;gap:var(--space-sm);text-align:center}.stat-icon{align-self:center}.header-controls{flex-direction:column;gap:var(--space-sm);width:100%}.mode-toggle,.settings-btn{justify-content:center;width:100%}.mode-tabs{border-bottom:none;flex-direction:column;gap:var(--space-xs)}.tab{border-bottom:2px solid var(--color-border-primary);border:2px solid var(--color-border-primary);border-radius:var(--radius-sm);justify-content:center;width:100%}.tab.active{border-color:var(--color-accent-primary);border-bottom-color:var(--color-accent-primary)}.fun-mode-card{flex-direction:column;gap:var(--space-md)}.fun-mode-card,.mode-info{text-align:center}.question-input-group,.time-input-group{align-items:stretch;flex-direction:column}.display-toggle{width:100%}.quick-feedback{min-width:auto}.feedback-header{gap:var(--space-md);text-align:center}.feedback-actions,.feedback-header{flex-direction:column}.btn-cancel,.btn-submit{width:100%}}@media (max-width:360px){.fun-mode-card{padding:var(--space-md)}.mode-icon{height:40px;width:40px}.stat-value{font-size:var(--font-size-xl)}.start-quiz-btn{font-size:var(--font-size-base);padding:var(--space-md) var(--space-lg)}}.action-btn:focus,.category-dropdown-btn:focus,.display-toggle:focus,.feedback-btn:focus,.mode-btn:focus,.mode-toggle:focus,.question-input:focus,.settings-btn:focus,.start-quiz-btn:focus,.tab:focus,.time-input:focus{outline:2px solid var(--color-accent-primary);outline-offset:2px}@media (prefers-contrast:high){.dashboard-header,.quick-feedback,.quiz-setup-container{border:3px solid var(--color-border-primary)}.action-btn,.feedback-btn,.fun-mode-card{border-width:3px}}@media (prefers-reduced-motion:reduce){.spinning{animation:none}.start-quiz-btn:before{display:none}.detailed-feedback{animation:none}*{animation:none!important;transition:none!important}}@media print{.revamped-dashboard{max-width:none;padding:0}.dashboard-header,.quiz-setup-container{border:1px solid #000;box-shadow:none}.action-btn,.feedback-btn,.mode-toggle,.settings-btn,.start-quiz-btn{display:none}}@media (prefers-color-scheme:dark){.revamped-dashboard{color-scheme:dark}}.revamped-dashboard[data-theme=custom]{--dashboard-custom-spacing:var(--custom-spacing,var(--space-lg))}.revamped-dashboard[data-game-mode=true]{--dashboard-accent:var(--color-warning,#f59e0b)}.revamped-dashboard[data-game-mode=true] .stat-value{text-shadow:0 2px 4px #0000001a}.revamped-dashboard[data-game-mode=true] .fun-mode-card{border-radius:var(--radius-lg)}.revamped-dashboard[data-game-mode=true] .start-quiz-btn{box-shadow:0 4px 12px #2474f433}.profile-container{margin:0 auto;max-width:680px;padding:16px}.profile-tabs{margin-bottom:12px;padding-bottom:6px}.profile-tab{appearance:none;background:#0000;border:0;border-radius:10px;color:#54617a;cursor:pointer;font-weight:700;padding:10px 12px;white-space:nowrap}.profile-tab.active{background:#f3f7ff;box-shadow:inset 0 0 0 1px #d7e4ff;color:#1d3e8a}.profile-tabcontent>*{margin-bottom:12px}.profile-ai-card,.profile-info-block,.profile-streak-card{background:#fff;border:1px solid #e9eef5;border-radius:14px;box-shadow:0 1px 2px #00000008;padding:14px}.profile-info-block h2{font-size:22px;margin:0 0 6px}.profile-username{color:#6b7a90;font-weight:600}.profile-email{color:#6b7a90}.profile-bio{color:#324054;margin-top:8px}.edit-profile-btn{appearance:none;background:#fff;border:1px solid #dbe3ef;border-radius:10px;cursor:pointer;font-weight:700;padding:8px 10px}.edit-profile-btn:hover{border-color:#2d7ef7}.profile-ai-card{align-items:center;background:#f7fbff;border-left:4px solid #d8e7ff;display:flex;gap:12px}.profile-ai-card strong{display:block;margin-bottom:2px}.ai-action-btn,.ai-upsell-btn{appearance:none;background:#eef5ff;border:1px solid #cfe0fa;border-radius:10px;cursor:pointer;font-weight:700;padding:6px 10px}.ai-action-btn:hover,.ai-upsell-btn:hover{border-color:#2d7ef7}.profile-streak-card{align-items:center;display:flex;gap:10px}.admin-question-count{display:flex;flex-direction:column;gap:6px}.admin-number-input{appearance:none;background:#fff;border:1px solid #dbe3ef;border-radius:10px;color:#324054;font-size:14px;font-weight:500;max-width:200px;padding:10px 12px;transition:border-color .2s ease;width:100%}.admin-number-input:focus{border-color:#2d7ef7;box-shadow:0 0 0 3px #2d7ef71a;outline:none}.admin-number-input:hover{border-color:#a5b4cb}.admin-question-count small{color:#6b7a90;font-size:12px;font-weight:500;margin-top:2px}.entitlements-compact{align-items:center;background:#f8fafb;border:1px solid #e9eef5;border-radius:12px;display:flex;gap:16px;justify-content:space-between;padding:14px}.entitlement-summary{display:flex;flex:1 1;flex-direction:column;gap:8px}.entitlement-additional,.entitlement-core{align-items:center;display:flex;gap:8px}.entitlement-icon{height:16px;width:16px}.entitlement-icon.included{color:#22c55e}.entitlement-icon.owned{color:#3b82f6}.entitlement-text{color:#324054;font-size:14px;font-weight:500}.entitlement-list{display:flex;flex-wrap:wrap;gap:4px;margin-top:4px}.entitlement-tag{background:#e1e7f3;border:1px solid #d1d9e8;border-radius:12px;color:#1e3a8a;font-size:12px;font-weight:600;padding:2px 8px}.state-selection-compact{display:flex;flex-direction:column;gap:16px}.states-info{background:#f0f7ff;border:1px solid #bfdbfe;border-radius:8px;padding:12px}.states-notice{align-items:center;color:#1e40af;display:flex;font-size:14px;gap:8px;margin:0}.states-selection{display:flex;flex-direction:column;gap:12px}.states-always-active{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 12px}.state-always-on{align-items:center;display:flex;gap:8px}.state-toggle-icon{color:#22c55e;height:16px;width:16px}.state-toggle-name{color:#166534;flex:1 1;font-weight:600}.state-toggle-status{color:#16a34a;font-size:12px;font-weight:500}.states-grid-compact{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));max-height:200px;overflow-y:auto;padding:4px}.state-checkbox{align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:8px;cursor:pointer;display:flex;gap:8px;padding:8px 12px;transition:all .2s ease}.state-checkbox:hover{background:#f8fafc;border-color:#3b82f6}.state-checkbox input[type=checkbox]{height:16px;margin:0;width:16px}.state-checkbox-name{color:#374151;flex:1 1;font-size:14px;font-weight:500}.state-checkbox-access{color:#6b7280;font-size:12px;font-weight:500}.no-additional-states{color:#6b7280;padding:24px;text-align:center}.no-additional-states p{margin:0 0 12px}@media (max-width:560px){.profile-container{padding:12px}.profile-info-block h2{font-size:20px}.edit-profile-btn{padding:7px 9px}.profile-ai-card{padding:12px}.admin-number-input{max-width:100%}}:root{--quiz-primary:#3b82f6;--quiz-success:#10b981;--quiz-warning:#f59e0b;--quiz-danger:#ef4444;--quiz-info:#06b6d4;--quiz-space-xs:0.25rem;--quiz-space-sm:0.5rem;--quiz-space-md:1rem;--quiz-space-lg:1.5rem;--quiz-space-xl:2rem;--quiz-space-xxl:3rem;--quiz-bg-primary:#fff;--quiz-bg-secondary:#f8fafc;--quiz-bg-tertiary:#e2e8f0;--quiz-text-primary:#1e293b;--quiz-text-secondary:#64748b;--quiz-border:#e2e8f0;--quiz-shadow:0 4px 6px #0000000d;--quiz-shadow-lg:0 10px 15px #0000001a;--quiz-transition:all 0.2s ease;--quiz-transition-slow:all 0.3s ease}[data-theme=dark]{--quiz-bg-primary:#1e293b;--quiz-bg-secondary:#334155;--quiz-bg-tertiary:#475569;--quiz-text-primary:#f1f5f9;--quiz-text-secondary:#cbd5e1;--quiz-border:#475569;--quiz-shadow:0 4px 6px #0000004d;--quiz-shadow-lg:0 10px 15px #0006}.quiz-container{background:linear-gradient(135deg,#f8fafc,#e2e8f0);background:linear-gradient(135deg,var(--quiz-bg-secondary) 0,var(--quiz-bg-tertiary) 100%);font-family:system-ui,-apple-system,sans-serif;min-height:100vh}.quiz-loading{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;justify-content:center;min-height:100vh;text-align:center}.quiz-loading h2{font-size:1.5rem;margin:0 0 .5rem;margin:0 0 var(--quiz-space-sm) 0}.quiz-loading p{margin:0;opacity:.8}.quiz-error{align-items:center;display:flex;flex-direction:column;justify-content:center;min-height:100vh}.modal,.quiz-error{padding:1.5rem;padding:var(--quiz-space-lg)}.modal{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);border-radius:12px;box-shadow:0 10px 15px #0000001a;box-shadow:var(--quiz-shadow-lg);max-height:80vh;max-width:500px;overflow:auto;width:90%}.modal-large{max-width:600px}.modal h3{font-size:1.125rem;margin:0 0 1rem;margin:0 0 var(--quiz-space-md) 0}.modal h2,.modal h3{color:#1e293b;color:var(--quiz-text-primary);font-weight:600}.modal h2{font-size:1.5rem;margin:0 0 1.5rem;margin:0 0 var(--quiz-space-lg) 0;text-align:center}.modal-subtitle{color:#64748b;color:var(--quiz-text-secondary);font-size:.875rem;margin:0 0 1rem;margin:0 0 var(--quiz-space-md) 0}.modal-textarea{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);border-radius:8px;color:#1e293b;color:var(--quiz-text-primary);font-family:inherit;font-size:.875rem;min-height:120px;padding:1rem;padding:var(--quiz-space-md);resize:vertical;width:100%}.modal-textarea:focus{border-color:#3b82f6;border-color:var(--quiz-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-select{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);border-radius:8px;color:#1e293b;color:var(--quiz-text-primary);font-size:.875rem;margin-bottom:1rem;margin-bottom:var(--quiz-space-md);padding:1rem;padding:var(--quiz-space-md);width:100%}.modal-select:focus{border-color:#3b82f6;border-color:var(--quiz-primary);box-shadow:0 0 0 3px #3b82f61a;outline:none}.modal-actions{gap:1rem;gap:var(--quiz-space-md);margin-top:1rem;margin-top:var(--quiz-space-md)}.confidence-selector{display:flex;justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg)}.confidence-button{background:#fff;background:var(--quiz-bg-primary);border:2px solid #e2e8f0;border:2px solid var(--quiz-border);border-radius:50%;color:#1e293b;color:var(--quiz-text-primary);cursor:pointer;font-size:1.125rem;font-weight:600;height:50px;transition:all .2s ease;transition:var(--quiz-transition);width:50px}.confidence-button:hover{transform:scale(1.05)}.confidence-button.selected,.confidence-button:hover{border-color:#3b82f6;border-color:var(--quiz-primary)}.confidence-button.selected{background:#3b82f6;background:var(--quiz-primary);color:#fff}.confidence-labels{color:#64748b;color:var(--quiz-text-secondary);display:flex;font-size:.75rem;justify-content:space-between}.confidence-labels,.hint-content{margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg)}.hint-content{background:#fef3c7;border-radius:8px;padding:1rem;padding:var(--quiz-space-md)}.hint-content p{color:#92400e;font-size:.9375rem;line-height:1.5;margin:0}.results-icon{font-size:3rem;margin-bottom:1rem;margin-bottom:var(--quiz-space-md);text-align:center}.results-grid{grid-gap:1rem;grid-gap:var(--quiz-space-md);display:grid;gap:1rem;gap:var(--quiz-space-md);grid-template-columns:repeat(2,1fr);margin:1.5rem 0;margin:var(--quiz-space-lg) 0}.result-card{background:#f8fafc;background:var(--quiz-bg-secondary);border-radius:8px;padding:1rem;padding:var(--quiz-space-md);text-align:center}.result-value{color:#3b82f6;color:var(--quiz-primary);font-size:1.5rem;font-weight:600;margin-bottom:.25rem;margin-bottom:var(--quiz-space-xs)}.result-label{color:#64748b;color:var(--quiz-text-secondary);font-size:.875rem}@media (max-width:1024px){.quiz-main-content{gap:1rem;gap:var(--quiz-space-md);grid-template-columns:1fr}.quiz-sidebar{order:-1}.sidebar-card{padding:1rem;padding:var(--quiz-space-md)}.question-grid{grid-template-columns:repeat(8,1fr)}}@media (max-width:768px){.quiz-header-content{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--quiz-space-md)}.quiz-controls,.quiz-title-section{justify-content:space-between}.quiz-main-content{padding:1rem;padding:var(--quiz-space-md)}.quiz-question-section{padding:1.5rem;padding:var(--quiz-space-lg)}.question-header{flex-direction:column;gap:1rem;gap:var(--quiz-space-md)}.question-actions{flex-wrap:wrap;justify-content:flex-start;margin-left:0}.quiz-navigation{align-items:stretch;flex-direction:column;gap:1rem;gap:var(--quiz-space-md)}.nav-center{justify-content:center}.sidebar-card{padding:1rem;padding:var(--quiz-space-md)}.question-grid{grid-template-columns:repeat(6,1fr)}.results-grid{grid-template-columns:1fr}.modal{margin:1rem;margin:var(--quiz-space-md);max-width:none;width:auto}.modal-actions{flex-direction:column}.confidence-selector{flex-wrap:wrap;gap:.5rem;gap:var(--quiz-space-sm);justify-content:center}.confidence-button{font-size:1rem;height:40px;width:40px}}@media (max-width:480px){.quiz-header,.quiz-progress-section{padding:1rem;padding:var(--quiz-space-md)}.quiz-main-content{padding:.5rem;padding:var(--quiz-space-sm)}.quiz-question-section{padding:1rem;padding:var(--quiz-space-md)}.question-badges{flex-wrap:wrap;gap:8px}.question-text{font-size:1.125rem;line-height:1.5}.choice-button{border-radius:12px;font-size:1rem;margin-bottom:12px;min-height:60px;padding:16px 20px}.choice-letter{font-size:.875rem;height:28px;margin-right:16px;width:28px}.quiz-nav-buttons{flex-direction:column;gap:12px}.quiz-nav-buttons .btn{font-size:1rem;font-weight:600;min-height:48px;width:100%}.modal{margin:10px;max-height:90vh;max-width:none;width:95%}.modal-textarea{font-size:1rem;min-height:150px}.question-grid{gap:4px;grid-template-columns:repeat(5,1fr)}.nav-button{font-size:.6875rem;height:28px;width:28px}}[data-accent-color=red]{--quiz-primary:#ef4444}[data-accent-color=orange]{--quiz-primary:#f97316}[data-accent-color=yellow]{--quiz-primary:#eab308}[data-accent-color=green]{--quiz-primary:#22c55e}[data-accent-color=blue]{--quiz-primary:#3b82f6}[data-accent-color=indigo]{--quiz-primary:#6366f1}[data-accent-color=purple]{--quiz-primary:#a855f7}[data-accent-color=pink]{--quiz-primary:#ec4899}@media (prefers-contrast:high){:root{--quiz-border:#000;--quiz-text-secondary:#000}[data-theme=dark]{--quiz-border:#fff;--quiz-text-secondary:#fff}.choice-button{border-width:3px}.nav-button{border-width:2px}}@media print{.quiz-container{background:#fff;color:#000}.modal-overlay,.question-actions,.quiz-controls,.quiz-navigation,.quiz-sidebar{display:none!important}.quiz-main-content{grid-template-columns:1fr;padding:0}.quiz-question-section{border:1px solid #ccc;box-shadow:none}}.quiz-header{background:#fff;background:var(--quiz-bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--quiz-border);box-shadow:0 4px 6px #0000000d;box-shadow:var(--quiz-shadow);padding:1rem 1.5rem;padding:var(--quiz-space-md) var(--quiz-space-lg);position:sticky;top:0;z-index:100}.quiz-header-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.quiz-title-section{align-items:center;display:flex;gap:1.5rem;gap:var(--quiz-space-lg)}.quiz-title{color:#1e293b;color:var(--quiz-text-primary);font-size:1.25rem;font-weight:600;margin:0}.quiz-status{border-radius:6px;font-size:.875rem;font-weight:500;padding:.25rem 1rem;padding:var(--quiz-space-xs) var(--quiz-space-md)}.quiz-status.active{background:#dcfce7;color:#166534}.quiz-status.paused{background:#fef3c7;color:#92400e}.quiz-controls{align-items:center;display:flex;gap:1rem;gap:var(--quiz-space-md)}.accuracy-display,.timer-display{align-items:center;color:#1e293b;color:var(--quiz-text-primary);display:flex;font-size:1rem;font-weight:500;gap:.5rem;gap:var(--quiz-space-sm)}.accuracy-display{color:#64748b;color:var(--quiz-text-secondary);font-size:.875rem}.quiz-progress-section{background:#fff;background:var(--quiz-bg-primary);border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--quiz-border);padding:1rem 1.5rem;padding:var(--quiz-space-md) var(--quiz-space-lg)}.progress-info{align-items:center;display:flex;justify-content:space-between;margin-bottom:.5rem;margin-bottom:var(--quiz-space-sm);margin-left:auto;margin-right:auto;max-width:1200px}.progress-text{color:#1e293b;color:var(--quiz-text-primary);font-size:.875rem}.progress-percentage{color:#64748b;color:var(--quiz-text-secondary);font-size:.875rem}.progress-bar{background:var(--quiz-bg-tertiary);border-radius:4px;margin:0 auto;max-width:1200px;width:100%}.progress-fill{background:linear-gradient(90deg,#3b82f6,#1d4ed8);background:linear-gradient(90deg,var(--quiz-primary) 0,#1d4ed8 100%);transition:width .3s ease}.session-banner{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--quiz-border);font-weight:500;padding:1rem 1.5rem;padding:var(--quiz-space-md) var(--quiz-space-lg);text-align:center}.session-banner.success{background:#dcfce7;color:#166534}.session-banner.warning{background:#fef3c7;color:#92400e}.session-banner.info{background:#eff6ff;color:#1e40af}.quiz-main-content,.session-banner>div{margin:0 auto;max-width:1200px}.quiz-main-content{grid-gap:1.5rem;grid-gap:var(--quiz-space-lg);display:grid;gap:1.5rem;gap:var(--quiz-space-lg);grid-template-columns:2fr 1fr;padding:1.5rem;padding:var(--quiz-space-lg)}.quiz-question-section{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);border-radius:12px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--quiz-shadow);box-sizing:border-box;max-width:100%;padding:3rem;padding:var(--quiz-space-xxl);width:100%}.question-header{justify-content:space-between;margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg)}.question-meta{flex:1 1;max-width:100%;width:100%}.question-badges{display:flex;gap:1rem;gap:var(--quiz-space-md);margin-bottom:1rem;margin-bottom:var(--quiz-space-md)}.badge{border-radius:4px;font-size:.75rem;padding:.25rem .5rem;padding:var(--quiz-space-xs) var(--quiz-space-sm)}.badge-primary{background:#eff6ff;color:#1d4ed8}.badge-success{background:#dcfce7;color:#166534}.badge-warning{background:#fef3c7;color:#92400e}.badge-danger{background:#fecaca;color:#dc2626}.badge-secondary{background:#f3f4f6;color:#374151}.question-text{box-sizing:border-box;color:#1e293b;color:var(--quiz-text-primary);font-size:1.125rem;font-weight:600;margin:0;max-width:100%;width:100%}.question-actions{display:flex;gap:.5rem;gap:var(--quiz-space-sm);margin-left:1rem;margin-left:var(--quiz-space-md)}.answer-choices{box-sizing:border-box;margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg);max-width:100%;width:100%}.choice-button{align-items:center;background:#fff;background:var(--quiz-bg-primary);border:2px solid #e2e8f0;border:2px solid var(--quiz-border);color:#1e293b;color:var(--quiz-text-primary);cursor:pointer;display:flex;font-size:1rem;gap:1rem;gap:var(--quiz-space-md);margin:.5rem 0;margin:var(--quiz-space-sm) 0;padding:1rem 1.5rem;padding:var(--quiz-space-md) var(--quiz-space-lg);text-align:left;transition:all .2s ease;transition:var(--quiz-transition);width:100%}.choice-button:hover:not(.disabled){border-color:#3b82f6;border-color:var(--quiz-primary);box-shadow:0 4px 6px #0000000d;box-shadow:var(--quiz-shadow);transform:translateY(-1px)}.choice-button.selected{background:#eff6ff;border-color:#3b82f6;border-color:var(--quiz-primary)}.choice-button.correct{background:#ecfdf5;border-color:#10b981;border-color:var(--quiz-success);color:#047857}.choice-button.wrong{background:#fef2f2;border-color:#ef4444;border-color:var(--quiz-danger);color:#dc2626}.choice-button.disabled{cursor:not-allowed;opacity:.6}.choice-letter{align-items:center;background:#e2e8f0;background:var(--quiz-bg-tertiary);border-radius:50%;color:#64748b;color:var(--quiz-text-secondary);display:flex;flex-shrink:0;font-size:.875rem;font-weight:600;height:28px;justify-content:center;width:28px}.choice-button.selected .choice-letter{background:#3b82f6;background:var(--quiz-primary);color:#fff}.choice-button.correct .choice-letter{background:#10b981;background:var(--quiz-success);color:#fff}.choice-button.wrong .choice-letter{background:#ef4444;background:var(--quiz-danger);color:#fff}.choice-text{flex:1 1}.choice-indicator{color:inherit;font-size:1.25rem}.user-note{background:#fef3c7;border:1px solid #f59e0b;border-radius:8px;margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg);padding:1rem;padding:var(--quiz-space-md)}.note-header{align-items:center;display:flex;gap:.5rem;gap:var(--quiz-space-sm);margin-bottom:.5rem;margin-bottom:var(--quiz-space-sm)}.note-header span:first-child{font-size:1rem}.note-header span:last-child{color:#92400e;font-weight:500}.user-note p{color:#92400e;font-size:.875rem;line-height:1.5;margin:0}.confidence-display{align-items:center;background:#eff6ff;border-radius:8px;display:flex;gap:.5rem;gap:var(--quiz-space-sm);margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg);padding:1rem;padding:var(--quiz-space-md) var(--quiz-space-md)}.confidence-display span:first-child{font-size:1rem}.confidence-display span:nth-child(2){color:#1e40af;font-size:.875rem}.confidence-stars{display:flex;gap:.25rem;gap:var(--quiz-space-xs)}.star-filled{color:#f59e0b}.star-empty{color:#d1d5db}.question-rationale{background:#f0f9ff;border:1px solid #0ea5e9;border-radius:8px;margin-bottom:1.5rem;margin-bottom:var(--quiz-space-lg);padding:1.5rem;padding:var(--quiz-space-lg)}.rationale-header{align-items:center;display:flex;gap:.5rem;gap:var(--quiz-space-sm);margin-bottom:1rem;margin-bottom:var(--quiz-space-md)}.rationale-header span{font-size:1.125rem}.rationale-header h3{color:#0c4a6e;font-size:1rem;font-weight:600;margin:0}.question-rationale p{color:#0c4a6e;font-size:.9375rem;line-height:1.6;margin:0}.quiz-navigation{align-items:center;border-top:1px solid #e2e8f0;border-top:1px solid var(--quiz-border);display:flex;justify-content:space-between;padding-top:1.5rem;padding-top:var(--quiz-space-lg)}.nav-center,.quiz-sidebar{display:flex;gap:1rem;gap:var(--quiz-space-md)}.quiz-sidebar{flex-direction:column}.sidebar-card{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);border-radius:8px;box-shadow:0 4px 6px #0000000d;box-shadow:var(--quiz-shadow);padding:1.5rem;padding:var(--quiz-space-lg)}.sidebar-card h3{color:#1e293b;color:var(--quiz-text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem;margin:0 0 var(--quiz-space-md) 0}.stat-item{margin-bottom:1rem;margin-bottom:var(--quiz-space-md)}.stat-item:last-child{margin-bottom:0}.stat-label{color:var(--quiz-text-secondary);font-size:.875rem}.stat-value{color:#1e293b;color:var(--quiz-text-primary);font-size:1rem;font-weight:600}.stat-success{color:#10b981;color:var(--quiz-success)}.stat-warning{color:#f59e0b;color:var(--quiz-warning)}.category-performance{margin-bottom:1rem;margin-bottom:var(--quiz-space-md)}.category-performance:last-child{margin-bottom:0}.category-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem;margin-bottom:var(--quiz-space-xs)}.category-name{color:#1e293b;color:var(--quiz-text-primary);font-size:.8125rem;font-weight:500}.category-accuracy{font-size:.8125rem;font-weight:600}.accuracy-good{color:#10b981;color:var(--quiz-success)}.accuracy-okay{color:#f59e0b;color:var(--quiz-warning)}.accuracy-poor{color:#ef4444;color:var(--quiz-danger)}.category-progress{background:#f1f5f9;border-radius:2px;height:4px;margin-bottom:.25rem;margin-bottom:var(--quiz-space-xs);overflow:hidden;width:100%}.category-progress-fill{height:100%;transition:all .3s ease;transition:var(--quiz-transition-slow)}.accuracy-good .category-progress-fill{background:#10b981;background:var(--quiz-success)}.accuracy-okay .category-progress-fill{background:#f59e0b;background:var(--quiz-warning)}.accuracy-poor .category-progress-fill{background:#ef4444;background:var(--quiz-danger)}.category-details{color:#9ca3af;font-size:.6875rem;margin-top:.25rem;margin-top:var(--quiz-space-xs)}.question-grid{grid-gap:6px;display:grid;gap:6px;grid-template-columns:repeat(5,1fr);margin-bottom:1rem;margin-bottom:var(--quiz-space-md)}.nav-button{align-items:center;background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);border-radius:6px;color:#64748b;color:var(--quiz-text-secondary);cursor:pointer;display:flex;font-size:.75rem;font-weight:500;height:32px;justify-content:center;transition:all .2s ease;transition:var(--quiz-transition);width:32px}.nav-button:hover{border-color:#3b82f6;border-color:var(--quiz-primary)}.nav-button.current{background:#3b82f6;background:var(--quiz-primary);border:2px solid #3b82f6;border:2px solid var(--quiz-primary);color:#fff}.nav-button.answered{background:#10b981;background:var(--quiz-success);border-color:#10b981;border-color:var(--quiz-success);color:#fff}.nav-legend{color:#64748b;color:var(--quiz-text-secondary);font-size:.6875rem;gap:1rem;gap:var(--quiz-space-md)}.legend-item,.nav-legend{align-items:center;display:flex}.legend-item{gap:.25rem;gap:var(--quiz-space-xs)}.legend-color{border-radius:2px;height:12px;width:12px}.legend-color.answered{background:#10b981;background:var(--quiz-success)}.legend-color.current{background:#3b82f6;background:var(--quiz-primary)}.legend-color.unanswered{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border)}.study-tip{display:flex;flex-direction:column;gap:1rem;gap:var(--quiz-space-md)}.tip-content{border-radius:6px;font-size:.8125rem;line-height:1.4;padding:1rem;padding:var(--quiz-space-md)}.tip-info{background:#eff6ff;color:#1e40af}.tip-success{background:#ecfdf5;color:#047857}.tip-warning{background:#fef3c7;color:#92400e}.tip-footer{color:#64748b;color:var(--quiz-text-secondary);font-size:.75rem;line-height:1.4}.btn{border:none;font-size:.875rem;padding:1rem 1.5rem;padding:var(--quiz-space-md) var(--quiz-space-lg);transition:var(--quiz-transition)}.btn-primary{background:#3b82f6;background:var(--quiz-primary)}.btn-primary:hover:not(:disabled){background:#2563eb;transform:translateY(-1px)}.btn-secondary{background:#fff;background:var(--quiz-bg-primary);border:1px solid #e2e8f0;border:1px solid var(--quiz-border);color:#1e293b;color:var(--quiz-text-primary)}.btn-secondary:hover:not(:disabled){border-color:#3b82f6;border-color:var(--quiz-primary);transform:translateY(-1px)}.btn-success{background:#10b981;background:var(--quiz-success);color:#fff}.btn-success:hover:not(:disabled){background:#059669;transform:translateY(-1px)}.btn-warning{background:#f59e0b;background:var(--quiz-warning);color:#fff}.btn-warning:hover:not(:disabled){background:#d97706;transform:translateY(-1px)}.btn-danger{background:#ef4444;background:var(--quiz-danger)}.btn-danger:hover:not(:disabled){background:#dc2626;transform:translateY(-1px)}.btn-icon{font-size:1rem;min-width:auto;padding:.5rem;padding:var(--quiz-space-sm);width:auto}.modal-overlay{background:#00000080;bottom:0;left:0;padding:1.5rem;padding:var(--quiz-space-lg);position:fixed;right:0;top:0;z-index:1000}.auth-container,.modal-overlay{align-items:center;display:flex;justify-content:center}.auth-container{background:var(--color-bg-primary);box-sizing:border-box;min-height:100vh;padding:var(--space-lg)}.auth-card{background:var(--color-bg-elevated);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);box-sizing:border-box;max-width:420px;min-width:320px;padding:var(--space-2xl);position:relative;width:100%}.auth-card .form-group{box-sizing:border-box;margin-bottom:var(--space-lg);width:100%}.auth-card .form-group:last-child{margin-bottom:0}.auth-card .form-group label{color:var(--color-text-primary);display:block;font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-sm)}.auth-card .form-group input[type=email],.auth-card .form-group input[type=password],.auth-card .form-group input[type=text]{background-color:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);box-sizing:border-box;color:var(--color-text-primary);font-family:var(--font-family);font-size:var(--font-size-base);line-height:var(--line-height-normal);padding:var(--space-md);transition:var(--transition-colors);width:100%}.auth-card .form-group input:focus{border-color:var(--color-primary);box-shadow:var(--shadow-focus);outline:none}.auth-card .form-group input:disabled{background-color:var(--color-bg-secondary);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.auth-card .form-group input[aria-invalid=true]{border-color:var(--color-danger);box-shadow:0 0 0 1px var(--color-danger)}.auth-card .field-error{color:var(--color-danger);display:block;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-top:var(--space-xs)}.auth-card .remember-me{align-items:center;display:flex;gap:var(--space-sm);margin-bottom:var(--space-lg)}.auth-card .remember-me input[type=checkbox]{accent-color:var(--color-primary);margin:0;width:auto}.auth-card .remember-me label{color:var(--color-text-secondary);cursor:pointer;font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin:0}.auth-card .action-button{background-color:var(--color-primary);border:none;border-radius:var(--radius-md);box-sizing:border-box;color:#fff;cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-normal);margin-bottom:var(--space-lg);padding:var(--space-md) var(--space-lg);transition:var(--transition-colors);width:100%}.auth-card .action-button:hover:not(:disabled){background-color:var(--color-primary-hover);box-shadow:var(--shadow-md);transform:translateY(-1px)}.auth-card .action-button:active:not(:disabled){transform:translateY(0)}.auth-card .action-button:disabled{background-color:var(--color-bg-secondary);box-shadow:none;color:var(--color-text-muted);cursor:not-allowed;transform:none}.auth-card .helper-links{align-items:center;display:flex;flex-direction:column;gap:var(--space-sm)}.auth-card .link-btn{background:none;border:none;color:var(--color-primary);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-sm);line-height:var(--line-height-normal);padding:var(--space-xs) 0;text-decoration:none;transition:var(--transition-colors)}.auth-card .link-btn:hover:not(:disabled){color:var(--color-primary-hover);text-decoration:underline}.auth-card .link-btn:disabled{color:var(--color-text-muted);cursor:not-allowed}.auth-card .error-message{background-color:rgba(var(--color-danger-rgb),.1);border:1px solid rgba(var(--color-danger-rgb),.2);border-radius:var(--radius-md);color:var(--color-danger)}.auth-card .error-message,.auth-card .success-message{font-size:var(--font-size-sm);line-height:var(--line-height-normal);margin-bottom:var(--space-lg);padding:var(--space-md)}.auth-card .success-message{background-color:rgba(var(--color-success-rgb),.1);border:1px solid rgba(var(--color-success-rgb),.2);border-radius:var(--radius-md);color:var(--color-success)}.auth-card h2{color:var(--color-text-primary);font-size:var(--font-size-xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin:0 0 var(--space-xl) 0;text-align:center}.auth-card small{color:var(--color-text-muted);display:block;font-size:var(--font-size-xs);line-height:var(--line-height-normal);margin-top:var(--space-xs)}.auth-card .password-strength-container{margin:var(--space-sm) 0}@media (max-width:640px){.auth-container{align-items:flex-start;padding:var(--space-md);padding-top:var(--space-xl)}.auth-card{border-radius:var(--radius-md);max-width:100%;min-width:100%;padding:var(--space-xl)}.auth-card .form-group input,.auth-card .form-group select{border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:12px;font-size:16px;min-height:48px;padding:16px 20px}.auth-card .form-group input:focus,.auth-card .form-group select:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--color-primary-alpha,#3b82f61a)}.auth-card .action-button{border-radius:12px;font-size:16px;font-weight:600;min-height:48px;padding:16px 24px;width:100%}.auth-card .form-group label{font-size:14px;font-weight:600;margin-bottom:8px}.auth-card .form-group{margin-bottom:20px}.auth-card input[type=checkbox],.auth-card input[type=radio]{height:20px;margin-right:12px;width:20px}.auth-card .auth-link{display:block;font-size:16px;padding:12px 0;text-align:center}}@media (min-width:641px) and (max-width:768px){.auth-card{max-width:400px}}@media (min-width:769px){.auth-container{padding:var(--space-2xl)}.auth-card{max-width:420px}}@media (prefers-contrast:high){.auth-card,.auth-card .form-group input{border-width:2px}.auth-card .form-group input[aria-invalid=true]{border-width:3px}}@media (prefers-reduced-motion:reduce){.auth-card .action-button,.auth-card .form-group input,.auth-card .link-btn{transition:none}.auth-card .action-button:hover:not(:disabled){transform:none}}.auth-card .action-button:focus-visible,.auth-card .form-group input:focus-visible,.auth-card .link-btn:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-color-scheme:dark){.auth-card{box-shadow:var(--shadow-dark)}}.auth-card .form-group>div[style*="position: relative"]{margin-bottom:0;width:100%}.auth-card .auth-input,.auth-card input.auth-input{background-color:var(--color-bg-primary)!important;border:1px solid var(--color-border-primary)!important;border-radius:var(--radius-md)!important;box-sizing:border-box!important;color:var(--color-text-primary)!important;font-family:var(--font-family)!important;font-size:var(--font-size-base)!important;line-height:var(--line-height-normal)!important;padding:var(--space-md)!important;padding-right:45px!important;transition:var(--transition-colors)!important;width:100%!important}.auth-card .auth-input:focus,.auth-card input.auth-input:focus{border-color:var(--color-primary)!important;box-shadow:var(--shadow-focus)!important;outline:none!important}.auth-card .auth-input:disabled,.auth-card input.auth-input:disabled{background-color:var(--color-bg-secondary)!important;color:var(--color-text-muted)!important;cursor:not-allowed!important;opacity:.7!important}.auth-card .auth-input[aria-invalid=true],.auth-card input.auth-input[aria-invalid=true]{border-color:var(--color-danger)!important;box-shadow:0 0 0 1px var(--color-danger)!important}.auth-card button[aria-label*=password]{align-items:center!important;background:none!important;border:none!important;border-radius:var(--radius-sm)!important;cursor:pointer!important;display:flex!important;height:32px!important;justify-content:center!important;padding:var(--space-xs)!important;position:absolute!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;transition:var(--transition-colors)!important;width:32px!important}.auth-card button[aria-label*=password]:hover{background-color:rgba(var(--color-text-primary-rgb),.1)!important}.auth-card button[aria-label*=password]:focus-visible{outline:2px solid var(--color-primary)!important;outline-offset:1px!important}.auth-card button[aria-label*=password] svg{stroke:var(--color-text-secondary)!important;height:20px!important;width:20px!important}.auth-card button[aria-label*=password]:hover svg{stroke:var(--color-text-primary)!important}.auth-card .form-group>div[style*="position: relative"]>label{display:none!important}.results-page{background:var(--color-bg-subtle);min-height:100vh;padding:var(--space-lg) 0}.results-page .container{margin:0 auto;max-width:1200px;padding:0 var(--space-lg)}.results-header{align-items:flex-end;border-bottom:2px solid var(--color-border-subtle);display:flex;justify-content:space-between;margin-bottom:var(--space-xl);padding-bottom:var(--space-lg)}.header-content h1{color:var(--color-text-primary);font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);margin:0 0 var(--space-xs) 0}.header-content .subtitle{color:var(--color-text-secondary);font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);margin:0}.header-actions{display:flex;gap:var(--space-sm)}.score-overview{grid-gap:var(--space-lg);display:grid;gap:var(--space-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:var(--space-xl)}.score-card{align-items:center;background:var(--color-bg-elevated);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex;gap:var(--space-lg);overflow:hidden;padding:var(--space-lg);position:relative;transition:var(--transition-all)}.score-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.score-card.primary{background:linear-gradient(135deg,var(--color-primary-50) 0,var(--color-primary-100) 100%);border:2px solid var(--color-primary-200)}.score-card.primary .score-icon{color:var(--color-primary-600)}.score-card.primary .score-value{color:var(--color-primary-700)}.score-icon{align-items:center;background:var(--color-bg-subtle);border-radius:var(--radius-full);color:var(--color-text-secondary);display:flex;flex-shrink:0;height:56px;justify-content:center;width:56px}.score-content{flex:1 1}.score-value{color:var(--color-text-primary);font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);line-height:1.2}.score-label,.score-value{margin-bottom:var(--space-xs)}.score-label{color:var(--color-text-secondary);font-weight:var(--font-weight-semibold);letter-spacing:.05em;text-transform:uppercase}.score-detail,.score-label{font-size:var(--font-size-sm)}.score-detail{color:var(--color-text-tertiary)}.category-grid{grid-gap:var(--space-md);display:grid;gap:var(--space-md);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.category-item{background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);padding:var(--space-md)}.category-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.category-name,.category-score{color:var(--color-text-primary);margin-bottom:var(--space-xs)}.category-score{font-size:var(--font-size-lg);font-weight:var(--font-weight-bold)}.category-percentage{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-sm)}.category-bar{background:var(--color-border-subtle);border-radius:var(--radius-full);height:6px;overflow:hidden}.category-progress{background:linear-gradient(90deg,var(--color-success-500),var(--color-success-400));border-radius:var(--radius-full);height:100%;transition:width .3s ease}.action-section{margin-bottom:var(--space-xl)}.action-buttons{gap:var(--space-md);justify-content:center}.filters{flex-wrap:wrap;gap:var(--space-lg)}.filter-group,.filters{align-items:center;display:flex}.filter-group{gap:var(--space-sm)}.filter-group label{color:var(--color-text-secondary);font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);white-space:nowrap}.form-select{background:var(--color-bg-elevated);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-primary);font-size:var(--font-size-sm);min-width:120px;padding:var(--space-xs) var(--space-sm)}.form-select:focus{border-color:var(--color-primary-500);box-shadow:0 0 0 3px var(--color-primary-100);outline:none}.filter-summary{color:var(--color-text-tertiary);font-size:var(--font-size-sm);font-style:italic;margin-left:auto}.filter-actions{align-items:center;display:flex;gap:var(--space-sm)}.question-review{display:flex;flex-direction:column;gap:var(--space-md)}.question-card{background:var(--color-bg-elevated);border:var(--card-border);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden;transition:var(--transition-all)}.question-card.correct{border-left:4px solid var(--color-success-500)}.question-card.incorrect{border-left:4px solid var(--color-error-500)}.question-card:hover{box-shadow:var(--shadow-md)}.question-header{align-items:flex-start;cursor:pointer;display:flex;gap:var(--space-md);padding:var(--space-lg);transition:background-color .2s ease;-webkit-user-select:none;user-select:none}.question-header:hover{background:var(--color-bg-subtle)}.question-header:focus{outline:2px solid var(--color-primary-500);outline-offset:-2px}.question-status{align-items:center;border-radius:var(--radius-full);display:flex;flex-shrink:0;height:40px;justify-content:center;margin-top:var(--space-xs);width:40px}.question-card.correct .question-status{background:var(--color-success-100)}.question-card.incorrect .question-status{background:var(--color-error-100)}.status-correct{color:var(--color-success-600)}.status-incorrect{color:var(--color-error-600)}.question-content{flex:1 1;min-width:0}.question-number{color:var(--color-text-tertiary);font-size:var(--font-size-xs);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin-bottom:var(--space-xs)}.question-text{color:var(--color-text-primary);font-size:var(--font-size-md);font-weight:var(--font-weight-medium);line-height:1.5;margin-bottom:var(--space-sm)}.question-meta{display:flex;flex-direction:column;gap:var(--space-xs)}.answer-preview,.correct-preview{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.question-toggle{align-items:center;color:var(--color-text-tertiary);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-top:var(--space-xs);width:32px}.question-details{background:var(--color-bg-subtle);border-top:1px solid var(--color-border-subtle);padding:0 var(--space-lg) var(--space-lg)}.question-media{margin:var(--space-md) 0;text-align:center}.media-image{border-radius:var(--radius-md);box-shadow:var(--shadow-sm);max-height:300px}.media-audio,.media-video{border-radius:var(--radius-md);max-width:100%}.media-video{max-height:300px}.answer-details{display:flex;flex-direction:column;gap:var(--space-sm);margin:var(--space-md) 0}.answer-section{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.answer-section.correct{color:var(--color-success-600);font-weight:var(--font-weight-medium)}.answer-section strong{color:var(--color-text-primary)}.question-tools{gap:var(--space-lg);margin:var(--space-md) 0}.tool-group{font-size:var(--font-size-sm)}.note-display,.tool-group{align-items:center;display:flex;gap:var(--space-sm)}.note-display{flex-wrap:wrap}.rationale{background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);margin-top:var(--space-lg);padding:var(--space-md)}.rationale h4{color:var(--color-text-primary);font-weight:var(--font-weight-semibold);letter-spacing:.05em;margin:0 0 var(--space-sm) 0;text-transform:uppercase}.rationale h4,.rationale p{font-size:var(--font-size-sm)}.rationale p{color:var(--color-text-secondary);line-height:1.6;margin:0}@media (max-width:768px){.results-page .container{padding:0 var(--space-md)}.results-header{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.header-content h1{font-size:var(--font-size-2xl)}.header-actions{justify-content:flex-end;width:100%}.score-overview{gap:var(--space-md);grid-template-columns:1fr}.score-card{padding:var(--space-md)}.score-value{font-size:var(--font-size-xl)}.action-buttons{justify-content:stretch}.action-buttons .btn{flex:1 1;min-width:0}.filters{align-items:stretch;flex-direction:column;gap:var(--space-md)}.filter-group{justify-content:space-between}.filter-summary{background:var(--color-bg-subtle);border-radius:var(--radius-md);margin-left:0;padding:var(--space-sm);text-align:center}.question-header{gap:var(--space-sm);padding:var(--space-md)}.question-status{height:32px;width:32px}.question-meta{gap:var(--space-xs)}.question-details{padding:0 var(--space-md) var(--space-md)}.question-tools{align-items:flex-start;flex-direction:column;gap:var(--space-md)}.category-grid{grid-template-columns:1fr}}@media (max-width:480px){.results-page .container{padding:0 var(--space-sm)}.header-content h1{font-size:var(--font-size-xl)}.header-content .subtitle{font-size:var(--font-size-md)}.score-card{flex-direction:column;gap:var(--space-md);text-align:center}.score-icon{height:48px;width:48px}.action-buttons,.question-header{flex-direction:column}.question-header{align-items:flex-start;gap:var(--space-sm)}.question-toggle{align-self:flex-end;margin-top:-32px}}@media print{.results-page{background:#fff;color:#000}.action-buttons,.filters,.header-actions,.question-toggle{display:none!important}.question-card{border:1px solid #ddd;box-shadow:none;break-inside:avoid;margin-bottom:1rem;page-break-inside:avoid}.question-details{display:block!important}.score-overview{grid-template-columns:repeat(3,1fr)}}@media (prefers-reduced-motion:reduce){.category-progress,.question-card,.question-header,.score-card{transition:none}}.question-header:focus-visible{outline:2px solid var(--color-primary-500);outline-offset:-2px}@media (prefers-color-scheme:dark){.results-page{background:var(--color-bg-primary)}}.page-container{--bg:#f7f9fc;--card:#fff;--text:#1b2430;--muted:#6c7a91;--border:#e6eaf1;--accent:#2d7ef7;--danger:#e5484d;--warn:#ff914d;--ok:#3fbb6c;color:var(--text);margin:0 auto;max-width:1200px;padding:20px 16px 60px}.admin-header{gap:12px;margin-bottom:18px}.admin-header h1{font-size:28px;letter-spacing:.2px;margin:0}.refresh-btn{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-weight:600;margin-left:auto;padding:8px 12px}.refresh-btn:hover{background:#fafcff}.admin-stats-grid{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(6,minmax(0,1fr));margin-bottom:18px}@media (max-width:1200px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:740px){.admin-stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.admin-stats-grid{grid-template-columns:1fr}}.dashboard-actions-row{grid-gap:12px;align-items:stretch;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));margin-bottom:20px}@media (max-width:1280px){.dashboard-actions-row{grid-template-columns:repeat(4,1fr)}}@media (max-width:820px){.dashboard-actions-row{grid-template-columns:repeat(2,1fr)}}@media (max-width:480px){.dashboard-actions-row{grid-template-columns:1fr}}.fancy-action-card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 3px #0000000a;color:var(--text);display:block;font-weight:700;padding:14px 12px;text-align:center;transition:transform .06s,box-shadow .15s,border-color .15s}.fancy-action-card:hover{border-color:var(--accent);box-shadow:0 5px 16px #0000000f;transform:translateY(-1px)}.fancy-action-card .badge{align-items:center;background:#ffefef;border:1px solid #ffd3d3;border-radius:999px;color:#b12a2a;display:inline-flex;font-size:12px;height:20px;justify-content:center;margin-left:6px;min-width:20px;padding:0 6px}.admin-section.online-users-section{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #0000000a;margin-top:28px;padding:16px}.admin-section.online-users-section h3{margin:0 0 10px}.online-users-section table{border-collapse:collapse;font-size:14px;width:100%}.online-users-section td,.online-users-section th{border-bottom:1px solid var(--border);padding:10px 8px;text-align:left}.online-users-section thead th{color:var(--muted);font-weight:700}@media (max-width:680px){.online-users-section table,.online-users-section tbody,.online-users-section td,.online-users-section th,.online-users-section thead,.online-users-section tr{display:block}.online-users-section thead{display:none}.online-users-section tr{border:1px solid var(--border);border-radius:10px;box-shadow:0 1px 2px #00000005;margin-bottom:10px;padding:10px}.online-users-section td{border:0;padding:6px 0}.online-users-section td:before{color:var(--muted);content:attr(data-label);display:inline-block;font-weight:600;width:120px}}.error-message{background:#fff4f4;border:1.5px solid var(--danger);border-radius:7px;color:#b72b2b;margin-bottom:16px;padding:12px 16px}.page-container a,.page-container button{color:var(--text)!important}.page-container button *{color:inherit!important}.dashboard-actions-row{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.actions--pills .fancy-action-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:999px;box-shadow:none;color:var(--text);display:inline-flex;font-weight:600;gap:8px;min-height:auto;padding:10px 14px;text-decoration:none}.actions--pills .fancy-action-card:hover{border-color:var(--accent)}.actions--pills .fancy-action-card .icon{font-size:18px;margin:0}.actions--pills .badge{background:#ffefef;border:1px solid #ffd3d3;border-radius:999px;color:#b12a2a;font-size:12px;height:18px;margin-left:6px;min-width:18px;padding:0 6px;position:static}@media (max-width:560px){.dashboard-actions-row.actions--pills{flex-wrap:nowrap;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x mandatory}.actions--pills .fancy-action-card{flex:0 0 auto;scroll-snap-align:start}}.actions--solid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(160px,1fr))}.actions--solid .fancy-action-card{align-items:center;background:#f7f9ff;border:1px solid var(--border);border-radius:10px;box-shadow:inset 0 0 0 0 #0000;color:#1d3e8a;display:flex;flex-direction:column;font-weight:700;justify-content:center;padding:12px;text-decoration:none}.actions--solid .fancy-action-card:hover{border-color:var(--accent);filter:brightness(.98)}.actions--solid .fancy-action-card .icon{font-size:20px;margin-bottom:4px}.actions--solid .badge{background:#ffefef;border:1px solid #ffd3d3;border-radius:999px;color:#b12a2a;font-size:12px;height:18px;min-width:18px;padding:0 6px;pointer-events:none;position:absolute;right:6px;top:6px}.actions--toolbar{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(12,1fr)}@media (max-width:960px){.actions--toolbar{grid-template-columns:repeat(6,1fr)}}@media (max-width:560px){.actions--toolbar{grid-template-columns:repeat(2,1fr)}}.actions--toolbar .fancy-action-card{align-items:center;background:#fff;border:1px solid var(--border);border-radius:9px;color:var(--text);display:flex;font-weight:700;gap:8px;grid-column:span 2;justify-content:center;padding:10px 12px;text-decoration:none}.actions--toolbar .fancy-action-card:hover{background:#fbfdff;border-color:var(--accent)}.actions--toolbar .fancy-action-card .icon{font-size:18px;margin:0}.actions--toolbar .badge{background:#ffefef;border:1px solid #ffd3d3;border-radius:999px;color:#b12a2a;font-size:12px;height:18px;margin-left:6px;min-width:18px;padding:0 6px}.admin-container{--bg:#f7f9fc;--card:#fff;--text:#1b2430;--muted:#6c7a91;--border:#e6eaf1;--accent:#2d7ef7;--success:#38a169;--danger:#e53e3e;color:var(--text);margin:0 auto;max-width:1100px;padding:16px}.admin-header{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-bottom:12px}.admin-header h2{font-size:22px;margin:0}.admin-header input[type=text],.admin-header select{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;height:34px;padding:6px 10px}.admin-header input[type=text]{flex:1 1 260px;min-width:220px}.admin-table{background:#fff;border:1px solid var(--border);border-collapse:collapse;border-radius:12px;overflow:hidden;width:100%}.admin-table thead th{background:#f6f8fc;color:var(--muted);font-size:13px;font-weight:700;text-align:left}.admin-table td,.admin-table thead th{border-bottom:1px solid var(--border);padding:10px}.admin-table td{vertical-align:top}.admin-table tbody tr:last-child td{border-bottom:0}.admin-table td.question-cell{max-width:520px;word-break:break-word}.status-pill{align-items:center;border:1px solid var(--border);border-radius:999px;display:inline-flex;font-size:12px;font-weight:700;padding:2px 8px}.status-pill.approved{background:#eaf7f0;border-color:#cfe9da;color:#236b46}.status-pill.rejected{background:#fdecef;border-color:#f5c5cc;color:#8b2330}.status-pill.pending{background:#f7f8fb;color:#5a6476}.link-btn{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;cursor:pointer;display:inline-flex;font-weight:600;gap:6px;margin-right:6px;padding:6px 8px;text-decoration:none}.link-btn.approve{color:var(--success)}.link-btn.delete{color:var(--danger)}.link-btn:disabled{cursor:not-allowed;opacity:.5}.pagination{display:flex;gap:6px;justify-content:center;margin:16px 0}.page-btn{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font-weight:700;padding:6px 10px}.page-btn.active{background:#eaf6ff;border-color:#cfe6ff;color:#134c8a}.page-btn:disabled{cursor:not-allowed;opacity:.6}@media (max-width:760px){.admin-table,.admin-table tbody,.admin-table td,.admin-table th,.admin-table thead,.admin-table tr{display:block}.admin-table thead{display:none}.admin-table{background:#0000;border:0;border-radius:0}.admin-table tbody tr{background:#fff;border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #00000008;margin-bottom:10px;padding:10px}.admin-table td{border:0;padding:6px 0}.admin-table td:before{color:var(--muted);content:attr(data-label);display:inline-block;font-weight:700;width:110px}.admin-table td.actions-cell{margin-top:6px}}.profile-page{background:#f8fafc;background:var(--color-bg-primary,#f8fafc);display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-family:var(--font-family,-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto",sans-serif);min-height:100vh}.profile-nav{background:#fff;background:var(--color-bg-elevated,#fff);border-right:1px solid #e2e8f0;border-right:1px solid var(--color-border-primary,#e2e8f0);height:100vh;overflow-y:auto;padding:24px;padding:var(--space-lg,24px);position:sticky;top:0;width:280px}.profile-nav-header h1{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 32px;margin:0 0 var(--space-xl,32px) 0}.profile-nav-tabs{display:flex;flex-direction:column;gap:4px;gap:var(--space-xs,4px)}.profile-nav-tab{align-items:center;background:#0000;border:none;border-radius:12px;border-radius:var(--radius-lg,12px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-weight:500;font-weight:var(--font-weight-medium,500);gap:12px;gap:var(--space-sm,12px);padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px);text-align:left;transition:all .2s ease;transition:all var(--transition-normal,.2s ease);width:100%}.profile-nav-tab:hover{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9);color:#0f172a;color:var(--color-text-primary,#0f172a)}.profile-nav-tab.active{background:#dbeafe;background:var(--color-primary-soft,#dbeafe);color:#2563eb;color:var(--color-primary,#2563eb);font-weight:600;font-weight:var(--font-weight-semibold,600)}.profile-main{flex:1 1;max-width:calc(100vw - 280px);overflow-y:auto;padding:24px;padding:var(--space-lg,24px)}.profile-loading{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);justify-content:center;min-height:50vh}.profile-overview{margin:0 auto;max-width:1200px}.profile-hero{grid-gap:24px;grid-gap:var(--space-lg,24px);align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:16px;border-radius:var(--radius-xl,16px);display:grid;gap:24px;gap:var(--space-lg,24px);grid-template-columns:auto 1fr auto;margin-bottom:32px;margin-bottom:var(--space-xl,32px);padding:32px;padding:var(--space-xl,32px)}.profile-hero-avatar{cursor:pointer;position:relative}.avatar-image{border:4px solid #e2e8f0;border:4px solid var(--color-border-primary,#e2e8f0);border-radius:50%;border-radius:var(--radius-full,50%);height:120px;object-fit:cover;transition:transform .2s ease;transition:transform var(--transition-normal,.2s ease);width:120px}.profile-hero-avatar:hover .avatar-image{transform:scale(1.05)}.avatar-overlay{align-items:center;background:#0009;border-radius:50%;border-radius:var(--radius-full,50%);color:#fff;display:flex;inset:0;justify-content:center;opacity:0;position:absolute;transition:opacity .2s ease;transition:opacity var(--transition-normal,.2s ease)}.profile-hero-avatar:hover .avatar-overlay{opacity:1}.profile-hero-info{min-width:0}.profile-name{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:30px;font-size:var(--font-size-3xl,30px);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.profile-username{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:18px;font-size:var(--font-size-lg,18px);margin:0 0 16px;margin:0 0 var(--space-md,16px) 0}.profile-badges{display:flex;flex-wrap:wrap;gap:8px;gap:var(--space-xs,8px);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.badge{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:inline-flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;gap:var(--space-xs,4px);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.badge-trial{background:#fef3c7;background:var(--color-warning-soft,#fef3c7);color:#d97706;color:var(--color-warning,#d97706)}.badge-active{background:#dcfce7;background:var(--color-success-soft,#dcfce7);color:#16a34a;color:var(--color-success,#16a34a)}.badge-states{background:#dbeafe;background:var(--color-info-soft,#dbeafe);color:#2563eb;color:var(--color-info,#2563eb)}.badge-admin{background:#fef2f2;background:var(--color-danger-soft,#fef2f2);color:#dc2626;color:var(--color-danger,#dc2626)}.badge-vip{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#fff}.profile-member-since{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:4px;gap:var(--space-xs,4px);margin:0}.profile-hero-actions{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.stats-grid{grid-gap:24px;grid-gap:var(--space-lg,24px);gap:24px;gap:var(--space-lg,24px);grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.stat-card{align-items:center;background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;gap:16px;gap:var(--space-md,16px);padding:24px;padding:var(--space-lg,24px);transition:transform .2s ease,box-shadow .2s ease;transition:transform var(--transition-normal,.2s ease),box-shadow var(--transition-normal,.2s ease)}.stat-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);transform:translateY(-2px)}.stat-icon{align-items:center;background:#dbeafe;background:var(--color-primary-soft,#dbeafe);border-radius:12px;border-radius:var(--radius-lg,12px);color:#2563eb;color:var(--color-primary,#2563eb);display:flex;font-size:24px;height:48px;justify-content:center;width:48px}.stat-content{min-width:0}.stat-number{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:700;font-weight:var(--font-weight-bold,700)}.stat-label,.stat-number{margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.stat-change,.stat-label{font-weight:500;font-weight:var(--font-weight-medium,500)}.stat-change{font-size:12px;font-size:var(--font-size-xs,12px);margin:0}.stat-change.positive{color:#16a34a;color:var(--color-success,#16a34a)}.stat-change.negative{color:#dc2626;color:var(--color-danger,#dc2626)}.quick-actions{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:32px;margin-bottom:var(--space-xl,32px);padding:24px;padding:var(--space-lg,24px)}.quick-actions h3{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 16px;margin:0 0 var(--space-md,16px) 0}.quick-actions-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(2,1fr)}.quick-action-card{align-items:center;background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);color:#0f172a;color:var(--color-text-primary,#0f172a);cursor:pointer;display:flex;flex-direction:column;font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;gap:var(--space-sm,8px);padding:24px;padding:var(--space-lg,24px);text-decoration:none;transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.quick-action-card:hover{background:#dbeafe;background:var(--color-primary-soft,#dbeafe);border-color:#2563eb;border-color:var(--color-primary,#2563eb);color:#2563eb;color:var(--color-primary,#2563eb);transform:translateY(-2px)}.quick-action-card svg{font-size:24px}.recent-activity{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);padding:24px;padding:var(--space-lg,24px)}.recent-activity h3{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 16px;margin:0 0 var(--space-md,16px) 0}.activity-list{display:flex;flex-direction:column;gap:12px;gap:var(--space-md,12px);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.activity-item{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);display:flex;gap:12px;gap:var(--space-sm,12px);padding:12px;padding:var(--space-sm,12px);transition:background .2s ease;transition:background var(--transition-normal,.2s ease)}.activity-icon,.activity-item:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc)}.activity-icon{align-items:center;border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b;color:var(--color-text-secondary,#64748b);display:flex;font-size:16px;height:32px;justify-content:center;width:32px}.activity-content{flex:1 1;min-width:0}.activity-description{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:14px;font-size:var(--font-size-sm,14px);margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.activity-time{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px);margin:0}.profile-tab-content{margin:0 auto;max-width:800px}.tab-header{margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.tab-header h2{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:24px;font-size:var(--font-size-2xl,24px);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 8px;margin:0 0 var(--space-xs,8px) 0}.tab-header p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:16px;font-size:var(--font-size-base,16px);margin:0}.settings-section{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);margin-bottom:24px;margin-bottom:var(--space-lg,24px);padding:24px;padding:var(--space-lg,24px)}.settings-section h3{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 16px;margin:0 0 var(--space-md,16px) 0}.tab-actions{display:flex;gap:12px;gap:var(--space-sm,12px);justify-content:flex-end;margin-top:32px;margin-top:var(--space-xl,32px)}.form-grid{grid-gap:24px;grid-gap:var(--space-lg,24px);display:grid;gap:24px;gap:var(--space-lg,24px);grid-template-columns:repeat(2,1fr)}.email-input-group{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px)}.email-input{flex:1 1}.email-verify-btn{flex-shrink:0;white-space:nowrap}.entitlements-display{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);flex-direction:column;padding:16px;padding:var(--space-md,16px)}.entitlement-item,.entitlements-display{display:flex;gap:12px;gap:var(--space-sm,12px)}.entitlement-item{align-items:center;border-radius:6px;border-radius:var(--radius-sm,6px);padding:12px;padding:var(--space-sm,12px);transition:background .2s ease;transition:background var(--transition-normal,.2s ease)}.entitlement-item:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc)}.entitlement-icon{flex-shrink:0;font-size:18px}.entitlement-icon.included{color:#2563eb;color:var(--color-primary,#2563eb)}.entitlement-icon.owned{color:#16a34a;color:var(--color-success,#16a34a)}.entitlement-icon.none{color:#64748b;color:var(--color-text-secondary,#64748b)}.entitlement-name{color:#0f172a;color:var(--color-text-primary,#0f172a);flex:1 1}.entitlement-name,.entitlement-status{font-weight:500;font-weight:var(--font-weight-medium,500)}.entitlement-status{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:14px;font-size:var(--font-size-sm,14px);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.entitlement-status.included{background:#dbeafe;background:var(--color-primary-soft,#dbeafe);color:#2563eb;color:var(--color-primary,#2563eb)}.entitlement-status.owned{background:#dcfce7;background:var(--color-success-soft,#dcfce7);color:#16a34a;color:var(--color-success,#16a34a)}.form-group{display:flex;flex-direction:column;gap:8px;gap:var(--space-xs,8px)}.form-group-full{grid-column:1/-1}.form-group label{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500)}.form-group input,.form-group select,.form-group textarea{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-size:16px;font-size:var(--font-size-base,16px);padding:12px;padding:var(--space-sm,12px);transition:border-color .2s ease;transition:border-color var(--transition-normal,.2s ease)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb1a;box-shadow:0 0 0 3px var(--color-primary-soft,#2563eb1a);outline:none}.form-group small,.help-text{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px)}.help-text{margin:4px 0 0;margin:var(--space-xs,4px) 0 0 0}.checkbox-label{align-items:center;cursor:pointer;display:flex!important;flex-direction:row!important;gap:8px;gap:var(--space-sm,8px)}.checkbox-label input[type=checkbox]{margin:0;width:auto}.btn{align-items:center;border:1px solid #0000;border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:inline-flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:8px;gap:var(--space-xs,8px);justify-content:center;padding:12px 16px;padding:var(--space-sm,12px) var(--space-md,16px);text-decoration:none;transition:all .2s ease;transition:all var(--transition-normal,.2s ease);white-space:nowrap}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:#2563eb;background:var(--color-primary,#2563eb);border-color:#2563eb;border-color:var(--color-primary,#2563eb);color:#fff}.btn-primary:hover:not(:disabled){background:#1d4ed8;background:var(--color-primary-dark,#1d4ed8);border-color:#1d4ed8;border-color:var(--color-primary-dark,#1d4ed8)}.btn-secondary{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border-color:#e2e8f0;border-color:var(--color-border-primary,#e2e8f0);color:#0f172a;color:var(--color-text-primary,#0f172a)}.btn-secondary:hover:not(:disabled){background:#f1f5f9;background:var(--color-bg-tertiary,#f1f5f9);border-color:#cbd5e1;border-color:var(--color-border-secondary,#cbd5e1)}.btn-outline{background:#0000;border-color:#2563eb;border-color:var(--color-primary,#2563eb);color:#2563eb;color:var(--color-primary,#2563eb)}.btn-outline:hover:not(:disabled){background:#2563eb;background:var(--color-primary,#2563eb);color:#fff}.btn-danger{background:#dc2626;background:var(--color-danger,#dc2626);border-color:#dc2626;border-color:var(--color-danger,#dc2626);color:#fff}.btn-danger:hover:not(:disabled){background:#b91c1c;background:var(--color-danger-dark,#b91c1c);border-color:#b91c1c;border-color:var(--color-danger-dark,#b91c1c)}.btn-link{background:#0000;border:none;color:#2563eb;color:var(--color-primary,#2563eb);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.btn-link:hover:not(:disabled){text-decoration:underline}.btn-sm{font-size:12px;font-size:var(--font-size-xs,12px);padding:8px 12px;padding:var(--space-xs,8px) var(--space-sm,12px)}.avatar-section{align-items:center;display:flex;gap:24px;gap:var(--space-lg,24px)}.avatar-preview{border:3px solid #e2e8f0;border:3px solid var(--color-border-primary,#e2e8f0);border-radius:50%;border-radius:var(--radius-full,50%);height:80px;object-fit:cover;width:80px}.avatar-actions{flex:1 1}.states-explanation{background:#dbeafe;background:var(--color-info-soft,#dbeafe);border:1px solid #2563eb;border:1px solid var(--color-info,#2563eb);border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:24px;margin-bottom:var(--space-lg,24px);padding:16px;padding:var(--space-md,16px)}.states-explanation p{color:#1e40af;color:var(--color-info-dark,#1e40af);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.states-grid{display:flex;flex-direction:column;gap:12px;gap:var(--space-sm,12px)}.state-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:16px;padding:var(--space-md,16px);transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.state-item:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc)}.state-item-locked{background:#dcfce7;background:var(--color-success-soft,#dcfce7);border-color:#16a34a;border-color:var(--color-success,#16a34a)}.state-item-available{opacity:.7}.state-info{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px)}.state-icon{font-size:18px}.state-icon.included{color:#16a34a;color:var(--color-success,#16a34a)}.state-icon.not-owned{color:#64748b;color:var(--color-text-secondary,#64748b)}.state-name{color:#0f172a;color:var(--color-text-primary,#0f172a)}.state-name,.state-status{font-weight:500;font-weight:var(--font-weight-medium,500)}.state-status{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:12px;font-size:var(--font-size-xs,12px);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.state-status:contains("Always Included"){background:#dcfce7;background:var(--color-success-soft,#dcfce7);color:#16a34a;color:var(--color-success,#16a34a)}.state-status:contains("Owned"){background:#dbeafe;background:var(--color-info-soft,#dbeafe);color:#2563eb;color:var(--color-info,#2563eb)}.toggle-switch{display:inline-block;height:24px;position:relative;width:44px}.toggle-switch input{height:0;opacity:0;width:0}.toggle-slider{background:#e2e8f0;background:var(--color-border-primary,#e2e8f0);border-radius:24px;bottom:0;cursor:pointer;left:0;right:0;top:0}.toggle-slider,.toggle-slider:before{position:absolute;transition:.2s ease;transition:var(--transition-normal,.2s ease)}.toggle-slider:before{background:#fff;border-radius:50%;bottom:3px;content:"";height:18px;left:3px;width:18px}input:checked+.toggle-slider{background:#2563eb;background:var(--color-primary,#2563eb)}input:checked+.toggle-slider:before{transform:translateX(20px)}.notifications-grid{display:flex;flex-direction:column;gap:24px;gap:var(--space-lg,24px)}.notification-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:16px;padding:var(--space-md,16px)}.notification-info h4{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:16px;font-size:var(--font-size-base,16px);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.notification-info p{font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.coming-soon,.notification-info p{color:#64748b;color:var(--color-text-secondary,#64748b)}.coming-soon{font-style:italic;padding:32px;padding:var(--space-xl,32px);text-align:center}.two-factor-section{align-items:center;display:flex;gap:24px;gap:var(--space-lg,24px);justify-content:space-between}.two-factor-status{align-items:center;display:flex;flex:1 1;gap:16px;gap:var(--space-md,16px)}.icon-success{color:#16a34a;color:var(--color-success,#16a34a)}.icon-success,.icon-warning{font-size:24px}.two-factor-disabled,.two-factor-enabled{align-items:center;display:flex;gap:24px;gap:var(--space-lg,24px);justify-content:space-between;width:100%}.sessions-list{display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.session-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:16px;padding:var(--space-md,16px)}.session-device{color:#0f172a;color:var(--color-text-primary,#0f172a);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.session-details{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.current-session{background:#dcfce7;background:var(--color-success-soft,#dcfce7);border-radius:4px;border-radius:var(--radius-sm,4px);color:#16a34a;color:var(--color-success,#16a34a);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;font-weight:var(--font-weight-medium,500);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.audit-log{display:flex;flex-direction:column;gap:12px;gap:var(--space-md,12px);max-height:400px;overflow-y:auto}.audit-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:12px;padding:var(--space-sm,12px)}.audit-action{color:#0f172a;color:var(--color-text-primary,#0f172a);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0;text-transform:capitalize}.audit-details{font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.audit-details,.audit-time{color:#64748b;color:var(--color-text-secondary,#64748b)}.audit-time{font-size:12px;font-size:var(--font-size-xs,12px);white-space:nowrap}.theme-section{padding:32px;padding:var(--space-xl,32px);text-align:center}.theme-section p{color:#64748b;color:var(--color-text-secondary,#64748b);margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.accessibility-grid{display:flex;flex-direction:column;gap:24px;gap:var(--space-lg,24px)}.accessibility-item{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:16px;padding:var(--space-md,16px)}.accessibility-item h4{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:16px;font-size:var(--font-size-base,16px);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0}.achievement-stats{grid-gap:24px;grid-gap:var(--space-lg,24px);display:grid;gap:24px;gap:var(--space-lg,24px);grid-template-columns:repeat(3,1fr);margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.achievement-stat{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);padding:24px;padding:var(--space-lg,24px);text-align:center}.achievement-stat h3{color:#2563eb;color:var(--color-primary,#2563eb);font-size:30px;font-size:var(--font-size-3xl,30px);font-weight:700;font-weight:var(--font-weight-bold,700);margin:0 0 8px;margin:0 0 var(--space-xs,8px) 0}.achievement-stat p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0}.achievements-grid{grid-gap:24px;grid-gap:var(--space-lg,24px);display:grid;gap:24px;gap:var(--space-lg,24px);grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.achievement-card{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;padding:24px;padding:var(--space-lg,24px);transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.achievement-card:hover{box-shadow:0 10px 15px -3px #0000001a;box-shadow:var(--shadow-lg,0 10px 15px -3px #0000001a);transform:translateY(-2px)}.achievement-card.earned{background:linear-gradient(135deg,#dcfce7,#fff);background:linear-gradient(135deg,var(--color-success-soft,#dcfce7),var(--color-bg-elevated,#fff));border-color:#16a34a;border-color:var(--color-success,#16a34a)}.achievement-card.locked{opacity:.6}.achievement-icon{margin-bottom:16px;margin-bottom:var(--space-md,16px);text-align:center}.icon-earned{color:#16a34a;color:var(--color-success,#16a34a);font-size:32px}.icon-locked{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:32px}.achievement-info h4{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 8px;margin:0 0 var(--space-xs,8px) 0}.achievement-info p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);margin:0 0 16px;margin:0 0 var(--space-md,16px) 0}.achievement-progress{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px)}.progress-bar{background:#e2e8f0;background:var(--color-border-primary,#e2e8f0);flex:1 1;height:8px;overflow:hidden}.progress-bar,.progress-fill{border-radius:50px;border-radius:var(--radius-full,50px)}.progress-fill{background:#2563eb;background:var(--color-primary,#2563eb);height:100%;transition:width .2s ease;transition:width var(--transition-normal,.2s ease)}.achievement-progress span{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;font-weight:var(--font-weight-medium,500);white-space:nowrap}.subscription-section{margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.subscription-card{align-items:center;background:linear-gradient(135deg,#dbeafe,#fff);background:linear-gradient(135deg,var(--color-primary-soft,#dbeafe),var(--color-bg-elevated,#fff));border:1px solid #2563eb;border:1px solid var(--color-primary,#2563eb);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;justify-content:space-between;padding:24px;padding:var(--space-lg,24px)}.subscription-info h4{color:#2563eb;color:var(--color-primary,#2563eb);font-size:18px;font-size:var(--font-size-lg,18px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 8px;margin:0 0 var(--space-xs,8px) 0}.subscription-info p{color:#1e40af;color:var(--color-primary-dark,#1e40af);margin:0}.available-states-section,.owned-states-section{margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.states-shop-grid{grid-gap:24px;grid-gap:var(--space-lg,24px);display:grid;gap:24px;gap:var(--space-lg,24px);grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.state-shop-card{background:#fff;background:var(--color-bg-elevated,#fff);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);padding:24px;padding:var(--space-lg,24px)}.state-shop-info h4{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:16px;font-size:var(--font-size-base,16px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.state-shop-info p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);margin:8px 0;margin:var(--space-xs,8px) 0}.state-price{color:#2563eb;color:var(--color-primary,#2563eb);font-size:20px;font-size:var(--font-size-xl,20px);font-weight:700;font-weight:var(--font-weight-bold,700)}.owned-states-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.owned-state-card{align-items:center;background:#dcfce7;background:var(--color-success-soft,#dcfce7);border:1px solid #16a34a;border:1px solid var(--color-success,#16a34a);border-radius:8px;border-radius:var(--radius-md,8px);display:flex;justify-content:space-between;padding:16px;padding:var(--space-md,16px)}.owned-state-card h4{color:#15803d;color:var(--color-success-dark,#15803d);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);margin:0}.state-status.included{background:#dbeafe;background:var(--color-primary-soft,#dbeafe);color:#2563eb;color:var(--color-primary,#2563eb)}.state-status.included,.state-status.owned{border-radius:4px;border-radius:var(--radius-sm,4px);font-size:12px;font-size:var(--font-size-xs,12px);font-weight:500;font-weight:var(--font-weight-medium,500);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.state-status.owned{background:#dcfce7;background:var(--color-success-soft,#dcfce7);color:#16a34a;color:var(--color-success,#16a34a)}.data-export-section{padding:32px;padding:var(--space-xl,32px);text-align:center}.data-export-section p{color:#64748b;color:var(--color-text-secondary,#64748b);margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.account-actions{align-items:flex-start;display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.beta-features{align-items:center;display:flex;gap:24px;gap:var(--space-lg,24px);justify-content:space-between}.beta-features p{color:#64748b;color:var(--color-text-secondary,#64748b);flex:1 1;margin:0}.modal-backdrop{background:#00000080;padding:24px;padding:var(--space-lg,24px)}.modal-content{background:var(--color-bg-elevated,#fff);border-radius:16px;border-radius:var(--radius-xl,16px);box-shadow:0 25px 50px -12px #00000040;box-shadow:var(--shadow-xl,0 25px 50px -12px #00000040);max-height:90vh;max-width:90vw;overflow-y:auto;position:relative}.theme-modal{max-width:90vw;width:800px}.modal-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-primary,#e2e8f0);display:flex;justify-content:space-between;padding:24px;padding:var(--space-lg,24px)}.modal-header h3{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:20px;font-size:var(--font-size-xl,20px);font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0}.modal-close{border-radius:var(--radius-md,8px);padding:8px;padding:var(--space-xs,8px);transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.modal-close:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);color:#0f172a;color:var(--color-text-primary,#0f172a)}.modal-body{padding:24px;padding:var(--space-lg,24px)}@media (max-width:1024px){.profile-page{flex-direction:column}.profile-nav{border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-primary,#e2e8f0);border-right:none;height:auto;padding:16px;padding:var(--space-md,16px);position:static;width:100%}.profile-nav-tabs{grid-gap:8px;grid-gap:var(--space-xs,8px);display:grid;gap:8px;gap:var(--space-xs,8px);grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.profile-nav-tab span{display:none}.profile-main{max-width:100%;padding:16px;padding:var(--space-md,16px)}.profile-hero{gap:16px;gap:var(--space-md,16px);grid-template-columns:1fr;text-align:center}.profile-hero-actions{flex-direction:row;justify-content:center}.quick-actions-grid,.stats-grid{grid-template-columns:repeat(2,1fr)}.quick-actions-grid{gap:12px;gap:var(--space-sm,12px)}.quick-action-card{font-size:14px;font-size:var(--font-size-sm,14px);padding:16px;padding:var(--space-md,16px)}.quick-action-card svg{font-size:20px}.form-grid{grid-template-columns:1fr}.achievement-stats{gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(3,1fr)}.states-shop-grid{grid-template-columns:1fr}}@media (max-width:768px){.profile-nav{padding:12px;padding:var(--space-sm,12px)}.profile-nav-header h1{font-size:20px;font-size:var(--font-size-xl,20px);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.profile-nav-tabs{display:flex;gap:4px;gap:var(--space-xs,4px);overflow-x:auto;padding-bottom:8px;padding-bottom:var(--space-xs,8px)}.profile-nav-tab{flex-shrink:0;padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px);white-space:nowrap}.profile-nav-tab span{display:inline}.profile-main{padding:12px;padding:var(--space-sm,12px)}.avatar-image{height:80px;width:80px}.profile-name{font-size:20px;font-size:var(--font-size-xl,20px)}.stats-grid{gap:16px;gap:var(--space-md,16px);grid-template-columns:1fr}.stat-card{padding:16px;padding:var(--space-md,16px)}.stat-icon{font-size:20px;height:40px;width:40px}.stat-number{font-size:20px;font-size:var(--font-size-xl,20px)}.quick-actions-grid{gap:8px;gap:var(--space-xs,8px);grid-template-columns:repeat(2,1fr)}.quick-action-card{font-size:12px;font-size:var(--font-size-xs,12px);padding:12px;padding:var(--space-sm,12px);text-align:center}.quick-action-card svg{font-size:18px}.avatar-section{flex-direction:column;gap:16px;gap:var(--space-md,16px);text-align:center}.two-factor-disabled,.two-factor-enabled{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.session-item{gap:12px;gap:var(--space-sm,12px)}.audit-item,.session-item{align-items:flex-start;flex-direction:column}.audit-item{gap:8px;gap:var(--space-sm,8px)}.achievement-stats,.achievements-grid,.owned-states-grid{grid-template-columns:1fr}.modal-backdrop{padding:16px;padding:var(--space-md,16px)}.modal-content{max-height:85vh}.modal-body,.modal-header{padding:16px;padding:var(--space-md,16px)}}@media (max-width:480px){.profile-badges{align-items:flex-start;flex-direction:column}.badge{align-self:flex-start}.profile-main{padding:8px;padding:var(--space-xs,8px)}.email-input-group{align-items:stretch;flex-direction:column;gap:8px;gap:var(--space-xs,8px)}.email-verify-btn{justify-content:center;width:100%}.entitlements-display{gap:8px;gap:var(--space-xs,8px);padding:12px;padding:var(--space-sm,12px)}.entitlement-item{padding:8px 12px;padding:var(--space-xs,8px) var(--space-sm,12px)}.settings-section{margin-bottom:16px;margin-bottom:var(--space-md,16px)}.profile-hero,.settings-section{padding:16px;padding:var(--space-md,16px)}.profile-hero{gap:16px;gap:var(--space-md,16px)}.stat-card{padding:12px;padding:var(--space-sm,12px)}.quick-actions,.recent-activity{padding:16px;padding:var(--space-md,16px)}.profile-hero-actions{flex-direction:column;width:100%}.btn{justify-content:center;width:100%}.tab-actions{flex-direction:column}.accessibility-item,.notification-item,.state-item{align-items:flex-start;flex-direction:column;gap:12px;gap:var(--space-sm,12px)}.beta-features{align-items:flex-start;flex-direction:column;gap:16px;gap:var(--space-md,16px)}.account-actions,.account-actions .btn{width:100%}}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.w-full{width:100%}.h-full{height:100%}.mb-0{margin-bottom:0}.mb-1{margin-bottom:8px;margin-bottom:var(--space-xs,8px)}.mb-2{margin-bottom:12px;margin-bottom:var(--space-sm,12px)}.mb-3{margin-bottom:16px;margin-bottom:var(--space-md,16px)}.mb-4{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.mt-0{margin-top:0}.mt-1{margin-top:8px;margin-top:var(--space-xs,8px)}.mt-2{margin-top:12px;margin-top:var(--space-sm,12px)}.mt-3{margin-top:16px;margin-top:var(--space-md,16px)}.mt-4{margin-top:24px;margin-top:var(--space-lg,24px)}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.pointer-events-none{pointer-events:none}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.profile-page[data-theme=dark]{--color-bg-primary:#0f172a;--color-bg-elevated:#1e293b;--color-bg-secondary:#334155;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-border-primary:#374151}.profile-page[data-contrast=high]{--color-bg-primary:#fff;--color-bg-elevated:#fff;--color-text-primary:#000;--color-text-secondary:#333;--color-border-primary:#000}.profile-page[data-text-size=large]{--font-size-xs:14px;--font-size-sm:16px;--font-size-base:18px;--font-size-lg:20px;--font-size-xl:22px;--font-size-2xl:26px;--font-size-3xl:32px}@media (prefers-reduced-motion:reduce){.profile-page *,.profile-page :after,.profile-page :before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media print{.profile-page{background:#fff;color:#000;display:block}.profile-nav{display:none}.profile-main{max-width:100%;padding:0}.btn,.modal-backdrop,.quick-action-card{display:none}.profile-hero,.settings-section,.stat-card{border:1px solid #ccc;box-shadow:none}.settings-section,.stat-card{break-inside:avoid;page-break-inside:avoid}}.btn:focus,.profile-nav-tab:focus,.quick-action-card:focus,input:focus,select:focus,textarea:focus{outline:2px solid #2563eb;outline:2px solid var(--color-primary,#2563eb);outline-offset:2px}@media (prefers-contrast:high){.profile-page{--color-border-primary:#000}.achievement-card,.btn,.settings-section,.stat-card{border-width:2px}}.fade-in{animation:fadeIn .3s ease-in}.slide-up{animation:slideUp .3s ease-out}.scale-in{animation:scaleIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.profile-page{scroll-behavior:smooth}.achievement-card,.btn,.quick-action-card,.stat-card{backface-visibility:hidden;will-change:transform}.achievement-card:hover,.quick-action-card:hover,.stat-card:hover{transform:translateY(-2px) translateZ(0)}.avatar-modal{max-width:90vw;width:600px}.avatar-preview-section{margin-bottom:32px;margin-bottom:var(--space-xl,32px);text-align:center}.avatar-preview-large{display:inline-block;position:relative}.avatar-preview-large img{border:4px solid #e2e8f0;border:4px solid var(--color-border-primary,#e2e8f0);border-radius:50%;border-radius:var(--radius-full,50%);height:200px;object-fit:cover;width:200px}.crop-overlay{background:#0009;border-radius:50%;border-radius:var(--radius-full,50%);inset:0;justify-content:center;position:absolute}.crop-btn,.crop-overlay{align-items:center;display:flex}.crop-btn{background:#2563eb;background:var(--color-primary,#2563eb);border:none;border-radius:8px;border-radius:var(--radius-md,8px);color:#fff;cursor:pointer;font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;gap:var(--space-xs,4px);padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px)}.avatar-upload-section{margin-bottom:32px;margin-bottom:var(--space-xl,32px);text-align:center}.upload-actions{align-items:center;display:flex;flex-direction:column;gap:16px;gap:var(--space-md,16px);margin-top:16px;margin-top:var(--space-md,16px)}.upload-progress{align-items:center;display:flex;gap:12px;gap:var(--space-sm,12px);width:200px}.avatar-presets-section h4{color:#0f172a;color:var(--color-text-primary,#0f172a);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.avatar-presets-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(3,1fr)}.avatar-preset{background:none;border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);cursor:pointer;padding:8px;padding:var(--space-sm,8px);transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.avatar-preset.selected,.avatar-preset:hover{border-color:#2563eb;border-color:var(--color-primary,#2563eb)}.avatar-preset.selected{background:#dbeafe;background:var(--color-primary-soft,#dbeafe)}.avatar-preset img{border-radius:50%;border-radius:var(--radius-full,50%);height:60px;object-fit:cover;width:60px}.two-factor-modal{max-width:90vw;width:500px}.setup-step{text-align:center}.qr-code-container{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border-radius:12px;border-radius:var(--radius-lg,12px);margin:24px 0;margin:var(--space-lg,24px) 0;padding:24px;padding:var(--space-lg,24px)}.qr-code-container img{height:auto;max-width:200px}.manual-entry{margin-top:24px;margin-top:var(--space-lg,24px)}.secret-key{align-items:center;display:flex;gap:8px;gap:var(--space-sm,8px);justify-content:center;margin:16px 0;margin:var(--space-md,16px) 0}.secret-key code{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border-radius:8px;border-radius:var(--radius-md,8px);font-family:monospace;letter-spacing:.05em;padding:8px 12px;padding:var(--space-sm,8px) var(--space-md,12px)}.copy-btn{background:none;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;padding:4px;padding:var(--space-xs,4px);transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.copy-btn:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);color:#0f172a;color:var(--color-text-primary,#0f172a)}.verification-input{border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);font-family:monospace;font-size:24px;font-size:var(--font-size-xl,24px);letter-spacing:.2em;margin:24px auto;margin:var(--space-lg,24px) auto;padding:16px;padding:var(--space-md,16px);text-align:center;width:200px}.disable-actions,.verify-actions{display:flex;gap:16px;gap:var(--space-md,16px);justify-content:center;margin-top:32px;margin-top:var(--space-xl,32px)}.success-icon,.warning-icon{color:#16a34a;color:var(--color-success,#16a34a);margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.warning-icon{color:#d97706;color:var(--color-warning,#d97706)}.backup-codes{margin:32px 0;margin:var(--space-xl,32px) 0;text-align:left}.backup-codes h5{color:#0f172a;color:var(--color-text-primary,#0f172a);margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.backup-codes p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px)}.backup-codes p,.codes-grid{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.codes-grid{grid-gap:8px;grid-gap:var(--space-sm,8px);display:grid;gap:8px;gap:var(--space-sm,8px);grid-template-columns:repeat(2,1fr)}.backup-code{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-family:monospace;font-size:14px;font-size:var(--font-size-sm,14px);padding:8px;padding:var(--space-sm,8px);text-align:center}.security-confirm-modal{width:400px}.security-icon{text-align:center}.password-confirm{margin:24px 0;margin:var(--space-lg,24px) 0}.password-confirm label{color:#0f172a;color:var(--color-text-primary,#0f172a);display:block;font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:8px;margin-bottom:var(--space-xs,8px)}.password-confirm input{border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-size:16px;font-size:var(--font-size-base,16px);padding:12px;padding:var(--space-sm,12px);width:100%}.confirm-actions{justify-content:center}.achievement-detail-modal{max-width:90vw;width:600px}.achievement-hero{align-items:center;display:flex;gap:24px;gap:var(--space-lg,24px);margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.achievement-icon-large{flex-shrink:0}.achievement-icon-large.earned{color:#16a34a;color:var(--color-success,#16a34a)}.achievement-icon-large.locked{color:#64748b;color:var(--color-text-secondary,#64748b)}.achievement-hero .achievement-info{flex:1 1}.achievement-hero h2{color:#0f172a;color:var(--color-text-primary,#0f172a);margin:0 0 8px;margin:0 0 var(--space-sm,8px) 0}.achievement-description{color:#64748b;color:var(--color-text-secondary,#64748b);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.earned-badge{align-items:center;background:#dcfce7;background:var(--color-success-soft,#dcfce7);border-radius:8px;border-radius:var(--radius-md,8px);color:#16a34a;color:var(--color-success,#16a34a);display:inline-flex;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);gap:4px;gap:var(--space-xs,4px);padding:4px 8px;padding:var(--space-xs,4px) var(--space-sm,8px)}.progress-bar-large{background:#e2e8f0;background:var(--color-border-primary,#e2e8f0);border-radius:50px;border-radius:var(--radius-full,50px);height:12px;margin-bottom:8px;margin-bottom:var(--space-sm,8px);overflow:hidden}.progress-text{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500)}.achievement-requirements,.achievement-stats,.achievement-tips{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.achievement-requirements h4,.achievement-stats h4,.achievement-tips h4{color:#0f172a;color:var(--color-text-primary,#0f172a);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.requirements-list{flex-direction:column}.requirement-item,.requirements-list{display:flex;gap:8px;gap:var(--space-sm,8px)}.requirement-item{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b)}.time-estimate{background:#dbeafe;background:var(--color-info-soft,#dbeafe);border-radius:8px;border-radius:var(--radius-md,8px);margin-top:16px;margin-top:var(--space-md,16px);padding:16px;padding:var(--space-md,16px)}.time-estimate h5{margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.time-estimate h5,.time-estimate p{color:#1e40af;color:var(--color-info-dark,#1e40af)}.time-estimate p{font-weight:500;font-weight:var(--font-weight-medium,500);margin:0}.stats-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(2,1fr)}.stat-item{border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);justify-content:space-between;padding:8px;padding:var(--space-sm,8px)}.stat-label{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px)}.stat-value{color:#0f172a;color:var(--color-text-primary,#0f172a);font-weight:500;font-weight:var(--font-weight-medium,500)}.achievement-tips ul{margin:0;padding-left:20px;padding-left:var(--space-lg,20px)}.achievement-tips li{color:#64748b;color:var(--color-text-secondary,#64748b);margin-bottom:4px;margin-bottom:var(--space-xs,4px)}.data-export-modal{max-width:90vw;width:600px}.export-section{margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.export-section h4{color:#0f172a;color:var(--color-text-primary,#0f172a);margin-bottom:16px;margin-bottom:var(--space-md,16px)}.formats-grid{grid-gap:16px;grid-gap:var(--space-md,16px);display:grid;gap:16px;gap:var(--space-md,16px);grid-template-columns:repeat(3,1fr)}.format-option{cursor:pointer}.format-option input{display:none}.format-card{border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:12px;border-radius:var(--radius-lg,12px);padding:20px;padding:var(--space-lg,20px);text-align:center;transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.format-option input:checked+.format-card{background:#dbeafe;background:var(--color-primary-soft,#dbeafe);border-color:#2563eb;border-color:var(--color-primary,#2563eb)}.format-card h5{color:#0f172a;color:var(--color-text-primary,#0f172a);margin:8px 0 4px;margin:var(--space-sm,8px) 0 var(--space-xs,4px) 0}.format-card p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.data-types-list{display:flex;flex-direction:column;gap:8px;gap:var(--space-sm,8px)}.data-type-option{align-items:center;border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);cursor:pointer;display:flex;gap:12px;gap:var(--space-sm,12px);padding:16px;padding:var(--space-md,16px);transition:all .2s ease;transition:all var(--transition-normal,.2s ease)}.data-type-option:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc)}.data-type-option input:checked{accent-color:#2563eb;accent-color:var(--color-primary,#2563eb)}.data-type-info h5{color:#0f172a;color:var(--color-text-primary,#0f172a);margin:0 0 4px;margin:0 0 var(--space-xs,4px) 0}.data-type-info p{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.export-note{background:#dbeafe;background:var(--color-info-soft,#dbeafe);border:1px solid #2563eb;border:1px solid var(--color-info,#2563eb);border-radius:8px;border-radius:var(--radius-md,8px);margin-bottom:32px;margin-bottom:var(--space-xl,32px);padding:16px;padding:var(--space-md,16px)}.export-note p{color:#1e40af;color:var(--color-info-dark,#1e40af);font-size:14px;font-size:var(--font-size-sm,14px);margin:0}.export-actions{display:flex;gap:16px;gap:var(--space-md,16px);justify-content:flex-end}.export-progress{padding:40px;padding:var(--space-xl,40px);text-align:center}.progress-icon{color:#2563eb;color:var(--color-primary,#2563eb);margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.export-progress h4{color:#0f172a;color:var(--color-text-primary,#0f172a);margin-bottom:8px;margin-bottom:var(--space-sm,8px)}.export-progress p{color:#64748b;color:var(--color-text-secondary,#64748b);margin-bottom:32px;margin-bottom:var(--space-xl,32px)}.success-message{color:#16a34a!important;color:var(--color-success,#16a34a)!important;font-weight:500;font-weight:var(--font-weight-medium,500);margin-top:24px!important;margin-top:var(--space-lg,24px)!important}@media (max-width:768px){.achievement-detail-modal,.avatar-modal,.data-export-modal,.security-confirm-modal,.two-factor-modal{max-width:90vw;width:90vw}}.security-confirm-modal{max-width:90vw;width:500px}.security-confirm-modal .modal-body{padding:32px;padding:var(--space-xl,32px);text-align:center}.security-icon{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.icon-danger{color:#dc2626;color:var(--color-danger,#dc2626)}.icon-warning{color:#d97706;color:var(--color-warning,#d97706)}.icon-primary{color:#2563eb;color:var(--color-primary,#2563eb)}.security-content{text-align:left}.security-description{color:#0f172a;color:var(--color-text-primary,#0f172a);font-size:16px;font-size:var(--font-size-base,16px);line-height:1.6}.danger-warning,.security-description{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.danger-warning{background:#fef2f2;background:var(--color-danger-soft,#fef2f2);border:1px solid #dc2626;border:1px solid var(--color-danger,#dc2626);border-radius:8px;border-radius:var(--radius-md,8px);padding:16px;padding:var(--space-md,16px)}.danger-warning h4{font-weight:600;font-weight:var(--font-weight-semibold,600);margin:0 0 8px;margin:0 0 var(--space-sm,8px) 0}.danger-warning h4,.danger-warning ul{color:#b91c1c;color:var(--color-danger-dark,#b91c1c);font-size:14px;font-size:var(--font-size-sm,14px)}.danger-warning ul{margin:0;padding-left:16px;padding-left:var(--space-md,16px)}.danger-warning li{margin-bottom:4px;margin-bottom:var(--space-xs,4px)}.password-confirm,.text-confirm{margin-bottom:24px;margin-bottom:var(--space-lg,24px)}.password-confirm label,.text-confirm label{color:#0f172a;color:var(--color-text-primary,#0f172a);display:block;font-size:14px;font-size:var(--font-size-sm,14px);font-weight:500;font-weight:var(--font-weight-medium,500);margin-bottom:8px;margin-bottom:var(--space-xs,8px)}.password-confirm input,.text-confirm input{border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:8px;border-radius:var(--radius-md,8px);font-size:16px;font-size:var(--font-size-base,16px);padding:12px;padding:var(--space-sm,12px);transition:border-color .2s ease;transition:border-color var(--transition-normal,.2s ease);width:100%}.password-confirm input:focus,.text-confirm input:focus{border-color:#2563eb;border-color:var(--color-primary,#2563eb);box-shadow:0 0 0 3px #2563eb1a;box-shadow:0 0 0 3px var(--color-primary-soft,#2563eb1a);outline:none}.text-confirm input{font-family:monospace;letter-spacing:.05em}.error-message{align-items:center;background:#fef2f2;background:var(--color-danger-soft,#fef2f2);border:1px solid #dc2626;border:1px solid var(--color-danger,#dc2626);border-radius:8px;border-radius:var(--radius-md,8px);color:#b91c1c;color:var(--color-danger-dark,#b91c1c);display:flex;font-size:14px;font-size:var(--font-size-sm,14px);gap:8px;gap:var(--space-xs,8px);margin-bottom:24px;margin-bottom:var(--space-lg,24px);padding:12px;padding:var(--space-sm,12px)}.confirm-actions{display:flex;gap:16px;gap:var(--space-md,16px);justify-content:flex-end;margin-top:32px;margin-top:var(--space-xl,32px)}.spinner{animation:spin 1s linear infinite;border:2px solid #0000;border-radius:50%;border-top-color:currentcolor;height:16px;margin-right:8px;margin-right:var(--space-xs,8px);width:16px}@media (max-width:768px){.security-confirm-modal{margin:8px;margin:var(--space-sm,8px);width:95vw}.security-confirm-modal .modal-body{padding:24px;padding:var(--space-lg,24px)}.confirm-actions{flex-direction:column}.confirm-actions .btn{width:100%}}@media (max-width:480px){.security-icon{margin-bottom:16px;margin-bottom:var(--space-md,16px)}.security-icon svg{height:40px;width:40px}.danger-warning{padding:12px;padding:var(--space-sm,12px)}}.quiz-results-modal{border:1px solid #e2e8f0;border:1px solid var(--color-border-primary,#e2e8f0);border-radius:16px;box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a;flex-direction:column;max-height:95vh;max-width:900px;overflow-y:auto;width:95%}.quiz-results-header,.quiz-results-modal{background:#fff;background:var(--color-bg-primary,#fff);display:flex}.quiz-results-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-primary,#e2e8f0);justify-content:space-between;padding:20px;padding:var(--mobile-padding-lg,20px);position:sticky;top:0;z-index:10}.quiz-results-header h3{color:#1a202c;color:var(--color-text-primary,#1a202c);font-size:20px;font-size:var(--mobile-font-xl,20px);font-weight:700;margin:0}.modal-close{align-items:center;background:none;border:none;border-radius:8px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;display:flex;font-size:24px;justify-content:center;min-height:44px;min-height:var(--touch-target-min,44px);min-width:44px;min-width:var(--touch-target-min,44px);transition:background-color .2s ease}.modal-close:hover{background:#f1f5f9;background:var(--color-bg-secondary,#f1f5f9);color:#1a202c;color:var(--color-text-primary,#1a202c)}.category-breakdown{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border:1px solid #e2e8f0;border:1px solid var(--color-border-light,#e2e8f0);border-radius:12px;margin:16px;margin:var(--mobile-padding-md,16px);margin-bottom:20px;margin-bottom:var(--mobile-padding-lg,20px);padding:16px;padding:var(--mobile-padding-md,16px)}.category-breakdown strong{color:#1a202c;color:var(--color-text-primary,#1a202c);display:block;font-size:16px;font-size:var(--mobile-font-md,16px);margin-bottom:12px;margin-bottom:var(--mobile-padding-sm,12px)}.category-stats{grid-gap:8px;grid-gap:var(--mobile-padding-xs,8px);display:grid;gap:8px;gap:var(--mobile-padding-xs,8px);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));list-style:none;margin:0;padding:0}.category-stat-item{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border:1px solid #f1f5f9;border:1px solid var(--color-border-light,#f1f5f9);border-radius:8px;display:flex;justify-content:space-between;padding:8px;padding:var(--mobile-padding-xs,8px)}.category-percentage{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:.875rem;margin-left:8px;margin-left:var(--mobile-padding-xs,8px)}.quiz-results-actions{display:flex;flex-direction:column;gap:16px;gap:var(--mobile-padding-md,16px);margin-bottom:20px;margin-bottom:var(--mobile-padding-lg,20px);padding:0 16px;padding:0 var(--mobile-padding-md,16px)}.filter-section{align-items:center;display:flex;flex-wrap:wrap;gap:12px;gap:var(--mobile-padding-sm,12px)}.filter-label{color:#1a202c;color:var(--color-text-primary,#1a202c);font-size:14px;font-size:var(--mobile-font-sm,14px);font-weight:600}.filter-buttons{display:flex;flex-wrap:wrap;gap:8px;gap:var(--mobile-padding-xs,8px)}.filter-btn{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:8px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;font-size:14px;font-size:var(--mobile-font-sm,14px);font-weight:500;min-height:44px;min-height:var(--touch-target-min,44px);padding:8px 12px;padding:var(--mobile-padding-xs,8px) var(--mobile-padding-sm,12px);transition:all .2s ease}.filter-btn:hover{color:#3b82f6;color:var(--color-primary,#3b82f6)}.filter-btn.active,.filter-btn:hover{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6)}.filter-btn.active{background:#3b82f6;background:var(--color-primary,#3b82f6);color:#fff}.action-buttons{display:flex;flex-wrap:wrap;gap:8px;gap:var(--mobile-padding-xs,8px)}.action-btn{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:8px;color:#1a202c;color:var(--color-text-primary,#1a202c);font-size:14px;font-size:var(--mobile-font-sm,14px);font-weight:500;min-height:44px;min-height:var(--touch-target-min,44px);padding:12px 16px;padding:var(--mobile-padding-sm,12px) var(--mobile-padding-md,16px)}.action-btn:hover{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border-color:#cbd5e1;border-color:var(--color-border-secondary,#cbd5e1)}.action-btn.primary{background:#3b82f6;background:var(--color-primary,#3b82f6);border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);color:#fff}.action-btn.primary:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb);border-color:#2563eb;border-color:var(--color-primary-dark,#2563eb)}.quiz-results-questions{flex:1 1;padding:0 16px;padding:0 var(--mobile-padding-md,16px);padding-bottom:20px;padding-bottom:var(--mobile-padding-lg,20px)}.no-questions{color:#64748b;color:var(--color-text-secondary,#64748b);font-style:italic;padding:24px;padding:var(--mobile-padding-xl,24px);text-align:center}.question-result-card{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #f1f5f9;border:2px solid var(--color-border-light,#f1f5f9);border-radius:12px;margin-bottom:20px;margin-bottom:var(--mobile-padding-lg,20px);overflow:hidden;transition:border-color .2s ease}.question-result-card.correct{background:#f0fff4;background:var(--color-success-bg,#f0fff4);border-color:#10b981;border-color:var(--color-success,#10b981)}.question-result-card.incorrect{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border-color:#ef4444;border-color:var(--color-error,#ef4444)}.question-result-header{align-items:center;background:#fff;background:var(--color-bg-primary,#fff);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light,#f1f5f9);display:flex;justify-content:space-between;padding:16px;padding:var(--mobile-padding-md,16px)}.question-number{color:#64748b;color:var(--color-text-secondary,#64748b);font-size:14px;font-size:var(--mobile-font-sm,14px);font-weight:700;letter-spacing:.5px;text-transform:uppercase}.question-status-icon{align-items:center;border-radius:50%;display:flex;justify-content:center;min-height:32px;min-width:32px}.status-correct{background:#dcfce7;background:var(--color-success-bg,#dcfce7);color:#10b981;color:var(--color-success,#10b981)}.status-correct,.status-incorrect{align-items:center;border-radius:50%;display:flex;font-size:18px;font-weight:700;height:32px;justify-content:center;width:32px}.status-incorrect{background:#fee2e2;background:var(--color-error-bg,#fee2e2);color:#ef4444;color:var(--color-error,#ef4444)}.question-result-text{color:#1a202c;color:var(--color-text-primary,#1a202c);font-size:16px;font-size:var(--mobile-font-md,16px);line-height:1.6;padding:16px;padding:var(--mobile-padding-md,16px)}.question-media{margin-bottom:16px;margin-bottom:var(--mobile-padding-md,16px);padding:0 16px;padding:0 var(--mobile-padding-md,16px)}.media-image{border-radius:8px;box-shadow:0 4px 6px -1px #0000001a;height:auto;max-width:100%}.media-audio,.media-video{border-radius:8px;max-width:400px;width:100%}.answer-choices,.answer-choices-section{margin-bottom:16px;margin-bottom:var(--mobile-padding-md,16px);padding:16px;padding:var(--mobile-padding-md,16px)}.answer-choices-section h4,.choice-section h4{font-size:16px;font-size:var(--mobile-font-md,16px);margin:0 0 12px;margin:0 0 var(--mobile-padding-sm,12px) 0}.answer-choices-section h4,.choice-label,.choice-section h4{color:#1a202c;color:var(--color-text-primary,#1a202c);font-weight:600}.choice-label{margin-bottom:12px;margin-bottom:var(--mobile-padding-sm,12px)}.choices-list{gap:8px;gap:var(--mobile-padding-xs,8px)}.choice-item,.choices-list{display:flex;flex-direction:column}.choice-item{background:#fff;background:var(--color-bg-primary,#fff);border:2px solid #f1f5f9;border:2px solid var(--color-border-light,#f1f5f9);border-radius:8px;padding:12px;padding:var(--mobile-padding-sm,12px);transition:all .2s ease}.choice-item.correct-choice{background:#f0fff4;background:var(--color-success-bg,#f0fff4);border-color:#10b981;border-color:var(--color-success,#10b981)}.choice-item.user-choice.incorrect-choice{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border-color:#ef4444;border-color:var(--color-error,#ef4444)}.choice-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:8px;margin-bottom:var(--mobile-padding-xs,8px)}.choice-letter{color:#1a202c;color:var(--color-text-primary,#1a202c);font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:700;min-width:24px}.choice-indicators{display:flex;flex-wrap:wrap;gap:8px;gap:var(--mobile-padding-xs,8px)}.choice-indicator{border-radius:4px;font-size:12px;font-size:var(--mobile-font-xs,12px);font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.choice-indicator.correct,.choice-indicator.user.correct{background:#dcfce7;background:var(--color-success-light,#dcfce7);color:#065f46;color:var(--color-success-dark,#065f46)}.choice-indicator.user.incorrect{background:#fee2e2;background:var(--color-error-light,#fee2e2);color:#991b1b;color:var(--color-error-dark,#991b1b)}.choice-text{color:#1a202c;color:var(--color-text-primary,#1a202c);font-size:14px;font-size:var(--mobile-font-sm,14px);line-height:1.5;margin-left:24px}.answer-summary{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc);border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light,#f1f5f9);border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light,#f1f5f9);padding:16px;padding:var(--mobile-padding-md,16px)}.answer-line{align-items:center;display:flex;gap:12px;gap:var(--mobile-padding-sm,12px);margin-bottom:8px;margin-bottom:var(--mobile-padding-xs,8px)}.answer-line:last-child{margin-bottom:0}.answer-text{border-radius:4px;font-weight:600;padding:4px 8px}.answer-text.correct{background:#dcfce7;background:var(--color-success-light,#dcfce7);color:#065f46;color:var(--color-success-dark,#065f46)}.answer-text.incorrect{background:#fee2e2;background:var(--color-error-light,#fee2e2);color:#991b1b;color:var(--color-error-dark,#991b1b)}.question-metadata{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light,#f1f5f9);display:flex;flex-wrap:wrap;gap:16px;gap:var(--mobile-padding-md,16px);padding:16px;padding:var(--mobile-padding-md,16px)}.category-display,.confidence-display{align-items:center;display:flex;gap:8px;gap:var(--mobile-padding-xs,8px)}.confidence-level{border-radius:4px;font-size:12px;font-size:var(--mobile-font-xs,12px);font-weight:600;letter-spacing:.5px;padding:2px 6px;text-transform:uppercase}.confidence-level.high{background:#dcfce7;background:var(--color-success-light,#dcfce7);color:#065f46;color:var(--color-success-dark,#065f46)}.confidence-level.medium{background:#fef3c7;background:var(--color-warning-light,#fef3c7);color:#92400e;color:var(--color-warning-dark,#92400e)}.confidence-level.low{background:#fee2e2;background:var(--color-error-light,#fee2e2);color:#991b1b;color:var(--color-error-dark,#991b1b)}.note-section,.rationale-section{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light,#f1f5f9);padding:16px;padding:var(--mobile-padding-md,16px)}.note-section:last-child,.rationale-section:last-child{border-bottom:none}.note-text,.rationale-text{background:#eff6ff;background:var(--color-info-bg,#eff6ff);border:1px solid #bfdbfe;border:1px solid var(--color-info-border,#bfdbfe);border-radius:8px;color:#1e40af;color:var(--color-info-text,#1e40af);font-size:14px;font-size:var(--mobile-font-sm,14px);line-height:1.6;margin-top:8px;margin-top:var(--mobile-padding-xs,8px);padding:12px;padding:var(--mobile-padding-sm,12px)}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;gap:var(--mobile-padding-xs,8px);padding:16px;padding:var(--mobile-padding-md,16px)}.admin-btn{border:1px solid #cbd5e1;border:1px solid var(--color-border-secondary,#cbd5e1);border-radius:6px;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:not-allowed;font-size:12px;font-size:var(--mobile-font-xs,12px);opacity:.6;padding:8px 12px;padding:var(--mobile-padding-xs,8px) var(--mobile-padding-sm,12px)}.admin-btn,.quiz-results-footer{background:#f8fafc;background:var(--color-bg-secondary,#f8fafc)}.quiz-results-footer{border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border-primary,#e2e8f0);display:flex;justify-content:flex-end;padding:20px;padding:var(--mobile-padding-lg,20px)}.close-btn{background:#3b82f6;background:var(--color-primary,#3b82f6);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:16px;font-size:var(--mobile-font-md,16px);font-weight:600;min-height:44px;min-height:var(--touch-target-min,44px);padding:12px 20px;padding:var(--mobile-padding-sm,12px) var(--mobile-padding-lg,20px);transition:background-color .2s ease}.close-btn:hover{background:#2563eb;background:var(--color-primary-dark,#2563eb)}@media (min-width:480px){.quiz-results-modal{width:90%}.category-stats{grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.quiz-results-actions{align-items:center;flex-direction:row;justify-content:space-between}.action-buttons{justify-content:flex-end}}@media (min-width:768px){.quiz-results-modal{max-width:900px;width:85%}.quiz-results-header h3{font-size:1.5rem}.category-stats{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-buttons,.filter-buttons{gap:12px;gap:var(--mobile-padding-sm,12px)}.choice-item{align-items:center;flex-direction:row}.choice-header{margin-bottom:0;margin-right:16px;margin-right:var(--mobile-padding-md,16px)}.choice-text{flex:1 1;margin-left:0}.choices-list{gap:12px;gap:var(--mobile-padding-sm,12px)}}@media (min-width:1024px){.quiz-results-modal{max-width:1000px;width:80%}.question-metadata{justify-content:space-between}.admin-actions{justify-content:flex-end}}.results-page .answer-choices-section{border-top:1px solid #f1f5f9;border-top:1px solid var(--color-border-light,#f1f5f9);margin-top:16px;margin-top:var(--mobile-padding-md,16px);padding-top:16px;padding-top:var(--mobile-padding-md,16px)}.results-page .question-card.correct .choice-item.correct-choice{background:#f0fff4;background:var(--color-success-bg,#f0fff4);border-color:#10b981;border-color:var(--color-success,#10b981)}.results-page .question-card.incorrect .choice-item.user-choice{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border-color:#ef4444;border-color:var(--color-error,#ef4444)}.results-page .question-card.incorrect .choice-item.correct-choice{background:#f0fff4;background:var(--color-success-bg,#f0fff4);border-color:#10b981;border-color:var(--color-success,#10b981)}.action-btn:focus,.close-btn:focus,.filter-btn:focus,.modal-close:focus{outline:2px solid #3b82f6;outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}@media (prefers-contrast:high){.action-btn,.choice-item,.filter-btn,.question-result-card{border-width:3px}.status-correct,.status-incorrect{border:2px solid}}@media (prefers-reduced-motion:reduce){.action-btn,.choice-item,.close-btn,.filter-btn,.modal-close,.question-result-card{transition:none}}.past-quizzes-list{display:flex;flex-direction:column;gap:1.5rem}.quiz-history-item{transition:all .2s ease}.quiz-history-item:hover{box-shadow:0 8px 25px #0000001a;transform:translateY(-2px)}.quiz-header{align-items:flex-start;display:flex;justify-content:space-between;margin-bottom:1rem}.quiz-info h3{color:#1a1a1a;color:var(--color-text-primary,#1a1a1a);font-size:1.25rem;font-weight:600;margin:0 0 .5rem}.quiz-date{color:#666;color:var(--color-text-secondary,#666);font-size:.875rem;margin:0}.quiz-score{align-items:center;display:flex}.score-badge{border-radius:20px;font-size:1.1rem;font-weight:600;min-width:60px;padding:.5rem 1rem;text-align:center}.score-badge.passed{background:#dcfce7;background:var(--color-success-bg,#dcfce7);border:2px solid #10b981;border:2px solid var(--color-success,#10b981);color:#10b981;color:var(--color-success,#10b981)}.score-badge.failed{background:#fef2f2;background:var(--color-error-bg,#fef2f2);border:2px solid #ef4444;border:2px solid var(--color-error,#ef4444);color:#ef4444;color:var(--color-error,#ef4444)}.quiz-stats{display:flex;flex-wrap:wrap;gap:2rem;margin-bottom:1rem}.stat-item{align-items:center;color:#666;color:var(--color-text-secondary,#666);display:flex;font-size:.875rem;gap:.5rem}.stat-item svg{color:#2563eb;color:var(--color-primary,#2563eb)}.quiz-actions{display:flex;gap:.75rem;justify-content:flex-end}.btn.btn-sm{font-size:.875rem;padding:.5rem 1rem}@media (max-width:768px){.quiz-header{flex-direction:column;gap:1rem}.quiz-score{align-self:flex-start}.quiz-stats{gap:1rem}.stat-item{flex:1 1;min-width:120px}.quiz-actions{justify-content:stretch}.quiz-actions .btn{flex:1 1}}.card-content .text-center p{color:#666;color:var(--color-text-secondary,#666);font-size:1.1rem}.btn.btn-ghost.btn-sm{background:none;border:none;color:#2563eb;color:var(--color-primary,#2563eb);cursor:pointer;font-size:.875rem;padding:.5rem;transition:color .2s ease}.btn.btn-ghost.btn-sm:hover{color:#1d4ed8;color:var(--color-primary-dark,#1d4ed8);text-decoration:underline}@media print{.quiz-results-modal{border:2px solid #000;box-shadow:none}.admin-actions,.quiz-results-actions,.quiz-results-footer{display:none}.question-result-card{page-break-inside:avoid}.past-quizzes-list{gap:1rem}.quiz-history-item{border:1px solid #ccc;box-shadow:none;page-break-inside:avoid}.quiz-actions{display:none}}.review-container{--bg:#f7f9fc;--card:#fff;--text:#1b2430;--muted:#6c7a91;--border:#e6eaf1;--accent:#2d7ef7;--success:#0ea56b;--danger:#e5484d;color:var(--text);margin:0 auto;max-width:980px;padding:16px}.review-container .toolbar{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px}.review-container .toolbar button,.review-container select{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;font:inherit;height:36px;padding:6px 12px}.review-container .toolbar button:hover{filter:brightness(.98)}@media (max-width:520px){.review-container .toolbar{gap:8px}.review-container .toolbar button,.review-container select{flex:1 1 auto}}.review-header{align-items:center;background:#f3f6fa;border:1px solid var(--border);border-radius:10px;display:flex;gap:12px;margin-bottom:8px;padding:10px 14px}.review-progressbar{background:#eef2f7;border-radius:6px;height:10px;margin:8px 0 16px;overflow:hidden;position:relative}.review-progressbar .progress-inner{background:linear-gradient(90deg,var(--accent),#5aa3ff);height:100%}.review-progressbar .progress-text{color:var(--muted);font-size:12px;left:10px;position:absolute;top:50%;transform:translateY(-50%)}.flag-button{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text)!important;cursor:pointer;font-weight:600;margin-left:auto;padding:6px 10px}.flag-button:hover{background:#fafbff}.question-card{background:var(--card);border:1px solid var(--border);border-radius:12px;box-shadow:0 1px 2px #00000008;padding:16px}.category-tag{color:var(--muted);font-size:13px;margin:0 0 6px}.question-text{font-size:18px;margin:0 0 12px}.choices-container{display:flex;flex-direction:column;gap:6px;margin:6px 0 10px}.choice-button{background:#f6f8fe;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:default;font-size:14px;line-height:1.3;padding:10px 10px 10px 40px;position:relative;transition:background .15s,border-color .15s}.choice-button .choice-key{align-items:center;background:#fff;border:1px solid #d7deed;border-radius:50%;color:#3157a6;display:inline-flex;font-size:13px;font-weight:700;height:22px;justify-content:center;left:10px;position:absolute;top:50%;transform:translateY(-50%);width:22px}.choice-button.correct{background:#eaf7f0;border-color:var(--success)}.choice-button.correct .choice-key{background:var(--success);border-color:var(--success);color:#fff}.choice-button.incorrect{background:#fdecef;border-color:var(--danger)}.choice-button.incorrect .choice-key{background:var(--danger);border-color:var(--danger);color:#fff}.choice-button.disabled{opacity:.75}.question-tools{align-items:center;display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.note-indicator{color:var(--muted)}.user-note-display{color:var(--muted);font-size:13px;margin:6px 0 0}.rationale-box{border-top:1px dashed var(--border);margin-top:12px;padding-top:10px}.rationale-box h4{margin:0 0 6px}.feedback-buttons{display:flex;gap:8px}.feedback-buttons button{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;height:32px;width:36px}.feedback-buttons .selected{border-color:var(--accent);box-shadow:0 0 0 2px #2d7ef740}.review-navigation{align-items:center;display:flex;gap:12px;justify-content:space-between;margin:16px 0 6px}.review-navigation .dashboard-link,.review-navigation button{align-items:center;background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);display:inline-flex;padding:9px 12px;text-decoration:none}.review-navigation button[disabled]{cursor:not-allowed;opacity:.5}.modal-backdrop{align-items:center;background:#00000059;display:flex;inset:0;justify-content:center;position:fixed;z-index:1000}.modal-content{background:#fff;border:1px solid var(--border);border-radius:10px;padding:16px;width:min(640px,92vw)}.modal-content label{font-weight:600}.modal-content select,.modal-content textarea{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);font:inherit;padding:8px;width:100%}.modal-actions{display:flex;gap:8px;justify-content:flex-end;margin-top:12px}.modal-actions button{background:#fff;border:1px solid var(--border);border-radius:8px;color:var(--text);cursor:pointer;padding:8px 12px}.modal-actions button:last-child{background:var(--accent);border-color:var(--accent);color:#fff}.review-container button,.review-container select,.review-container textarea{color:var(--text)!important}.review-container button *{color:inherit!important}@media print{.modal-backdrop,.review-header .flag-button,.review-navigation,.toast,.toolbar{display:none!important}.review-container{max-width:none;padding:0}.question-card{border:none;box-shadow:none}}.modern-profile{margin:0 auto;max-width:860px;padding:16px}.modern-profile h2{margin:0 0 10px}.profile-tabs{border-bottom:1px solid #e9eef5;display:flex;gap:8px;margin-bottom:14px;overflow:auto;padding:4px 0 10px}.profile-tabs button{appearance:none;background:#0000;border:0;border-radius:10px;color:#54617a;cursor:pointer;font-weight:700;padding:9px 12px;white-space:nowrap}.profile-tabs button.active{background:#f3f7ff;box-shadow:inset 0 0 0 1px #d7e4ff;color:#1d3e8a}.profile-header{align-items:center;background:#fff;border:1px solid #e9eef5;border-radius:14px;display:flex;gap:14px;padding:14px}.profile-avatar-wrapper{position:relative}.profile-avatar-edit-btn{background:#fff;border:1px solid #dbe3ef;border-radius:10px;bottom:-6px;cursor:pointer;font-weight:700;padding:4px 6px;position:absolute;right:-6px}.profile-avatar-social-btns{margin-top:8px}.profile-avatar-social-btn{background:#fff;border:1px dashed #dbe3ef;border-radius:10px;cursor:not-allowed;padding:6px 8px}.profile-info-section{grid-gap:12px;background:#fff;border:1px solid #e9eef5;border-radius:14px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:12px;padding:14px}.profile-info-section label{color:#2a374b;display:flex;flex-direction:column;font-weight:700;gap:6px}.profile-info-section input{font:inherit;padding:9px 10px}.action-button,.profile-info-section input{border:1px solid #dbe3ef;border-radius:10px}.action-button{appearance:none;background:#f5f8ff;cursor:pointer;font-weight:700;grid-column:1/-1;justify-self:start;padding:9px 12px}.action-button:hover{border-color:#2d7ef7}.profile-states-section{background:#fff;border:1px solid #e9eef5;border-radius:14px;padding:14px}.purchase-btn{background:#f8f7ff;border:1px solid #e5e0f8;border-radius:8px;cursor:pointer;font-weight:700;padding:4px 8px}.audit-log-table td,.audit-log-table th{border-bottom:1px solid #eef2f8;padding:8px 6px}.audit-log-table thead th{color:#6b7a90;text-align:left}@media (max-width:720px){.profile-header{align-items:flex-start;flex-direction:column}.profile-info-section{grid-template-columns:1fr}}@media (max-width:560px){.modern-profile{padding:12px}}.navbar-enhanced{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffc;border-bottom:1px solid #e5e7eb;position:sticky;top:0;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:var(--z-navbar)}.navbar-enhanced.dark{background:#111827cc;border-bottom-color:#374151}.navbar-container{margin:0 auto;max-width:1280px;padding:0 1rem}@media (min-width:640px){.navbar-container{padding:0 1.5rem}}@media (min-width:1024px){.navbar-container{padding:0 2rem}}.navbar-content{height:4rem;justify-content:space-between}.navbar-brand,.navbar-content{align-items:center;display:flex}.navbar-brand{color:#111827;font-size:1.25rem;font-weight:700;gap:.75rem;text-decoration:none;transition:color .2s ease}.navbar-brand:hover{color:#2563eb;text-decoration:none}.dark .navbar-brand{color:#fff}.dark .navbar-brand:hover{color:#60a5fa}.navbar-logo{align-items:center;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:.5rem;display:flex;height:2rem;justify-content:center;width:2rem}.navbar-logo-text{color:#fff;font-size:.875rem;font-weight:700}.navbar-brand-text{display:none}@media (min-width:640px){.navbar-brand-text{display:block}}.navbar-nav{align-items:center;display:none;gap:1.5rem}@media (min-width:1024px){.navbar-nav{display:flex}}.nav-link{align-items:center;border-radius:.5rem;color:#374151;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;position:relative;text-decoration:none;transition:all .2s ease}.nav-link:hover{background-color:#f9fafb;color:#111827;text-decoration:none;transform:translateY(-1px)}.nav-link.active{background-color:#eff6ff;color:#1d4ed8}.dark .nav-link{color:#d1d5db}.dark .nav-link:hover{background-color:#374151;color:#fff}.dark .nav-link.active{background-color:#1d4ed84d;color:#93c5fd}.nav-icon{height:1rem;width:1rem}.navbar-search{position:relative;transition:width .2s ease;width:16rem}.navbar-search.focused{width:18rem}.search-input{background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:.5rem;color:#111827;font-size:.875rem;padding:.5rem .75rem .5rem 2.5rem;transition:all .2s ease;width:100%}.search-input:focus{background-color:#fff;border-color:#0000;box-shadow:0 0 0 2px #3b82f6;outline:none}.search-input::placeholder{color:#6b7280}.dark .search-input{background-color:#1f2937;border-color:#374151;color:#fff}.dark .search-input:focus{background-color:#111827}.dark .search-input::placeholder{color:#9ca3af}.search-icon{left:.75rem;pointer-events:none}.search-clear,.search-icon{color:#9ca3af;height:1rem;position:absolute;top:50%;transform:translateY(-50%);width:1rem}.search-clear{cursor:pointer;right:.75rem;transition:color .2s ease}.search-clear:hover{color:#6b7280}@media (max-width:1023px){.navbar-search{margin-bottom:1rem;width:100%}.navbar-search.focused{width:100%}}.navbar-actions{align-items:center;display:flex;gap:1rem}.action-btn{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;position:relative;transition:all .2s ease}.action-btn:hover{background-color:#f9fafb;color:#ef4444;transform:translateY(-1px)}.dark .action-btn:hover{background-color:#1f2937;color:#f87171}.action-icon{height:1.25rem;width:1.25rem}.online-indicator{align-items:center;background-color:#f0fdf4;border-radius:.5rem;color:#15803d;display:none;font-size:.75rem;font-weight:500;gap:.5rem;padding:.375rem .75rem}@media (min-width:640px){.online-indicator{display:flex}}.online-dot{animation:pulse 2s infinite;background-color:#22c55e;border-radius:50%;height:.5rem;width:.5rem}.dark .online-indicator{background-color:#22c55e33;color:#86efac}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.role-selector{position:relative}.role-btn{align-items:center;background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;box-shadow:0 1px 2px #0000000d;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease}.role-btn:hover{background-color:#f9fafb;box-shadow:0 4px 6px #00000012;transform:translateY(-1px)}.dark .role-btn{background-color:#1f2937;border-color:#4b5563;color:#d1d5db}.dark .role-btn:hover{background-color:#374151}.role-chevron,.role-icon{height:1rem;width:1rem}.role-chevron{transition:transform .2s ease}.role-chevron.open{transform:rotate(180deg)}.role-dropdown{animation:dropdownFadeIn .2s ease-out;background-color:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 10px 25px #0000001a;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:14rem;z-index:var(--z-navbar)}.dark .role-dropdown{background-color:#1f2937;border-color:#374151}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}.role-option{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.625rem 1rem;text-align:left;transition:all .2s ease;width:100%}.role-option:hover{background-color:#f9fafb;color:#111827}.role-option.selected{background-color:#eff6ff;color:#1d4ed8}.dark .role-option{color:#d1d5db}.dark .role-option:hover{background-color:#374151;color:#fff}.dark .role-option.selected{background-color:#1d4ed84d;color:#93c5fd}.role-badge{border-radius:9999px;font-size:.75rem;font-weight:500;padding:.125rem .5rem}.role-badge.your-role{background-color:#f0fdf4;color:#15803d}.role-badge.viewing{background-color:#eff6ff;color:#1d4ed8}.dark .role-badge.your-role{background-color:#22c55e4d;color:#86efac}.dark .role-badge.viewing{background-color:#1d4ed84d;color:#93c5fd}.role-reset{border-top:1px solid #e5e7eb;padding:.5rem}.dark .role-reset{border-top-color:#374151}.role-reset-btn{align-items:center;background:none;border:none;border-radius:.5rem;color:#ea580c;cursor:pointer;display:flex;font-size:.875rem;gap:.5rem;padding:.5rem .75rem;transition:all .2s ease;width:100%}.role-reset-btn:hover{background-color:#ea580c1a}.dark .role-reset-btn{color:#fb923c}.dark .role-reset-btn:hover{background-color:#fb923c33}.avatar-dropdown{position:relative}.avatar-btn{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;padding:.25rem;transition:all .2s ease}.avatar-btn:hover{background-color:#f3f4f6;transform:translateY(-1px)}.dark .avatar-btn:hover{background-color:#1f2937}.avatar-container{position:relative}.avatar-img{object-fit:cover}.avatar-fallback,.avatar-img{border:2px solid #e5e7eb;border-radius:.5rem;height:2.25rem;width:2.25rem}.avatar-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#9333ea);display:flex;justify-content:center}.dark .avatar-fallback,.dark .avatar-img{border-color:#374151}.avatar-fallback-text{color:#fff;font-size:.875rem;font-weight:600}.avatar-status{background-color:#22c55e;border:2px solid #fff;border-radius:50%;bottom:-.125rem;height:.75rem;position:absolute;right:-.125rem;width:.75rem}.dark .avatar-status{border-color:#111827}.avatar-info{display:none;text-align:left}@media (min-width:640px){.avatar-info{display:block}}.avatar-name{color:#111827;font-size:.875rem;font-weight:500}.avatar-role{color:#6b7280;font-size:.75rem}.dark .avatar-name{color:#fff}.dark .avatar-role{color:#9ca3af}.avatar-chevron{color:#6b7280;height:1rem;transition:transform .2s ease;width:1rem}.avatar-chevron.open{transform:rotate(180deg)}.avatar-dropdown-menu{animation:dropdownFadeIn .2s ease-out;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background-color:#fffffffa;border:2px solid #e5e7ebcc;border-radius:.75rem;box-shadow:0 12px 32px #00000026,0 2px 8px #00000014;margin-top:.5rem;overflow:hidden;position:absolute;right:0;top:100%;width:16rem;z-index:var(--z-dropdown)}.dark .avatar-dropdown-menu{background-color:#1f2937fa;border-color:#374151cc;box-shadow:0 12px 32px #0000004d,0 2px 8px #0003}.dropdown-header{background:#f8fafc80;border-bottom:1px solid #e5e7eb99;padding:1rem}.dark .dropdown-header{background:#1118274d;border-bottom-color:#37415199}.dropdown-profile{align-items:center;display:flex;gap:.75rem}.dropdown-avatar{border-radius:.5rem;height:3rem;object-fit:cover;width:3rem}.dropdown-avatar-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:.5rem;display:flex;height:3rem;justify-content:center;width:3rem}.dropdown-avatar-text{color:#fff;font-size:1.125rem;font-weight:600}.dropdown-user-info{flex:1 1}.dropdown-user-name{color:#111827;font-weight:500}.dropdown-user-email{color:#6b7280;font-size:.875rem}.dark .dropdown-user-name{color:#fff}.dark .dropdown-user-email{color:#9ca3af}.dropdown-menu-items{padding:.5rem 0}.dropdown-item{align-items:center;background:none;border:none;color:#374151;cursor:pointer;display:flex;font-size:.875rem;gap:.75rem;padding:.5rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.dropdown-item:hover{background-color:#f9fafb;color:#111827;text-decoration:none}.dropdown-item.danger{color:#dc2626}.dropdown-item.danger:hover{background-color:#fef2f2;color:#b91c1c}.dark .dropdown-item{color:#d1d5db}.dark .dropdown-item:hover{background-color:#374151;color:#fff}.dark .dropdown-item.danger{color:#f87171}.dark .dropdown-item.danger:hover{background-color:#dc262633;color:#ef4444}.dropdown-divider{background-color:#e5e7eb;height:1px;margin:.5rem 0}.dark .dropdown-divider{background-color:#374151}.mobile-menu-toggle{background-color:#fff;border:1px solid #e5e7eb;border-radius:.5rem;color:#6b7280;cursor:pointer;display:block;padding:.5rem;transition:all .2s ease}@media (min-width:1024px){.mobile-menu-toggle{display:none}}.mobile-menu-toggle:hover{background-color:#f3f4f6;color:#374151}.dark .mobile-menu-toggle{background-color:#1f2937;border-color:#374151;color:#d1d5db}.dark .mobile-menu-toggle:hover{background-color:#374151;color:#d1d5db}.mobile-menu-icon{height:1.5rem;width:1.5rem}.mobile-menu-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:none;inset:0;position:fixed;z-index:var(--z-modal-backdrop)}@media (max-width:1023px){.mobile-menu-overlay.open{display:block}}.mobile-menu{background-color:#fff;border-left:1px solid #e5e7eb;display:flex;flex-direction:column;height:100vh;max-width:85vw;position:fixed;right:0;top:0;transform:translateX(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);width:20rem;z-index:var(--z-modal)}.mobile-menu.open{transform:translateX(0)}.dark .mobile-menu{background-color:#111827;border-left-color:#1f2937}@media (min-width:1024px){.mobile-menu{display:none}}.mobile-menu-header{align-items:center;border-bottom:1px solid #e5e7eb;display:flex;justify-content:space-between;padding:1.5rem}.dark .mobile-menu-header{border-bottom-color:#1f2937}.mobile-menu-profile{align-items:center;display:flex;gap:.75rem}.mobile-menu-avatar{border-radius:.5rem;height:2.5rem;object-fit:cover;width:2.5rem}.mobile-menu-avatar-fallback{align-items:center;background:linear-gradient(135deg,#3b82f6,#9333ea);border-radius:.5rem;display:flex;height:2.5rem;justify-content:center;width:2.5rem}.mobile-menu-avatar-text{color:#fff;font-weight:600}.mobile-menu-user-info h4{color:#111827;font-weight:500;margin:0}.mobile-menu-user-info p{color:#6b7280;font-size:.875rem;margin:0}.dark .mobile-menu-user-info h4{color:#fff}.dark .mobile-menu-user-info p{color:#9ca3af}.mobile-menu-close{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.5rem;transition:all .2s ease}.mobile-menu-close:hover{background-color:#f3f4f6;color:#374151}.dark .mobile-menu-close:hover{background-color:#1f2937;color:#d1d5db}.mobile-menu-close-icon{height:1.5rem;width:1.5rem}.mobile-menu-nav{flex:1 1;overflow-y:auto;padding:1.5rem}.mobile-nav-items{display:flex;flex-direction:column;gap:.5rem;margin-bottom:2rem}.mobile-nav-link{align-items:center;border-radius:.75rem;color:#374151;display:flex;font-size:1rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.mobile-nav-link:hover{background-color:#f9fafb;color:#111827;text-decoration:none;transform:translateX(4px)}.mobile-nav-link.active{background-color:#eff6ff;color:#1d4ed8}.dark .mobile-nav-link{color:#d1d5db}.dark .mobile-nav-link:hover{background-color:#1f2937;color:#fff}.dark .mobile-nav-link.active{background-color:#1d4ed84d;color:#93c5fd}.mobile-nav-icon{height:1.25rem;width:1.25rem}.mobile-menu-settings{border-top:1px solid #e5e7eb;margin-top:2rem;padding-top:1.5rem}.dark .mobile-menu-settings{border-top-color:#1f2937}.mobile-settings-items{display:flex;flex-direction:column;gap:.5rem}.mobile-settings-btn{align-items:center;background:none;border:none;border-radius:.75rem;color:#374151;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.75rem;padding:.75rem 1rem;text-align:left;text-decoration:none;transition:all .2s ease;width:100%}.mobile-settings-btn:hover{background-color:#f9fafb;color:#111827;text-decoration:none}.dark .mobile-settings-btn{color:#d1d5db}.dark .mobile-settings-btn:hover{background-color:#1f2937;color:#fff}.mobile-menu-footer{border-top:1px solid #e5e7eb;padding:1.5rem}.dark .mobile-menu-footer{border-top-color:#1f2937}.mobile-logout-btn{align-items:center;background-color:#fef2f2;border:none;border-radius:.75rem;color:#dc2626;cursor:pointer;display:flex;font-weight:500;gap:.75rem;justify-content:center;padding:.75rem 1rem;transition:all .2s ease;width:100%}.mobile-logout-btn:hover{background-color:#fce7e7;color:#b91c1c;transform:translateY(-1px)}.dark .mobile-logout-btn{background-color:#dc262633;color:#f87171}.dark .mobile-logout-btn:hover{background-color:#dc26264d;color:#ef4444}.admin-override-banner{animation:bannerPulse 3s ease-in-out infinite;background:linear-gradient(90deg,#fef3c7,#fde68a);border-bottom:2px solid #f59e0b}.dark .admin-override-banner{background:linear-gradient(90deg,#f59e0b4d,#d977064d);border-bottom-color:#d97706}@keyframes bannerPulse{0%,to{opacity:1}50%{opacity:.95}}.banner-container{margin:0 auto;max-width:1280px;padding:.75rem 1rem}.banner-content{align-items:center;color:#92400e;display:flex;gap:1rem;justify-content:center}.dark .banner-content{color:#fbbf24}.banner-info{align-items:center;display:flex;gap:.5rem}.banner-icon{height:1.25rem;width:1.25rem}.banner-text{font-weight:600}.banner-role{font-weight:700}.banner-reset-btn{align-items:center;background-color:#fbbf24;border:none;border-radius:.5rem;color:#92400e;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.375rem .75rem;transition:all .2s ease}.banner-reset-btn:hover{background-color:#f59e0b;transform:translateY(-1px)}.dark .banner-reset-btn{background-color:#d97706;color:#fbbf24}.dark .banner-reset-btn:hover{background-color:#b45309}.banner-reset-icon{height:1rem;width:1rem}.bug-report-btn{align-items:center!important;background-color:#ef4444!important;border:1px solid #dc2626!important;border-radius:9999px!important;color:#fff!important;cursor:pointer!important;display:flex!important;font-size:.625rem!important;font-weight:500!important;gap:.25rem!important;height:24px!important;justify-content:center!important;line-height:1!important;margin-left:.25rem!important;margin-right:.25rem!important;max-height:24px!important;min-height:24px!important;padding:.125rem .375rem!important;transition:all .2s ease!important;white-space:nowrap!important}.bug-report-btn:hover{background-color:#dc2626!important;border-color:#b91c1c!important;transform:translateY(-1px)!important}.bug-report-btn:active{transform:translateY(0)!important}.bug-modal-overlay{align-items:center;animation:modalFadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background-color:#00000080;display:flex;inset:0;justify-content:center;padding:1rem;position:fixed;z-index:var(--z-modal-backdrop)}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}.bug-modal{animation:modalSlideIn .3s ease-out;background-color:#fff;border-radius:1rem;box-shadow:0 25px 50px #00000040;max-width:28rem;transform:scale(1);transition:all .3s ease;width:100%}.dark .bug-modal{background-color:#1f2937}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(-1rem)}to{opacity:1;transform:scale(1) translateY(0)}}.bug-modal-content{padding:1.5rem}.bug-modal-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.bug-modal-title-group{align-items:center;display:flex;gap:.75rem}.bug-modal-icon-wrapper{background-color:#fef2f2;border-radius:.5rem;padding:.5rem}.dark .bug-modal-icon-wrapper{background-color:#dc26264d}.bug-modal-icon{color:#dc2626;height:1.25rem;width:1.25rem}.dark .bug-modal-icon{color:#f87171}.bug-modal-title{color:#111827;font-size:1.125rem;font-weight:600;margin:0}.dark .bug-modal-title{color:#fff}.bug-modal-close{background:none;border:none;border-radius:.5rem;color:#6b7280;cursor:pointer;padding:.25rem;transition:all .2s ease}.bug-modal-close:hover{background-color:#f3f4f6}.dark .bug-modal-close:hover{background-color:#374151}.bug-modal-close-icon{height:1.25rem;width:1.25rem}.bug-modal-form{gap:1rem}.bug-modal-field,.bug-modal-form{display:flex;flex-direction:column}.bug-modal-label{color:#374151;display:block;font-size:.875rem;font-weight:500;margin-bottom:.5rem}.dark .bug-modal-label{color:#d1d5db}.bug-modal-textarea{background-color:#fff;border:1px solid #d1d5db;border-radius:.5rem;color:#111827;font-size:.875rem;padding:.75rem;resize:none;transition:all .2s ease;width:100%}.bug-modal-textarea:focus{border-color:#0000;box-shadow:0 0 0 2px #3b82f6;outline:none}.bug-modal-textarea::placeholder{color:#6b7280}.bug-modal-textarea:disabled{cursor:not-allowed;opacity:.5}.dark .bug-modal-textarea{background-color:#374151;border-color:#4b5563;color:#fff}.dark .bug-modal-textarea::placeholder{color:#9ca3af}.bug-modal-actions{display:flex;gap:.75rem}.bug-modal-btn{align-items:center;border-radius:.5rem;cursor:pointer;display:flex;flex:1 1;font-size:.875rem;font-weight:500;gap:.5rem;justify-content:center;padding:.5rem 1rem;transition:all .2s ease}.bug-modal-btn:disabled{cursor:not-allowed;opacity:.5}.bug-modal-btn-cancel{background:none;border:1px solid #d1d5db;color:#374151}.bug-modal-btn-cancel:hover:not(:disabled){background-color:#f9fafb}.bug-modal-btn-submit{background-color:#dc2626;border:1px solid #dc2626;color:#fff}.bug-modal-btn-submit:hover:not(:disabled){background-color:#b91c1c;border-color:#b91c1c}.dark .bug-modal-btn-cancel{border-color:#4b5563;color:#d1d5db}.dark .bug-modal-btn-cancel:hover:not(:disabled){background-color:#374151}.bug-modal-diagnostics{background:#3b82f60d;border:1px solid #3b82f633;border-radius:.5rem;font-size:.875rem;margin:1rem 0;padding:1rem}.dark .bug-modal-diagnostics{background:#3b82f61a;border-color:#3b82f64d}.bug-modal-diagnostics-header{align-items:center;border-bottom:1px solid #3b82f633;display:flex;justify-content:space-between;margin-bottom:.75rem;padding-bottom:.5rem}.dark .bug-modal-diagnostics-header{border-bottom-color:#3b82f64d}.bug-modal-diagnostics-title{color:#2563eb;font-weight:600}.dark .bug-modal-diagnostics-title{color:#60a5fa}.bug-modal-diagnostics-count{background:#3b82f61a;border-radius:.25rem;color:#4b5563;font-size:.75rem;padding:.25rem .5rem}.dark .bug-modal-diagnostics-count{background:#3b82f633;color:#9ca3af}.bug-modal-diagnostics-preview{grid-gap:.25rem;color:#374151;display:grid;gap:.25rem}.dark .bug-modal-diagnostics-preview{color:#d1d5db}.bug-modal-diagnostics-preview>div{font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.75rem;padding:.125rem 0}.bug-modal-spinner{animation:spin 1s linear infinite;border:2px solid #fff;border-radius:50%;border-top-color:#0000;height:1rem;width:1rem}@keyframes spin{to{transform:rotate(1turn)}}.bug-modal-status{align-items:center;border-radius:.5rem;display:flex;font-size:.875rem;gap:.5rem;padding:.75rem}.bug-modal-status.success{background-color:#f0fdf4;color:#15803d}.bug-modal-status.error{background-color:#fef2f2;color:#dc2626}.dark .bug-modal-status.success{background-color:#22c55e33;color:#86efac}.dark .bug-modal-status.error{background-color:#dc262633;color:#f87171}.bug-modal-status-dot{border-radius:50%;height:.5rem;width:.5rem}.bug-modal-status.success .bug-modal-status-dot{background-color:#22c55e}.bug-modal-status.error .bug-modal-status-dot{background-color:#dc2626}.desktop-only{display:none}@media (min-width:1024px){.mobile-only{display:none}.desktop-only{display:block}}.navbar-search-mobile{display:block;margin-bottom:1rem;width:100%}.navbar-search-desktop{display:none}@media (min-width:1024px){.navbar-search-mobile{display:none}.navbar-search-desktop{display:block}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.action-btn:focus,.avatar-btn:focus,.dropdown-item:focus,.mobile-menu-toggle:focus,.mobile-nav-link:focus,.nav-link:focus,.role-btn:focus{outline:2px solid #3b82f6;outline-offset:2px}@media (prefers-contrast:high){.navbar-enhanced{border-bottom-width:2px}.mobile-nav-link.active,.nav-link.active{border:2px solid #1d4ed8}.avatar-dropdown-menu,.mobile-menu,.role-dropdown{border-width:2px}}@media (prefers-reduced-motion:reduce){.action-btn,.avatar-btn,.avatar-chevron,.avatar-dropdown-menu,.bug-modal,.mobile-menu,.mobile-menu-overlay,.nav-link,.navbar-enhanced,.role-btn,.role-chevron,.role-dropdown{transition:none}@keyframes dropdownFadeIn{0%{opacity:1}to{opacity:1}}@keyframes modalFadeIn{0%{opacity:1}to{opacity:1}}@keyframes modalSlideIn{0%{opacity:1;transform:scale(1)}to{opacity:1;transform:scale(1)}}}.notification-wrapper{align-items:center;display:flex}@media (max-width:640px){.notification-wrapper .notification-bell{height:1rem!important;width:1rem!important}.notification-wrapper .notification-badge{font-size:.625rem!important;height:.75rem!important;min-width:.75rem!important}.navbar-enhanced .navbar-container{padding-left:1rem;padding-right:1rem}.role-dropdown{left:auto;max-width:calc(100vw - 2rem);min-width:200px;right:0}}@media (max-width:480px){.navbar-enhanced .brand-text,.navbar-enhanced h1{font-size:1.125rem}.mobile-menu{max-width:100vw;width:100%}}@media print{.admin-override-banner,.bug-modal-overlay,.mobile-menu,.mobile-menu-overlay,.navbar-enhanced{display:none!important}}:root{--breakpoint-xs:320px;--breakpoint-sm:480px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1200px;--breakpoint-xxl:1440px;--touch-target-min:44px;--touch-target-comfortable:48px;--touch-target-large:56px;--mobile-padding-xs:8px;--mobile-padding-sm:12px;--mobile-padding-md:16px;--mobile-padding-lg:20px;--mobile-padding-xl:24px;--mobile-font-xs:12px;--mobile-font-sm:14px;--mobile-font-md:16px;--mobile-font-lg:18px;--mobile-font-xl:20px;--mobile-font-xxl:24px;--mobile-line-height-tight:1.2;--mobile-line-height-normal:1.4;--mobile-line-height-relaxed:1.6}.container,.main-content,.page-container{padding-left:16px;padding-left:var(--mobile-padding-md);padding-right:16px;padding-right:var(--mobile-padding-md)}body{font-size:16px;font-size:var(--mobile-font-md);line-height:1.4;line-height:var(--mobile-line-height-normal)}h1{font-size:24px;font-size:var(--mobile-font-xxl);margin-bottom:16px;margin-bottom:var(--mobile-padding-md)}h1,h2{line-height:1.2;line-height:var(--mobile-line-height-tight)}h2{font-size:20px;font-size:var(--mobile-font-xl)}h2,h3{margin-bottom:12px;margin-bottom:var(--mobile-padding-sm)}h3{font-size:18px;font-size:var(--mobile-font-lg);line-height:1.4;line-height:var(--mobile-line-height-normal)}.btn,.button,button:not(.icon-only){align-items:center;border-radius:8px;display:flex;font-size:14px;font-size:var(--mobile-font-sm);gap:8px;gap:var(--mobile-padding-xs);justify-content:center;min-height:44px;min-height:var(--touch-target-min);padding:12px 16px;padding:var(--mobile-padding-sm) var(--mobile-padding-md);transition:all .2s ease}.btn-large,.btn-primary{font-size:16px;font-size:var(--mobile-font-md);font-weight:600;min-height:48px;min-height:var(--touch-target-comfortable);padding:16px 20px;padding:var(--mobile-padding-md) var(--mobile-padding-lg)}.btn-icon,.icon-button{border-radius:50%;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:12px;padding:var(--mobile-padding-sm)}.form-group{margin-bottom:16px;margin-bottom:var(--mobile-padding-md)}.form-label{display:block;font-size:14px;font-size:var(--mobile-font-sm);font-weight:600;margin-bottom:8px;margin-bottom:var(--mobile-padding-xs)}.form-input,.form-select,.form-textarea{appearance:none;border:2px solid #e2e8f0;border:2px solid var(--color-border-primary,#e2e8f0);border-radius:8px;font-size:16px;font-size:var(--mobile-font-md);min-height:44px;min-height:var(--touch-target-min);padding:12px 16px;padding:var(--mobile-padding-sm) var(--mobile-padding-md);transition:border-color .2s ease;width:100%}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:#3b82f6;border-color:var(--color-primary,#3b82f6);box-shadow:0 0 0 3px #3b82f61a;box-shadow:0 0 0 3px var(--color-primary-alpha,#3b82f61a);outline:none}.card{border-radius:12px;box-shadow:0 2px 8px #0000001a;margin-bottom:16px;margin-bottom:var(--mobile-padding-md);padding:16px;padding:var(--mobile-padding-md)}.card-header{border-bottom:1px solid #f1f5f9;border-bottom:1px solid var(--color-border-light,#f1f5f9);margin-bottom:12px;margin-bottom:var(--mobile-padding-sm);padding-bottom:12px;padding-bottom:var(--mobile-padding-sm)}.card-title{font-size:18px;font-size:var(--mobile-font-lg);font-weight:700;margin:0}.card-content{font-size:14px;font-size:var(--mobile-font-sm);line-height:1.6;line-height:var(--mobile-line-height-relaxed)}.nav-mobile{background:#fff;background:var(--color-bg-elevated,#fff);border-top:1px solid #e2e8f0;border-top:1px solid var(--color-border-primary,#e2e8f0);bottom:0;left:0;padding:12px 0;padding:var(--mobile-padding-sm) 0;position:fixed;right:0;z-index:100}.nav-mobile-items{align-items:center;display:flex;justify-content:space-around}.nav-mobile-item{align-items:center;color:#64748b;color:var(--color-text-secondary,#64748b);display:flex;flex-direction:column;font-size:12px;font-size:var(--mobile-font-xs);gap:4px;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min);padding:8px;padding:var(--mobile-padding-xs);text-decoration:none;transition:color .2s ease}.nav-mobile-item.active{color:#3b82f6;color:var(--color-primary,#3b82f6)}.nav-mobile-icon{height:20px;width:20px}.modal-mobile{bottom:0;left:0;overflow-y:auto;position:fixed;right:0;z-index:1000}.modal-mobile,.modal-mobile-header{background:#fff;background:var(--color-bg-primary,#fff);top:0}.modal-mobile-header{align-items:center;border-bottom:1px solid #e2e8f0;border-bottom:1px solid var(--color-border-primary,#e2e8f0);display:flex;justify-content:space-between;padding:16px;padding:var(--mobile-padding-md);position:sticky;z-index:10}.modal-mobile-title{font-size:18px;font-size:var(--mobile-font-lg);font-weight:700;margin:0}.modal-mobile-close{background:none;border:none;color:#64748b;color:var(--color-text-secondary,#64748b);cursor:pointer;min-height:44px;min-height:var(--touch-target-min);min-width:44px;min-width:var(--touch-target-min)}.modal-mobile-content{padding:16px;padding:var(--mobile-padding-md);padding-bottom:76px;padding-bottom:calc(var(--mobile-padding-md) + 60px)}@media (min-width:480px){.container,.main-content,.page-container{padding-left:20px;padding-left:var(--mobile-padding-lg);padding-right:20px;padding-right:var(--mobile-padding-lg)}.card{padding:20px;padding:var(--mobile-padding-lg)}h1{font-size:28px}h2{font-size:22px}}@media (min-width:768px){:root{--mobile-padding-md:20px;--mobile-padding-lg:24px;--mobile-padding-xl:32px}.container,.main-content,.page-container{padding-left:24px;padding-left:var(--mobile-padding-xl);padding-right:24px;padding-right:var(--mobile-padding-xl)}.card{padding:24px;padding:var(--mobile-padding-xl)}h1{font-size:32px}h2{font-size:26px}h3{font-size:20px}.nav-mobile{display:none}.modal-mobile{border-radius:16px;box-shadow:0 20px 25px -5px #0000001a;height:auto;left:50%;max-height:80vh;max-width:500px;position:fixed;top:50%;transform:translate(-50%,-50%);width:90%}}@media (min-width:1024px){.container,.main-content,.page-container{margin:0 auto;max-width:1200px}h1{font-size:36px}h2{font-size:30px}h3{font-size:24px}.btn,.button,button:not(.icon-only){padding:12px 24px}}@media (min-width:1200px){.container,.main-content,.page-container{max-width:1200px}}.mobile-only{display:block}.tablet-up{display:none}@media (min-width:768px){.mobile-only{display:none}.tablet-up{display:block}}.touch-friendly{min-height:44px;min-height:var(--touch-target-min);padding:16px;padding:var(--mobile-padding-md)}.stack-mobile{display:flex;flex-direction:column;gap:12px;gap:var(--mobile-padding-sm)}@media (min-width:768px){.stack-mobile{align-items:center;flex-direction:row}}.full-width-mobile{width:100%}@media (min-width:768px){.full-width-mobile{width:auto}}:focus{outline:2px solid #3b82f6;outline:2px solid var(--color-primary,#3b82f6);outline-offset:2px}.skip-link{background:#3b82f6;background:var(--color-primary,#3b82f6);border-radius:4px;color:#fff;left:6px;padding:8px;position:absolute;text-decoration:none;top:-40px;z-index:1000}.skip-link:focus{top:6px}@media (prefers-contrast:high){.btn,.button,.form-input,.form-select,.form-textarea{border-width:3px}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (prefers-color-scheme:dark){:root{--color-bg-primary:#0f172a;--color-bg-elevated:#1e293b;--color-text-primary:#f8fafc;--color-text-secondary:#cbd5e1;--color-border-primary:#334155;--color-border-light:#475569}}
/*# sourceMappingURL=main.bd6647b9.css.map*/