@layer components;:root{--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-container: var(--space-5);--container-max: 72rem;--color-bg: #fafaf9;--color-surface: #ffffff;--color-surface-muted: #f5f5f4;--color-border: #e7e5e4;--color-border-strong: #d6d3d1;--color-text: #1c1917;--color-text-muted: #57534e;--color-text-subtle: #78716c;--color-primary: #1a4d3e;--color-primary-hover: #2d6a5a;--color-primary-muted: #d1fae5;--color-on-primary: #ffffff;--color-success: #0d9488;--color-success-muted: #ccfbf1;--color-warning: #d97706;--color-warning-muted: #fef3c7;--color-error: #dc2626;--color-error-muted: #fee2e2;--color-info: #2563eb;--color-info-muted: #dbeafe;--font-sans: "Cairo", system-ui, -apple-system, sans-serif;--font-mono: ui-monospace, "Cascadia Code", "Source Code Pro", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--radius-s: .375rem;--radius-m: .5rem;--radius-l: .75rem;--radius-xl: 1rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .08), 0 2px 4px -2px rgba(0, 0, 0, .05);--shadow-m: var(--shadow-md);--shadow-l: 0 10px 15px -3px rgba(0, 0, 0, .08), 0 4px 6px -4px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .08), 0 8px 10px -6px rgba(0, 0, 0, .04);--ease-out: cubic-bezier(.33, 1, .68, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .22s;--duration-slow: .32s}@media(prefers-reduced-motion:reduce){:root{--duration-fast: 0ms;--duration-normal: 0ms;--duration-slow: 0ms}}.stack{display:flex;flex-direction:column}.cluster{display:flex;flex-wrap:wrap;align-items:center}.container,.section,.grid-layout{box-sizing:border-box}.swal2-container .swal2-popup.swal-app{font-family:var(--font-sans);padding:var(--space-10);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);border:1px solid var(--color-border);max-width:36rem;width:90%}.swal-app .swal-app__title{font-size:var(--text-2xl);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);margin:0 0 var(--space-4);padding:0}.swal-app .swal-app__body{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-muted);margin:0 0 var(--space-6);padding:0}.swal-app .swal-app__icon{margin-bottom:var(--space-4)}.swal-app .swal-app__btn{font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-medium);padding:var(--space-2) var(--space-5);border-radius:var(--radius-m);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);min-width:5rem}.swal-app .swal-app__btn--confirm{background-color:var(--color-primary);color:var(--color-on-primary)}.swal-app .swal-app__btn--confirm:hover{background-color:var(--color-primary-hover)}.swal-app .swal-app__btn--cancel{background-color:var(--color-surface);color:var(--color-text-muted);border:1px solid var(--color-border)}.swal-app .swal-app__btn--cancel:hover{background-color:var(--color-surface-muted);color:var(--color-text)}.swal2-icon-warning~.swal2-actions .swal-app__btn--confirm{background-color:var(--color-error)}.swal2-icon-warning~.swal2-actions .swal-app__btn--confirm:hover{background-color:#b91c1c}.level-complete-cert-wrap{margin-top:1rem}.level-complete-cert-link{color:var(--color-primary, #2d6a4f);font-weight:600;text-decoration:underline;cursor:pointer}.level-complete-cert-link:hover{opacity:.88}.swal-app-enter{animation:swal-app-enter var(--duration-normal) var(--ease-out) forwards}.swal-app-leave{animation:swal-app-leave var(--duration-fast) var(--ease-in-out) forwards}@keyframes swal-app-enter{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes swal-app-leave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-stone-200:oklch(92.3% .003 48.717);--color-stone-800:oklch(26.8% .007 34.298);--color-white:#fff;--spacing:.25rem;--container-7xl:80rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;--text-2xl:1.5rem;--text-3xl:1.875rem;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.5;--leading-relaxed:1.625;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a, 0 8px 10px -6px #0000001a;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--blur-md:12px;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.static{position:static}.top-0{top:0}.right-0{right:0}.left-0{left:0}.z-50{z-index:50}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-20{margin-top:calc(var(--spacing) * 20)}.box-border{box-sizing:border-box}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-6{height:calc(var(--spacing) * 6)}.min-h-screen{min-height:100vh}.w-6{width:calc(var(--spacing) * 6)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-\[100vw\]{max-width:100vw}.min-w-0{min-width:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.overflow-x-clip{overflow-x:clip}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-stone-200\/60{border-color:#e7e5e499}@supports (color:color-mix(in lab,red,red)){.border-stone-200\/60{border-color:color-mix(in oklab,var(--color-stone-200) 60%,transparent)}}.bg-\[\#fafaf9\]{background-color:#fafaf9}.bg-white\/90{background-color:#ffffffe6}@supports (color:color-mix(in lab,red,red)){.bg-white\/90{background-color:color-mix(in oklab,var(--color-white) 90%,transparent)}}.text-stone-800{color:var(--color-stone-800)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}@media(min-width:48rem){.md\:flex{display:flex}.md\:hidden{display:none}}@media(min-width:64rem){.lg\:flex{display:flex}}}:root{font-family:var(--font-sans);line-height:var(--leading-normal);color-scheme:light;color:var(--color-text);background-color:var(--color-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400}*,:before,:after{box-sizing:border-box}html{scroll-behavior:auto;-webkit-text-size-adjust:100%;width:100%;overflow-x:clip}html[dir=rtl]{width:100%;max-width:100%}body{background-color:var(--color-bg);overscroll-behavior-y:auto;-webkit-overflow-scrolling:touch;width:100%;min-width:320px;max-width:100%;min-height:100vh;margin:0}html[dir=rtl] body{overflow-wrap:break-word;word-break:break-word}#root{width:100%;max-width:100%;min-height:100vh}html[dir=rtl] #root{max-width:100%}a{font-weight:var(--weight-medium);color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-hover)}h1,.text-display{font-size:var(--text-3xl);line-height:var(--leading-tight);font-weight:var(--weight-bold);color:var(--color-text);margin:0}h2{font-size:var(--text-2xl);line-height:var(--leading-snug);font-weight:var(--weight-semibold);color:var(--color-text);margin:0}h3{font-size:var(--text-xl);font-weight:var(--weight-semibold);margin:0}.prose{color:var(--color-text)}.prose .prose-title{font-size:var(--text-2xl);font-weight:var(--weight-bold);margin-block-end:var(--space-2)}.prose .prose-subtitle{font-size:var(--text-base);color:var(--color-text-muted);margin-block-end:var(--space-4)}.prose .prose-body{font-size:var(--text-base);line-height:var(--leading-relaxed)}.prose .prose-meta{font-size:var(--text-sm);color:var(--color-text-subtle)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}button:focus:not(:focus-visible){outline:none}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}.auth-container{display:flex;justify-content:center;align-items:center;min-height:100vh;background:linear-gradient(to bottom right,#fafaf9,#f0f4f2 40%,#e8f0ec);padding:1.25rem}.auth-container--split{padding:0;align-items:stretch}.auth-split{display:flex;width:100%;min-height:100vh}.auth-visual{flex:0 0 25%;position:relative;overflow:hidden;display:flex;align-items:flex-end;background:radial-gradient(ellipse 80% 60% at 50% 35%,rgba(45,106,90,.45) 0%,transparent 70%),linear-gradient(165deg,#0c2e26,#1a4d3e 45%,#134e4a)}.auth-visual-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0c2e2626,#0c2e260d 35%,#0c2e26b8 72%,#0c2e26f5);pointer-events:none;z-index:1}.auth-visual-image{position:absolute;top:50%;left:50%;transform:translate(-50%,-58%);width:118%;height:auto;object-fit:contain;filter:drop-shadow(0 28px 56px rgba(0,0,0,.42));pointer-events:none}.auth-visual-content{position:relative;z-index:2;padding:2.5rem 2rem;color:var(--color-on-primary)}.auth-visual-brand{margin:0 0 1rem;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.auth-visual-title{margin:0 0 .75rem;font-size:clamp(1.5rem,2.2vw,2rem);font-weight:700;line-height:1.2;letter-spacing:-.02em}.auth-visual-subtitle{margin:0;max-width:22rem;font-size:1rem;line-height:1.6;color:#ffffffe0}.auth-form-panel{flex:0 0 75%;display:flex;align-items:center;justify-content:center;padding:2rem 1.25rem;background:linear-gradient(to bottom right,#fafaf9,#f0f4f2 40%,#e8f0ec)}.auth-container--split .auth-card{max-width:28rem}.auth-card{background:var(--color-surface);border-radius:1rem;padding:2.5rem;box-shadow:0 4px 20px #0000000f,0 1px 3px #0000000a;border:1px solid var(--color-border);width:100%;max-width:400px;position:relative}.auth-visual-brand-logo{font-size:1.75rem;margin-bottom:1rem;background:#fff;padding:.5rem .875rem;border-radius:.5rem}.auth-logo.site-logo{display:flex;justify-content:center;margin-bottom:1rem;padding-bottom:1rem;border-bottom:1px solid var(--color-border)}.auth-logo .site-logo-wordmark{font-size:1.875rem}.auth-lang-switcher{display:flex;justify-content:flex-end;gap:.375rem;margin-bottom:1rem}.auth-lang-switcher .lang-btn{padding:.5rem .875rem;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface-muted);color:var(--color-text-muted);font-size:.8125rem;font-weight:600;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease,border-color .2s ease}.auth-lang-switcher .lang-btn:hover{background:var(--color-border);color:var(--color-text)}.auth-lang-switcher .lang-btn.active{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.auth-card h2{margin:0 0 1.5rem;color:var(--color-text);text-align:center;font-size:1.5rem;font-weight:700;letter-spacing:-.02em}.form-group{margin-bottom:1.25rem}.form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-weight:500;font-size:.9375rem}.form-group input{width:100%;padding:.75rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-m);font-size:1rem;font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out);box-sizing:border-box}.form-group input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d3e1f}.form-group input:disabled{background-color:var(--color-surface-muted);cursor:not-allowed}.btn-primary{width:100%;padding:.875rem 1.25rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:10px;font-size:1rem;font-weight:600;font-family:inherit;cursor:pointer;letter-spacing:.01em;box-shadow:0 2px 6px #1a4d3e33;transition:background .2s ease,box-shadow .2s ease,transform .15s ease}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:0 4px 14px #1a4d3e47;transform:translateY(-1px)}.btn-primary:focus{outline:none;box-shadow:0 0 0 3px #1a4d3e33}.error-message{background-color:var(--color-error-muted);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-m);margin-bottom:1.25rem;border:1px solid rgba(220,38,38,.2);font-size:.875rem}.auth-link{text-align:center;margin-top:1.25rem;color:var(--color-text-muted);font-size:.9375rem}.auth-link a{color:var(--color-primary);text-decoration:none;font-weight:500}.auth-link a:hover{text-decoration:underline;color:var(--color-primary-hover)}.auth-otp-hint{color:var(--color-text-muted);margin-bottom:1rem;font-size:.875rem}.otp-input{letter-spacing:.5em;font-size:1.25rem;text-align:center}.btn-secondary{padding:.625rem 1.25rem;background:var(--color-surface-muted);color:var(--color-text);border:1px solid var(--color-border);border-radius:10px;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease,border-color .2s ease}.btn-secondary:hover:not(:disabled){background:var(--color-border);border-color:var(--color-border-strong)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}@media(max-width:900px){.auth-split{flex-direction:column}.auth-visual{flex:0 0 auto;min-height:14rem;align-items:center}.auth-visual-image{top:42%;transform:translate(-50%,-50%);width:min(22rem,92%)}.auth-visual-content{padding:1.5rem;text-align:center}.auth-visual-subtitle{max-width:none}.auth-form-panel{flex:1 1 auto;padding:1.25rem}}.view-toggle{display:flex;flex-shrink:0;border-radius:var(--radius-m);overflow:hidden;border:1px solid var(--color-border);background:var(--color-surface)}.view-toggle-btn{padding:.5rem .875rem;border:none;background:transparent;color:var(--color-text-muted);font-size:.875rem;font-weight:500;cursor:pointer;font-family:inherit;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.view-toggle-btn+.view-toggle-btn{border-inline-start:1px solid var(--color-border)}.view-toggle-btn:hover{color:var(--color-text);background:var(--color-surface-muted)}.view-toggle-btn.active{background:var(--color-primary);color:var(--color-on-primary)}.view-toggle-btn.active:hover{background:var(--color-primary-hover);color:var(--color-on-primary)}.page-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6);padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-sm)}.page-header-main{flex:1;min-width:0;text-align:center}.page-header-title{margin:0;color:var(--color-text);font-size:var(--text-xl);font-weight:700;letter-spacing:-.02em;line-height:var(--leading-tight)}.page-header-subtitle{margin:var(--space-1) 0 0 0;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.page-header-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-4)}.page-header-controls{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.page-header-user{display:flex;align-items:center;gap:var(--space-3);padding-inline-start:var(--space-4);border-inline-start:1px solid var(--color-border)}.page-header-greeting{color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium)}.page-header-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-m);font-size:var(--text-sm);font-weight:600;font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);border:1px solid transparent}.page-header-btn-primary{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.page-header-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.page-header-btn-profile{background:var(--color-surface);color:var(--color-primary);border-color:var(--color-border)}.page-header-btn-profile:hover{background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary-hover)}.page-header .view-toggle{flex-shrink:0}@media(max-width:768px){.page-header{padding:var(--space-4);gap:var(--space-3)}.page-header-toolbar{width:100%;flex-direction:column;align-items:stretch}.page-header-controls{flex-wrap:wrap}.page-header-user{padding-inline-start:0;border-inline-start:none;padding-top:var(--space-3);border-top:1px solid var(--color-border);justify-content:space-between}}.user-cards-grid,.data-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.user-card,.data-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);padding:1.25rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.user-card:hover,.data-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-primary-muted)}.user-card-header,.data-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.user-card-id,.data-card-header .data-card-meta{font-size:.8125rem;color:var(--color-text-muted);font-weight:600;margin:0}.user-card-name,.data-card-title{margin:0 0 .35rem;font-size:1.125rem;font-weight:600;color:var(--color-text);line-height:var(--leading-snug)}.user-card-name{display:block}.data-card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-card-email,.data-card>.data-card-meta{margin:0 0 .75rem;font-size:.875rem;color:var(--color-text-muted);word-break:break-word;line-height:var(--leading-normal)}.data-card>.data-card-meta{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-card-meta{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.user-card-date{font-size:.8125rem;color:var(--color-text-subtle)}.user-card-verified{margin:0 0 .75rem;font-size:.8125rem;color:var(--color-text-subtle)}.user-card-status-select{margin-bottom:.75rem}.data-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:.5rem}.data-card-stats>.data-card-meta{grid-column:1 / -1}.data-card>.data-card-row{margin-left:0;margin-right:0;margin-bottom:.5rem}.data-card>.data-card-row:first-of-type{margin-top:0}.data-card-row{display:flex;justify-content:space-between;align-items:center;padding:.35rem 0;font-size:.875rem;color:var(--color-text);background:transparent;border:none;border-radius:0}.data-card-row .label{color:var(--color-text-muted);font-size:.8125rem;font-weight:500}.user-card-actions,.data-card-actions{display:flex;gap:.5rem;flex-wrap:wrap;padding-top:.75rem;border-top:1px solid var(--color-border)}.user-card-actions .btn-secondary,.data-card-actions .btn-secondary{padding:.5rem 1rem;font-size:.875rem;font-family:inherit;font-weight:600;border-radius:var(--radius-m);border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-primary);cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.user-card-actions .btn-secondary:hover,.data-card-actions .btn-secondary:hover{background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary)}.user-card-actions .btn-danger,.data-card-actions .btn-danger{padding:.5rem 1rem;font-size:.875rem;font-family:inherit;font-weight:600;border-radius:var(--radius-m);border:none;background:var(--color-error);color:#fff;cursor:pointer;transition:filter var(--duration-fast) var(--ease-out)}.user-card-actions .btn-danger:hover,.data-card-actions .btn-danger:hover{filter:brightness(1.08)}.data-card-show-toggle{margin-top:.5rem}.data-card-show-toggle .data-card-show-btn{width:100%;justify-content:center}.user-list-container{padding:2rem 1.25rem 3rem;max-width:72rem;margin:0 auto;width:100%;flex:1;font-family:var(--font-sans)}.user-list-container .btn-secondary,.user-list-container .btn-danger{padding:.5rem 1rem;border:none;border-radius:var(--radius-m);cursor:pointer;font-size:.875rem;font-weight:600;font-family:inherit;transition:all var(--duration-fast) var(--ease-out)}.user-list-container .btn-secondary{background:var(--color-primary);color:var(--color-on-primary)}.user-list-container .btn-secondary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.user-list-container .btn-danger{background:var(--color-error);color:#fff}.user-list-container .btn-danger:hover{filter:brightness(1.08)}.error-message{background:var(--color-error-muted);color:var(--color-error);padding:.75rem 1rem;border-radius:var(--radius-m);margin-bottom:1.25rem;border:1px solid rgba(220,38,38,.2);font-size:.875rem}.user-list-container .loading{text-align:center;padding:2.5rem;font-size:1rem;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;min-height:200px}.table-container{background:var(--color-surface);border-radius:var(--radius-l);overflow-x:auto;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.data-table thead{background:var(--color-primary);color:var(--color-on-primary)}.data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;font-size:.875rem}.data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);font-size:.875rem;color:var(--color-text)}.data-table tbody tr:hover{background:var(--color-surface-muted)}.user-list-footer{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3, .75rem);margin-top:1.5rem;padding-top:1rem;border-top:1px solid var(--color-border)}.user-list-total{font-size:.9375rem;color:var(--color-text-muted);font-weight:500}.user-list-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3, .75rem);flex-wrap:wrap}.user-list-pagination-numbers{display:flex;align-items:center;gap:.35rem}.user-list-pagination-numbers .btn-primary,.user-list-pagination-numbers .btn-secondary{min-width:2.25rem;padding:.4rem .6rem}.user-list-pagination .btn-secondary:disabled{opacity:.5;cursor:not-allowed}.no-data{text-align:center;padding:2.5rem;font-size:.9375rem;color:var(--color-text-subtle);background:var(--color-surface);border-radius:var(--radius-l);margin:1.25rem 0;border:1px solid var(--color-border)}.action-buttons{display:flex;gap:.5rem}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;padding:0;margin:0 .25rem;font-size:.875rem;font-family:inherit}.btn-link.btn-danger{color:var(--color-error)}.btn-link.btn-danger:hover{color:#b91c1c}.user-list-container .btn-primary{padding:.5rem 1rem;border:none;border-radius:var(--radius-m);cursor:pointer;font-size:.875rem;font-weight:600;font-family:inherit;background:var(--color-primary);color:var(--color-on-primary);transition:all var(--duration-fast) var(--ease-out)}.user-list-container .btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-1px)}.user-list-container .btn-primary:disabled{opacity:.6;cursor:not-allowed}.create-user-form{background:var(--color-surface);border-radius:var(--radius-l);padding:1.5rem;margin-bottom:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.create-user-form h2{margin:0 0 1.25rem;color:var(--color-text);font-size:1.25rem;font-weight:600}.create-user-form .form-group{margin-bottom:1.25rem}.create-user-form .form-group label{display:block;margin-bottom:.5rem;color:var(--color-text-muted);font-weight:500;font-size:.9375rem}.create-user-form .form-group input,.create-user-form .form-group select{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-m);font-size:1rem;font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out);box-sizing:border-box}.create-user-form .form-group input:focus,.create-user-form .form-group select:focus{outline:none;border-color:var(--color-primary)}.create-user-form .form-group input:disabled,.create-user-form .form-group select:disabled{background:var(--color-surface-muted);cursor:not-allowed}.form-actions{display:flex;gap:.5rem;margin-top:1.5rem}.status-select{padding:.35rem .65rem;border-radius:var(--radius-s);border:1px solid var(--color-border);font-size:.8125rem;min-width:100px;cursor:pointer;font-family:inherit;background:var(--color-surface)}.profile-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;font-family:var(--font-sans);background:#f5f7f6}.profile-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted)}.profile-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:profile-spin .7s linear infinite}@keyframes profile-spin{to{transform:rotate(360deg)}}.profile-header{margin-bottom:var(--space-6)}.profile-header h1{margin:0;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em}.profile-header p{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.profile-hero-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-5);padding:1.5rem 1.75rem;margin-bottom:var(--space-5);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}.profile-hero-main{display:flex;align-items:center;gap:1.25rem;min-width:0;flex:1}.profile-hero-avatar-wrap{position:relative;flex-shrink:0}.profile-hero-avatar{width:4.5rem;height:4.5rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:1.75rem;font-weight:var(--weight-bold)}.profile-hero-avatar-edit{position:absolute;right:-.15rem;bottom:-.15rem;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);border:2px solid #ffffff;background:#fff;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 1px 4px #0f172a1f;padding:0}.profile-hero-avatar-edit svg{width:.9rem;height:.9rem}[dir=rtl] .profile-hero-avatar-edit{right:auto;left:-.15rem}.profile-hero-details{min-width:0}.profile-hero-name{margin:0;font-size:1.25rem;font-weight:var(--weight-bold);color:var(--color-text)}.profile-hero-email,.profile-hero-since{display:inline-flex;align-items:center;gap:.4rem;margin:.35rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.profile-hero-email svg,.profile-hero-since svg{width:1rem;height:1rem;flex-shrink:0;color:var(--color-text-subtle)}.profile-hero-plan{display:inline-flex;margin-top:.65rem;padding:.3rem .75rem;border-radius:var(--radius-full);background:#e8f5ef;color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold)}.profile-hero-art{flex-shrink:0;width:8.5rem;display:none}.profile-hero-art svg{width:100%;height:auto;display:block}@media(min-width:768px){.profile-hero-art{display:block}}.profile-settings-card{padding:1.25rem 0 0;margin-bottom:var(--space-5);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a;overflow:hidden}.profile-settings-title{margin:0;padding:0 1.5rem .75rem;font-size:var(--text-base);font-weight:var(--weight-bold);color:var(--color-text)}.profile-settings-list{display:flex;flex-direction:column}.profile-settings-row{display:flex;align-items:center;gap:1rem;width:100%;padding:1rem 1.5rem;border:none;border-top:1px solid #f3f4f6;background:transparent;text-align:start;font-family:inherit;cursor:default}button.profile-settings-row{cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}button.profile-settings-row:hover{background:#f9fafb}.profile-settings-row-icon{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--radius-full);background:#f0fdf4;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.profile-settings-row-icon svg{width:1.125rem;height:1.125rem}.profile-settings-row-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.15rem}.profile-settings-row-title{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.profile-settings-row-desc{font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.profile-settings-row-meta{display:inline-flex;align-items:center;gap:.5rem;flex-shrink:0;margin-inline-start:auto}.profile-settings-row-value{font-size:var(--text-sm);color:var(--color-text-muted);max-width:10rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-settings-row-chevron{width:1rem;height:1rem;color:var(--color-text-subtle);flex-shrink:0}[dir=rtl] .profile-settings-row-chevron{transform:scaleX(-1)}.profile-upgrade-banner{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;padding:1.25rem 1.5rem;margin-bottom:var(--space-6);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:1rem}.profile-upgrade-icon{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:var(--radius-full);background:#fff;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;border:1px solid #bbf7d0}.profile-upgrade-icon svg{width:1.25rem;height:1.25rem}.profile-upgrade-copy{flex:1;min-width:12rem}.profile-upgrade-copy h3{margin:0;font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-text)}.profile-upgrade-copy p{margin:.25rem 0 0;font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-snug)}.profile-upgrade-actions{display:flex;align-items:center;gap:.65rem;flex-shrink:0}.profile-btn-primary,.profile-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.55rem 1rem;border-radius:.5rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);white-space:nowrap}.profile-btn-primary{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.profile-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.profile-btn-outline{border:1px solid var(--color-primary);background:transparent;color:var(--color-primary)}.profile-btn-outline:hover:not(:disabled){background:#ecfdf5}.profile-btn-primary:disabled,.profile-btn-outline:disabled{opacity:.6;cursor:not-allowed}.profile-btn-sm{margin-top:.5rem;padding:.4rem .75rem;font-size:var(--text-xs)}.profile-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem}.profile-edit-card{width:100%;max-width:28rem;max-height:90vh;overflow-y:auto;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 20px 40px #0f172a26}.profile-edit-card h2{margin:0 0 1.25rem;font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-text)}.profile-form-group{margin-bottom:1rem}.profile-form-group-nested{margin-top:.75rem;margin-bottom:0}.profile-form-group label{display:block;margin-bottom:.4rem;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.profile-form-group input{width:100%;padding:.55rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:var(--text-sm);font-family:inherit;box-sizing:border-box}.profile-form-group input:focus{outline:none;border-color:var(--color-primary)}.profile-form-group input:disabled{background:#f9fafb;cursor:not-allowed}.profile-form-actions{display:flex;gap:.5rem;margin-top:1.25rem}@media(max-width:768px){.profile-page{padding:var(--space-4)}.profile-hero-card{flex-direction:column;align-items:stretch;padding:1.25rem}.profile-hero-main,.profile-upgrade-banner{flex-direction:column;align-items:flex-start}.profile-upgrade-actions{width:100%;flex-direction:column}.profile-upgrade-actions .profile-btn-primary,.profile-upgrade-actions .profile-btn-outline{width:100%}.profile-settings-row-value{max-width:5rem}.profile-form-actions{flex-direction:column}.profile-form-actions .profile-btn-primary,.profile-form-actions .profile-btn-outline{width:100%}}.user-detail-container{padding:2rem 1.25rem 3rem;max-width:72rem;margin:0 auto;font-family:var(--font-sans)}.user-info-card{background:var(--color-surface);border-radius:var(--radius-l);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.user-info-card h2{margin-top:0;margin-bottom:1rem;color:var(--color-text);font-size:1.25rem;font-weight:600}.user-info-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1rem}.info-item{display:flex;flex-direction:column;gap:.25rem}.user-detail-container .info-label{font-weight:600;color:var(--color-text-muted);font-size:.9rem}.user-detail-container .info-value{color:var(--color-text);font-size:1rem}.statistics-section{margin-bottom:2rem}.statistics-section h2{margin-bottom:1rem;color:var(--color-text);font-size:1.25rem;font-weight:600}.user-detail-container .stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.user-detail-container .stat-card{background:var(--color-surface);border-radius:var(--radius-l);padding:1.5rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border);display:flex;align-items:center;gap:1rem;transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.user-detail-container .stat-card:hover{box-shadow:var(--shadow-m);border-color:#1a4d3e33}.stat-icon{font-size:2.5rem}.stat-content{flex:1}.user-detail-container .stat-label{font-size:.9rem;color:var(--color-text-muted);margin-bottom:.5rem}.user-detail-container .stat-value{font-size:1.75rem;font-weight:700;color:var(--color-primary);margin-bottom:.25rem}.stat-sublabel{font-size:.85rem;color:var(--color-text-subtle)}.stat-card-primary .stat-value,.stat-card-success .stat-value,.stat-card-info .stat-value,.stat-card-warning .stat-value{color:var(--color-primary)}.recent-activity-section,.answer-logs-section{background:var(--color-surface);border-radius:var(--radius-l);padding:1.5rem;margin-bottom:2rem;box-shadow:var(--shadow-sm);border:1px solid var(--color-border)}.recent-activity-section h2,.answer-logs-section h2{margin-top:0;margin-bottom:1rem;color:var(--color-text);font-size:1.25rem;font-weight:600}.user-detail-container .data-cards-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:var(--space-6)}.user-detail-container .data-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:0;box-shadow:var(--shadow-sm);transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out);overflow:hidden;display:flex;flex-direction:column;min-height:0}.user-detail-container .data-card:hover{box-shadow:var(--shadow-l);border-color:var(--color-border-strong)}.user-detail-container .data-card-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4) var(--space-5);background:var(--color-surface-muted);border-bottom:1px solid var(--color-border)}.user-detail-container .data-card-header .data-card-meta{font-size:var(--text-xs);font-family:var(--font-mono);font-weight:var(--weight-medium);color:var(--color-text-subtle);letter-spacing:.02em;margin:0}.user-detail-container .data-card-title{margin:0;padding:var(--space-4) var(--space-5) var(--space-2);font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.user-detail-container .data-card>.data-card-meta{font-size:var(--text-sm);color:var(--color-text-muted);padding:0 var(--space-5) var(--space-4);line-height:var(--leading-normal)}.user-detail-container .data-card-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);padding:0 var(--space-5) var(--space-4)}.user-detail-container .data-card-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);background:var(--color-surface);border-radius:var(--radius-m);border:1px solid var(--color-border)}.user-detail-container .data-card-row .label{color:var(--color-text-muted);font-size:var(--text-xs);font-weight:var(--weight-medium);text-transform:uppercase;letter-spacing:.04em}.user-detail-container .table-container{overflow-x:auto;border-radius:var(--radius-m);border:1px solid var(--color-border)}.user-detail-container .data-table{width:100%;border-collapse:collapse}.user-detail-container .data-table thead{background:var(--color-primary);color:var(--color-on-primary)}.user-detail-container .data-table th{padding:.75rem 1rem;text-align:left;font-weight:600;color:var(--color-on-primary);border-bottom:none}.user-detail-container .data-table td{padding:.75rem 1rem;border-bottom:1px solid var(--color-border);color:var(--color-text)}.user-detail-container .data-table tbody tr:hover{background:var(--color-surface-muted)}.question-preview{max-width:400px;overflow:hidden;text-overflow:ellipsis}.user-detail-container .badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600}.user-detail-container .badge-success{background:var(--color-primary-muted);color:var(--color-primary)}.role-badge{display:inline-block;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:.85rem;font-weight:600;text-transform:uppercase}.role-admin{background:var(--color-error-muted);color:var(--color-error)}.role-user{background:var(--color-primary-muted);color:var(--color-primary)}.no-data-message{text-align:center;padding:3rem;color:var(--color-text-muted)}.user-detail-container .loading,.user-detail-container .error-message{text-align:center;padding:2rem;font-size:1.1rem}.user-detail-container .error-message{color:var(--color-error)}.user-detail-container .btn-primary,.user-detail-container .btn-secondary{padding:.5rem 1rem;border:none;border-radius:var(--radius-m);cursor:pointer;font-size:.9rem;font-weight:600;font-family:inherit;transition:all var(--duration-fast) var(--ease-out)}.user-detail-container .btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.user-detail-container .btn-primary:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.user-detail-container .btn-secondary{background:var(--color-text-muted);color:#fff}.user-detail-container .btn-secondary:hover{filter:brightness(.9)}.answer-history-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;min-width:0;box-sizing:border-box;font-family:var(--font-sans);background:#f5f7f6;word-break:normal;overflow-wrap:break-word}.answer-history-header{margin-bottom:var(--space-5)}.answer-history-header h1{margin:0;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em}.answer-history-header p{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted);max-width:40rem;line-height:var(--leading-normal)}.answer-history-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted)}.answer-history-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:answer-history-spin .7s linear infinite}@keyframes answer-history-spin{to{transform:rotate(360deg)}}.answer-history-toolbar{display:flex;flex-direction:column;gap:var(--space-4);margin-bottom:var(--space-5)}.answer-history-search-wrap{position:relative;width:100%}.answer-history-search-icon{position:absolute;top:50%;inset-inline-start:1rem;transform:translateY(-50%);width:1.125rem;height:1.125rem;color:var(--color-text-subtle);pointer-events:none}.answer-history-search{width:100%;padding:.7rem 1rem .7rem 2.75rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;box-sizing:border-box}[dir=rtl] .answer-history-search{padding:.7rem 2.75rem .7rem 1rem}.answer-history-search:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d3e14}.answer-history-filters{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}.answer-history-status-filters{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:var(--radius-full)}.answer-history-status-filters button{display:inline-flex;align-items:center;gap:.35rem;padding:.45rem .9rem;border:none;border-radius:var(--radius-full);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.answer-history-status-filters button svg{width:.9rem;height:.9rem}.answer-history-status-filters button.active{background:var(--color-primary);color:var(--color-on-primary)}.answer-history-sort{padding:.55rem 2rem .55rem .85rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%236b7280'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M19 9l-7 7-7-7'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .65rem center;background-size:1rem}[dir=rtl] .answer-history-sort{padding:.55rem .85rem .55rem 2rem;background-position:left .65rem center}.answer-history-view-toggle{display:inline-flex;margin-inline-start:auto;border:1px solid #e5e7eb;border-radius:.5rem;overflow:hidden;background:#fff}.answer-history-view-toggle button{display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .85rem;border:none;background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer}.answer-history-view-toggle button+button{border-inline-start:1px solid #e5e7eb}.answer-history-view-toggle button svg{width:1rem;height:1rem}.answer-history-view-toggle button.active{background:var(--color-primary);color:var(--color-on-primary)}.answer-history-list{display:flex;flex-direction:column;gap:var(--space-3)}.answer-history-card{display:grid;grid-template-columns:auto minmax(0,1.6fr) minmax(6rem,.7fr) minmax(7rem,.85fr) auto auto;align-items:center;gap:1rem 1.25rem;padding:1rem 1.25rem;background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;box-shadow:0 1px 2px #0f172a0a}.answer-history-card-icon{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:.65rem;background:#f0fdf4;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.answer-history-card-icon svg{width:1.25rem;height:1.25rem}.answer-history-card-main{min-width:0}.answer-history-card-q{display:block;font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-subtle);margin-bottom:.15rem}.answer-history-card-main h2{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug)}.answer-history-card-main p{margin:.25rem 0 0;font-size:var(--text-xs);color:var(--color-text-muted)}.answer-history-card-col{display:flex;flex-direction:column;gap:.35rem;min-width:0}.answer-history-col-label{font-size:.7rem;font-weight:var(--weight-semibold);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.answer-history-status{display:inline-flex;align-items:center;gap:.35rem;font-size:var(--text-sm);font-weight:var(--weight-medium)}.answer-history-status svg{width:.95rem;height:.95rem}.answer-history-status--correct{color:#15803d}.answer-history-status--incorrect{color:#dc2626}.answer-history-date{display:flex;flex-direction:column;gap:.2rem;font-size:var(--text-xs);color:var(--color-text-muted)}.answer-history-date span{display:inline-flex;align-items:center;gap:.3rem}.answer-history-date svg{width:.85rem;height:.85rem;flex-shrink:0}.answer-history-points{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .7rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-bold);white-space:nowrap}.answer-history-points--correct{background:#dcfce7;color:#15803d}.answer-history-points--incorrect{background:#fee2e2;color:#dc2626}.answer-history-details-btn{display:inline-flex;align-items:center;gap:.25rem;border:none;background:transparent;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;white-space:nowrap;padding:0}.answer-history-details-btn svg{width:.9rem;height:.9rem}[dir=rtl] .answer-history-details-btn svg{transform:scaleX(-1)}.answer-history-details-btn--inline{font-size:var(--text-xs)}.answer-history-table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%;background:#fff;border:1px solid #e5e7eb;border-radius:.875rem;box-shadow:0 1px 2px #0f172a0a}.answer-history-table{width:100%;min-width:36rem;table-layout:fixed;border-collapse:collapse;font-size:var(--text-sm)}.answer-history-table th,.answer-history-table td{padding:.9rem .75rem;text-align:start;border-bottom:1px solid #f3f4f6;vertical-align:top;word-break:normal;overflow-wrap:break-word}.answer-history-table th:nth-child(1),.answer-history-table td:nth-child(1){width:38%}.answer-history-table th:nth-child(2),.answer-history-table td:nth-child(2){width:14%}.answer-history-table th:nth-child(3),.answer-history-table td:nth-child(3){width:11%}.answer-history-table th:nth-child(4),.answer-history-table td:nth-child(4){width:17%}.answer-history-table th:last-child,.answer-history-table td.answer-history-table-actions{width:12%;white-space:normal}.answer-history-table th{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em;background:#fafafa;position:sticky;top:0;z-index:1;white-space:nowrap}[dir=rtl] .answer-history-table th{text-transform:none;letter-spacing:normal}.answer-history-table tbody tr:last-child td{border-bottom:none}.answer-history-table-question{font-weight:var(--weight-semibold);color:var(--color-text);line-height:1.5;overflow-wrap:break-word;word-break:normal}.answer-history-table-meta{margin-top:.25rem;font-size:var(--text-xs);color:var(--color-text-muted);line-height:1.4;overflow-wrap:break-word;word-break:normal}.answer-history-table .answer-history-status{flex-wrap:wrap;line-height:1.4}.answer-history-table .answer-history-points{white-space:normal;line-height:1.35;text-align:center}.answer-history-date--table{font-size:.75rem;line-height:1.45}.answer-history-date--table span{white-space:normal;word-break:normal}.answer-history-table-actions .answer-history-details-btn{white-space:normal;line-height:1.35;text-align:start}.answer-history-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:14rem;padding:var(--space-8);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;text-align:center;color:var(--color-text-muted)}.answer-history-pagination{display:flex;align-items:center;justify-content:center;gap:.35rem;margin-top:var(--space-6)}.answer-history-page-btn{min-width:2.25rem;height:2.25rem;padding:0 .55rem;border:1px solid #e5e7eb;border-radius:.5rem;background:#fff;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-medium);font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.answer-history-page-btn svg{width:1rem;height:1rem}[dir=rtl] .answer-history-pagination .answer-history-page-btn:first-child svg,[dir=rtl] .answer-history-pagination .answer-history-page-btn:last-child svg{transform:scaleX(-1)}.answer-history-page-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-on-primary)}.answer-history-page-btn:disabled{opacity:.45;cursor:not-allowed}.answer-history-modal-backdrop{position:fixed;inset:0;z-index:1000;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:1rem}.answer-history-modal{width:100%;max-width:28rem;padding:1.5rem;background:#fff;border-radius:1rem;border:1px solid #e5e7eb;box-shadow:0 20px 40px #0f172a26}.answer-history-modal h2{margin:0 0 .75rem;font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-text)}.answer-history-modal-question{margin:0 0 1rem;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal)}.answer-history-modal-meta{display:grid;gap:.75rem;margin:0 0 1.25rem}.answer-history-modal-meta div{display:flex;flex-direction:column;gap:.2rem}.answer-history-modal-meta dt{font-size:var(--text-xs);font-weight:var(--weight-semibold);color:var(--color-text-subtle);text-transform:uppercase;letter-spacing:.04em}.answer-history-modal-meta dd{margin:0;font-size:var(--text-sm);color:var(--color-text)}.answer-history-btn-primary,.answer-history-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.15rem;border-radius:.5rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer}.answer-history-btn-primary{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.answer-history-btn-outline{border:1px solid #e5e7eb;background:#fff;color:var(--color-text)}@media(max-width:1100px){.answer-history-card{grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"icon main points" "icon status details" "icon date details";align-items:start}.answer-history-card-icon{grid-area:icon}.answer-history-card-main{grid-area:main}.answer-history-card-col--status{grid-area:status}.answer-history-card-col--date{grid-area:date}.answer-history-points{grid-area:points;justify-self:end}.answer-history-details-btn{grid-area:details;justify-self:end;align-self:end}}@media(max-width:768px){.answer-history-page{padding:var(--space-4)}.answer-history-table{min-width:32rem}.answer-history-table th,.answer-history-table td{padding:.65rem .5rem;font-size:.8125rem}.answer-history-table th{font-size:.7rem}.answer-history-table-question{font-size:.8125rem}.answer-history-table-meta,.answer-history-date--table{font-size:.7rem}.answer-history-table .answer-history-status,.answer-history-table .answer-history-points{font-size:.75rem}.answer-history-details-btn--inline{font-size:.7rem}.answer-history-filters{flex-direction:column;align-items:stretch}.answer-history-status-filters{flex-wrap:wrap;border-radius:.75rem}.answer-history-view-toggle{margin-inline-start:0;width:100%}.answer-history-view-toggle button{flex:1;justify-content:center}.answer-history-card{grid-template-columns:1fr;grid-template-areas:"main" "status" "date" "points" "details";gap:.75rem}.answer-history-card-icon{display:none}.answer-history-points,.answer-history-details-btn{justify-self:start}}.learning-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;font-family:var(--font-sans);background:#f5f7f6;box-sizing:border-box}.learning-card{margin-top:var(--space-2);padding:1.5rem 1.75rem 1.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}.learning-topbar{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.learning-level-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:.4rem .9rem;border-radius:var(--radius-full);background:#f0fdf4;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.learning-progress-wrap{flex:1;min-width:0}.learning-progress-track{height:1.35rem;background:#e5e7eb;border-radius:var(--radius-full);overflow:hidden}.learning-progress-fill{height:100%;min-width:2.75rem;background:var(--color-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;transition:width .35s ease}.learning-progress-percent{font-size:clamp(.7rem,2vw,.8rem);font-weight:var(--weight-bold);color:#fff;letter-spacing:.02em}.learning-score-badge{flex-shrink:0;display:inline-flex;align-items:center;padding:.4rem .85rem;border-radius:var(--radius-full);background:#f3f4f6;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:var(--weight-semibold);white-space:nowrap}.learning-question-box{margin-bottom:1.75rem}.learning-question-text{margin:0;padding:1.15rem 1.25rem;font-size:1.05rem;line-height:1.65;color:var(--color-text);background:#f9fafb;border-radius:.75rem;border-inline-start:4px solid var(--color-primary)}.learning-form{margin:0}.learning-answers-section{margin-bottom:1.5rem}.learning-answers-title{margin:0 0 1rem;font-size:1rem;font-weight:var(--weight-bold);color:var(--color-text)}.learning-choices{display:flex;flex-direction:column;gap:.75rem}.learning-choice{display:flex;align-items:center;gap:.85rem;width:100%;padding:.95rem 1.1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;text-align:start;cursor:pointer;transition:border-color var(--duration-fast) var(--ease-out),background var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.learning-choice:hover:not(:disabled){border-color:#bbf7d0;background:#f9fafb}.learning-choice--selected{border-color:var(--color-primary);background:#f0fdf4;box-shadow:0 0 0 1px #1a4d3e14}.learning-choice:disabled{cursor:not-allowed;opacity:.92}.learning-choice-radio{width:1.125rem;height:1.125rem;flex-shrink:0;border:2px solid #d1d5db;border-radius:var(--radius-full);display:inline-flex;align-items:center;justify-content:center}.learning-choice--selected .learning-choice-radio{border-color:var(--color-primary)}.learning-choice-radio-dot{width:.5rem;height:.5rem;border-radius:var(--radius-full);background:var(--color-primary)}.learning-choice-text{flex:1;line-height:var(--leading-snug)}.learning-text-answer{width:100%;padding:.85rem 1rem;border:1px solid #e5e7eb;border-radius:.75rem;background:#fff;color:var(--color-text);font-size:var(--text-sm);font-family:inherit;resize:vertical;box-sizing:border-box}.learning-text-answer:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px #1a4d3e14}.learning-text-answer:disabled{background:#f9fafb;cursor:not-allowed}.hint-box{background:#fffbeb;border:1px solid #fde68a;border-radius:.75rem;padding:.9rem 1rem;margin-bottom:1.25rem;color:#92400e;font-size:var(--text-sm);line-height:var(--leading-normal)}.hint-box strong{display:inline}.hint-view-resource-link,.hint-view-resource-link:link,.hint-view-resource-link:visited{color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:underline;cursor:pointer}.question-rating-block{margin:0 0 1.25rem;padding:1rem 0;border-top:1px solid #f3f4f6;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.question-rating-label{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.question-rating-stars{display:flex;gap:4px;align-items:center}.question-rating-star{background:none;border:none;padding:4px;cursor:pointer;font-size:1.5rem;line-height:1;color:#ddd;transition:color .15s,transform .1s}.question-rating-star:hover:not(:disabled){color:#f0b400;transform:scale(1.1)}.question-rating-star.filled{color:#f0b400}.question-rating-star:disabled{cursor:default}.learning-footer{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding-top:.5rem;border-top:1px solid #f3f4f6}.learning-report-wrap{flex-shrink:0}.learning-report-btn{display:inline-flex;align-items:center;gap:.4rem;border:none;background:transparent;color:var(--color-text-subtle);font-size:var(--text-sm);font-family:inherit;cursor:pointer;padding:.35rem 0}.learning-report-btn svg{width:1rem;height:1rem}.learning-report-btn:hover{color:var(--color-error)}.learning-report-already{font-size:var(--text-sm);color:var(--color-text-subtle)}.learning-actions{display:flex;align-items:center;gap:.75rem;margin-inline-start:auto;flex-wrap:wrap}.learning-btn-submit,.learning-btn-skip{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-width:9.5rem;padding:.7rem 1.25rem;border-radius:.65rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out)}.learning-btn-submit svg,.learning-btn-skip svg{width:1.05rem;height:1.05rem;flex-shrink:0}.learning-btn-submit{border:1px solid #bbf7d0;background:#ecfdf5;color:var(--color-primary)}.learning-btn-submit:hover:not(:disabled){background:#d1fae5}.learning-btn-skip{border:1px solid #374151;background:#374151;color:#fff}.learning-btn-skip:hover:not(:disabled){background:#1f2937;border-color:#1f2937}.learning-btn-submit:disabled,.learning-btn-skip:disabled{opacity:.55;cursor:not-allowed}.learning-loading-card,.learning-empty-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a;text-align:center;color:var(--color-text-muted)}.learning-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:learning-spin .7s linear infinite}@keyframes learning-spin{to{transform:rotate(360deg)}}.learning-empty-card h2{margin:0;color:var(--color-primary);font-size:1.35rem}.learning-empty-card p{margin:0;max-width:28rem;line-height:var(--leading-normal)}.learning-error-message{margin:0;color:var(--color-error)}.resource-modal-overlay{position:fixed;inset:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.resource-modal{background:#fff;border-radius:1rem;max-width:560px;width:100%;max-height:80vh;overflow:hidden;box-shadow:0 20px 40px #0f172a26;border:1px solid #e5e7eb}.resource-modal-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f3f4f6;background:#fafafa}.resource-modal-header h3{margin:0;font-size:1.05rem;color:var(--color-text)}.resource-modal-close{background:none;border:none;font-size:1.75rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:0 4px}.resource-modal-body{padding:1.25rem;overflow-y:auto;max-height:calc(80vh - 70px)}.resource-modal-body .resource-text{margin:0;white-space:pre-wrap;line-height:var(--leading-normal)}.resource-link{color:var(--color-primary);font-weight:var(--weight-semibold);text-decoration:none}.resource-link:hover{text-decoration:underline}.report-modal .form-group{margin-bottom:1rem}.report-modal .form-group label{display:block;margin-bottom:.35rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.report-modal .form-group select,.report-modal .form-group textarea{width:100%;padding:.55rem .75rem;border:1px solid #e5e7eb;border-radius:.5rem;font-size:var(--text-sm);font-family:inherit;box-sizing:border-box}.report-modal-actions{display:flex;gap:.75rem;justify-content:flex-end;margin-top:1.25rem}.report-modal-actions .learning-btn-submit,.report-modal-actions .learning-btn-skip{min-width:auto}@media(max-width:768px){.learning-page{padding:var(--space-4)}.learning-card{padding:1.15rem}.learning-topbar{flex-wrap:wrap}.learning-progress-wrap{order:3;flex-basis:100%}.learning-footer{flex-direction:column;align-items:stretch}.learning-actions{margin-inline-start:0;width:100%}.learning-btn-submit,.learning-btn-skip{flex:1;min-width:0}}.dashboard-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;font-family:var(--font-sans);background:#f5f7f6}.dashboard-subscription-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);margin-bottom:var(--space-6);background:var(--color-primary-muted);border:1px solid rgba(26,77,62,.2);border-radius:var(--radius-l);font-size:var(--text-sm);color:var(--color-text)}.dashboard-welcome-banner{display:grid;grid-template-columns:minmax(0,1.35fr) auto 1px auto minmax(0,1fr);align-items:center;gap:1.25rem 1.5rem;padding:1.25rem 1.5rem;margin-bottom:var(--space-6);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}.dashboard-welcome-profile{display:flex;align-items:center;gap:var(--space-4);min-width:0}.dashboard-welcome-avatar{width:3.25rem;height:3.25rem;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);display:flex;align-items:center;justify-content:center;font-size:var(--text-xl);font-weight:var(--weight-bold)}.dashboard-welcome-copy h1{margin:0;font-size:clamp(1.05rem,2vw,1.35rem);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em;line-height:var(--leading-tight)}.dashboard-welcome-subtitle{margin:.35rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal);max-width:20rem}.dashboard-welcome-level-col{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:.35rem;padding-inline:.25rem;min-width:8.5rem}.dashboard-current-level-label{margin:0;font-size:var(--text-xs);color:var(--color-text-subtle);font-weight:var(--weight-medium);white-space:nowrap}.dashboard-level-pill{display:inline-flex;padding:.35rem .85rem;border-radius:var(--radius-full);background:#e8f5ef;color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap}.dashboard-welcome-divider{width:1px;align-self:stretch;min-height:4.5rem;background:#e5e7eb;display:none}.dashboard-welcome-progress-card{display:flex;align-items:center;gap:var(--space-3);min-width:12rem;max-width:17rem;padding:.9rem 1.1rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0f172a0a}.dashboard-welcome-progress-icon{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:var(--radius-full);background:#e8f5ef;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.dashboard-welcome-progress-icon svg{width:1.125rem;height:1.125rem}.dashboard-welcome-progress-card p{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug)}.dashboard-welcome-actions{display:flex;align-items:center;gap:1rem;justify-content:flex-end;min-width:0}.dashboard-welcome-art{display:none;width:9.5rem;flex-shrink:0}.dashboard-welcome-art-image{width:100%;height:auto;display:block;object-fit:contain}.dashboard-welcome-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.7rem 1.15rem;border:none;border-radius:.5rem;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out)}.dashboard-welcome-cta svg{width:1.125rem;height:1.125rem;flex-shrink:0}.dashboard-welcome-cta:hover{background:var(--color-primary-hover)}[dir=rtl] .dashboard-welcome-cta svg{transform:scaleX(-1)}@media(min-width:1024px){.dashboard-welcome-divider,.dashboard-welcome-art{display:block}}@media(max-width:1023px){.dashboard-welcome-banner{grid-template-columns:1fr;gap:1rem}.dashboard-welcome-level-col{padding-inline:0;min-width:0}.dashboard-welcome-progress-card{max-width:none;width:100%}.dashboard-welcome-actions{width:100%;justify-content:space-between}}@media(max-width:640px){.dashboard-welcome-actions{flex-direction:column;align-items:stretch}.dashboard-welcome-cta{width:100%}}.dashboard-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:1024px){.dashboard-stats-grid{grid-template-columns:repeat(4,1fr)}}.dashboard-stat-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-sm)}.dashboard-stat-icon-wrap{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.dashboard-stat-icon-wrap svg{width:1.25rem;height:1.25rem}.dashboard-stat-label{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.dashboard-stat-value{margin:var(--space-1) 0 0;font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-text);line-height:1.1}.dashboard-stat-sublabel{margin:var(--space-1) 0 0;font-size:var(--text-xs);color:var(--color-text-subtle)}.dashboard-progress-card{padding:var(--space-5) var(--space-6);margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);box-shadow:var(--shadow-sm)}.dashboard-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3)}.dashboard-progress-header h2{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.dashboard-progress-header span{font-size:var(--text-sm);font-weight:var(--weight-bold);color:var(--color-primary)}.dashboard-progress-track{height:.625rem;border-radius:var(--radius-full);background:#e5e7eb;overflow:hidden}.dashboard-progress-fill{height:100%;border-radius:var(--radius-full);background:var(--color-primary);transition:width .4s ease}.dashboard-bottom-grid{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media(min-width:1024px){.dashboard-bottom-grid{grid-template-columns:1.2fr 1fr}}.dashboard-panel{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm)}.dashboard-panel h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.dashboard-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-5)}.dashboard-link-btn,.dashboard-link-row{border:none;background:transparent;color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;padding:0}.dashboard-link-row{margin-top:var(--space-5);width:100%;text-align:start}.dashboard-link-btn:hover,.dashboard-link-row:hover{color:var(--color-primary-hover);text-decoration:underline}.dashboard-empty{margin:0;color:var(--color-text-muted);font-size:var(--text-sm)}.dashboard-activity-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-4)}.dashboard-activity-item{display:flex;gap:var(--space-3);align-items:flex-start}.dashboard-activity-score{flex-shrink:0;padding:var(--space-1) var(--space-2);border-radius:var(--radius-m);background:var(--color-primary-muted);color:var(--color-primary);font-size:var(--text-xs);font-weight:var(--weight-bold)}.dashboard-activity-body{flex:1;min-width:0}.dashboard-activity-top{display:flex;gap:var(--space-2);align-items:flex-start}.dashboard-activity-check{color:var(--color-primary);font-weight:var(--weight-bold);line-height:1.4}.dashboard-activity-question{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal)}.dashboard-activity-meta{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-subtle)}.dashboard-activity-level{padding:.125rem var(--space-2);border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted)}.dashboard-panel-continue{display:flex;flex-direction:column;align-items:center;text-align:center}.dashboard-panel-continue h2{width:100%;text-align:start}.dashboard-progress-ring{--ring-progress: 0%;width:7.5rem;height:7.5rem;margin:var(--space-5) 0;border-radius:var(--radius-full);background:conic-gradient(var(--color-primary) var(--ring-progress),#e5e7eb 0);display:flex;align-items:center;justify-content:center;position:relative}.dashboard-progress-ring-inner{width:5.75rem;height:5.75rem;border-radius:var(--radius-full);background:var(--color-surface);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.125rem}.dashboard-progress-ring-inner strong{font-size:var(--text-xl);color:var(--color-text)}.dashboard-progress-ring-inner span{font-size:var(--text-xs);color:var(--color-text-muted)}.dashboard-topic-list{list-style:none;margin:0 0 var(--space-6);padding:0;width:100%;display:flex;flex-direction:column;gap:var(--space-3);text-align:start}.dashboard-topic-list li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted)}.dashboard-topic-list li.done{color:var(--color-text)}.dashboard-topic-marker{width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-surface-muted);color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-xs);font-weight:var(--weight-bold)}.dashboard-topic-list li.done .dashboard-topic-marker{background:var(--color-primary-muted);color:var(--color-primary)}.dashboard-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:1px solid var(--color-primary);border-radius:var(--radius-m);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.dashboard-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.dashboard-btn-sm{padding:var(--space-2) var(--space-4)}.dashboard-btn-block{width:100%}.dashboard-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted)}.dashboard-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:dashboard-spin .7s linear infinite}@keyframes dashboard-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.dashboard-page{padding:var(--space-4)}.dashboard-stats-grid{grid-template-columns:1fr}.dashboard-welcome-profile{flex-direction:row;align-items:center;text-align:start}.dashboard-welcome-copy{align-items:flex-start}.dashboard-welcome-subtitle{max-width:none}.dashboard-account-name{display:none}}.certificates-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;font-family:var(--font-sans);background:#f5f7f6}.certificates-header{margin-bottom:var(--space-6)}.certificates-header h1{margin:0;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em}.certificates-header p{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted);max-width:36rem;line-height:var(--leading-normal)}.certificates-progress-card{padding:var(--space-6);margin-bottom:var(--space-6);background:var(--color-surface);border:1px solid #e5e7eb;border-radius:var(--radius-xl)}.certificates-progress-top{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5)}.certificates-progress-top h2{margin:0;font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-primary)}.certificates-progress-art{flex-shrink:0;width:5rem;height:4.5rem}.certificates-progress-art svg{width:100%;height:100%}.certificates-progress-stats{display:flex;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-6)}.certificates-progress-stat{display:flex;flex-direction:column;gap:.25rem}.certificates-progress-stat--right{align-items:flex-end;text-align:end}.certificates-progress-stat-label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.certificates-progress-stat strong{font-size:var(--text-2xl);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1.1}.certificates-timeline{display:flex;align-items:flex-start;gap:0;margin-bottom:var(--space-5);overflow-x:auto;padding-bottom:var(--space-2)}.certificates-timeline-step{flex:1;min-width:5.5rem;display:flex;flex-direction:column;align-items:center;position:relative;text-align:center}.certificates-timeline-step:not(:last-child):after{content:"";position:absolute;top:1.125rem;left:calc(50% + 1.125rem);width:calc(100% - 2.25rem);height:2px;background:repeating-linear-gradient(to right,#d1d5db 0,#d1d5db 4px,transparent 4px,transparent 8px);z-index:0}.certificates-timeline-step--done:not(:last-child):after{background:var(--color-primary);background-image:none}.certificates-timeline-node{position:relative;z-index:1;width:2.25rem;height:2.25rem;border-radius:var(--radius-full);background:#f3f4f6;color:#9ca3af;display:flex;align-items:center;justify-content:center;border:2px solid #e5e7eb}.certificates-timeline-node svg{width:1rem;height:1rem}.certificates-timeline-step--done .certificates-timeline-node{background:var(--color-primary);color:var(--color-on-primary);border-color:var(--color-primary)}.certificates-timeline-label{margin-top:var(--space-2);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text-muted);line-height:var(--leading-snug);max-width:6rem}.certificates-timeline-step--done .certificates-timeline-label{color:var(--color-primary);font-weight:var(--weight-semibold)}.certificates-encouragement{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:#e8f5ef;border-radius:var(--radius-m)}.certificates-encouragement svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:var(--color-primary)}.certificates-encouragement p{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal)}.certificates-showcase{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:768px){.certificates-showcase{grid-template-columns:repeat(2,1fr)}}.certificates-showcase-card{display:flex;flex-direction:column;gap:var(--space-4);padding:var(--space-5);background:var(--color-surface);border:1px solid #e5e7eb;border-radius:var(--radius-xl)}.certificates-showcase-card-head{display:flex;align-items:center;gap:var(--space-3)}.certificates-showcase-card-head h3{margin:0;font-size:var(--text-base);font-weight:var(--weight-semibold);color:var(--color-text)}.certificates-showcase-icon{width:2.25rem;height:2.25rem;flex-shrink:0;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center}.certificates-showcase-icon svg{width:1.125rem;height:1.125rem}.certificates-showcase-icon--earned{background:#e8f5ef;color:var(--color-primary)}.certificates-showcase-icon--locked{background:#f3f4f6;color:#9ca3af}.certificates-showcase-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:var(--space-6) var(--space-4)}.certificates-showcase-empty p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.certificates-unlock-text{margin:0;font-size:var(--text-xs);color:var(--color-text-subtle);text-align:center}.cert-preview{width:100%;aspect-ratio:4 / 3;border-radius:var(--radius-m);overflow:hidden}.cert-preview--earned{padding:var(--space-3);background:#f9fafb}.cert-preview-frame{height:100%;padding:3px;border-radius:var(--radius-m);background:linear-gradient(135deg,#1a4d3e,#2d6a5a,#1a4d3e);box-shadow:inset 0 0 0 1px #ffffff26}.cert-preview-inner{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;padding:var(--space-4);background:#fffef9;border-radius:calc(var(--radius-m) - 2px);text-align:center;position:relative}.cert-preview-brand{display:flex;justify-content:center;margin-bottom:.25rem}.cert-preview-wordmark.site-logo-wordmark{font-size:.85rem}.cert-preview-wordmark .site-logo-mark{height:1.05em}.cert-preview-subtitle{margin:0;font-size:.55rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle);font-weight:var(--weight-medium)}.cert-preview-level{margin:0;font-size:.75rem;font-weight:var(--weight-bold);color:var(--color-primary)}.cert-preview-name{margin:.15rem 0 0;font-size:.65rem;font-weight:var(--weight-semibold);color:var(--color-text)}.cert-preview-date{margin:.15rem 0 0;font-size:.55rem;color:var(--color-text-subtle)}.cert-preview-seal{position:absolute;bottom:.75rem;right:.75rem;width:1.75rem;height:1.75rem;border-radius:var(--radius-full);background:radial-gradient(circle at 35% 35%,#2d6a5a,#1a4d3e);border:2px solid #d4af37;box-shadow:0 1px 3px #00000026}.cert-preview--locked{display:flex;align-items:center;justify-content:center;background:#f3f4f6;border:1px dashed #d1d5db}.cert-preview-locked-inner{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);text-align:center}.cert-preview-lock-icon{width:3rem;height:3rem;border-radius:var(--radius-full);background:#e5e7eb;color:#9ca3af;display:flex;align-items:center;justify-content:center}.cert-preview-lock-icon svg{width:1.5rem;height:1.5rem}.cert-preview-locked-inner p{margin:0;font-size:var(--text-sm);font-weight:var(--weight-medium);color:var(--color-text-muted)}.certificates-btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:1px solid #e5e7eb;border-radius:var(--radius-m);background:var(--color-surface);color:var(--color-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out)}.certificates-btn-outline svg{width:1rem;height:1rem;flex-shrink:0}.certificates-btn-outline:hover{background:#f9fafb;border-color:#1a4d3e40}.certificates-btn-outline--sm{width:auto;padding:var(--space-2) var(--space-3);font-size:var(--text-xs)}.certificates-btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-primary);border-radius:var(--radius-m);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.certificates-btn-primary svg{width:1rem;height:1rem;flex-shrink:0}.certificates-btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.certificates-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-6)}@media(min-width:1024px){.certificates-stats-grid{grid-template-columns:repeat(4,1fr)}}.certificates-stat-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5);background:var(--color-surface);border:1px solid #e5e7eb;border-radius:var(--radius-l)}.certificates-stat-icon{width:2.5rem;height:2.5rem;border-radius:var(--radius-m);background:#e8f5ef;color:var(--color-primary);display:flex;align-items:center;justify-content:center}.certificates-stat-icon svg{width:1.25rem;height:1.25rem}.certificates-stat-label{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.certificates-stat-value{margin:0;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-primary);line-height:1.2}.certificates-stat-sublabel{margin:0;font-size:var(--text-xs);color:var(--color-text-subtle)}.certificates-all-earned{margin-bottom:var(--space-6)}.certificates-all-earned h2{margin:0 0 var(--space-4);font-size:var(--text-lg);font-weight:var(--weight-bold);color:var(--color-text)}.certificates-all-grid{display:flex;flex-direction:column;gap:var(--space-3)}.certificates-all-card{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid #e5e7eb;border-radius:var(--radius-l)}.certificates-all-level{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.certificates-all-date{display:block;margin-top:.25rem;font-size:var(--text-xs);color:var(--color-text-subtle)}.certificates-cta-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);flex-wrap:wrap;padding:var(--space-5) var(--space-6);background:var(--color-surface);border:1px solid #e5e7eb;border-radius:var(--radius-xl)}.certificates-cta-copy{display:flex;align-items:center;gap:var(--space-3);flex:1;min-width:0}.certificates-cta-copy svg{width:1.5rem;height:1.5rem;flex-shrink:0;color:var(--color-primary)}.certificates-cta-copy p{margin:0;font-size:var(--text-sm);color:var(--color-text);line-height:var(--leading-normal)}.certificates-cta-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border:none;border-radius:var(--radius-m);background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background var(--duration-fast) var(--ease-out)}.certificates-cta-btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.certificates-cta-btn:hover{background:var(--color-primary-hover)}[dir=rtl] .certificates-cta-btn svg{transform:scaleX(-1)}.certificates-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);background:var(--color-surface);border:1px solid #e5e7eb;border-radius:var(--radius-xl);color:var(--color-text-muted)}.certificates-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:certificates-spin .7s linear infinite}@keyframes certificates-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.certificates-page{padding:var(--space-4)}.certificates-stats-grid{grid-template-columns:1fr}.certificates-progress-stats{flex-direction:column;gap:var(--space-3)}.certificates-progress-stat--right{align-items:flex-start;text-align:start}.certificates-cta-banner{flex-direction:column;align-items:stretch;padding:var(--space-5)}.certificates-cta-btn{width:100%}}.account-menu-wrap{position:relative}.account-menu-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2) var(--space-1) var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface);cursor:pointer;font-family:inherit}.account-menu-avatar{width:2rem;height:2rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);display:inline-flex;align-items:center;justify-content:center;font-size:var(--text-sm);font-weight:var(--weight-bold)}.account-menu-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);max-width:8rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-menu-chevron{width:1rem;height:1rem;color:var(--color-text-muted)}.account-menu-dropdown{position:absolute;top:calc(100% + .5rem);inset-inline-end:0;min-width:10rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-m);box-shadow:var(--shadow-md);padding:var(--space-2);z-index:20;display:flex;flex-direction:column;gap:var(--space-1)}.account-menu-dropdown button{border:none;background:transparent;text-align:start;padding:var(--space-2) var(--space-3);border-radius:var(--radius-s);font-size:var(--text-sm);font-family:inherit;cursor:pointer;color:var(--color-text)}.account-menu-dropdown button:hover{background:var(--color-surface-muted)}.account-menu-logout{color:#b91c1c}.account-menu-logout:hover{background:#fef2f2}.app-topbar{width:100%;padding:var(--space-5) var(--space-6) 0;margin-bottom:var(--space-6)}.app-topbar-inner{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-4);max-width:72rem;margin:0 auto;width:100%}.app-topbar-lang{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-full);background:var(--color-surface)}.app-topbar-globe{width:1rem;height:1rem;color:var(--color-text-muted)}.app-topbar-lang-select{border:none;background:transparent;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);font-family:inherit;cursor:pointer;outline:none}.app-topbar-actions{display:flex;align-items:center;gap:var(--space-3)}@media(max-width:768px){.app-topbar{display:none}}.lang-switcher--menu{display:flex;flex-direction:column;gap:.5rem;padding:.75rem 1rem}.lang-switcher-pill{display:inline-flex;align-items:center;gap:2px;padding:4px;background:#f5f5f4;border-radius:10px;border:1px solid #e7e5e4;width:fit-content}.lang-switcher--menu .lang-switcher-pill{width:100%}.lang-switcher--menu .lang-switcher-btn{flex:1}.lang-switcher-btn{padding:6px 12px;font-size:.8125rem;font-weight:600;border:none;border-radius:8px;background:transparent;color:#57534e;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease}.lang-switcher-btn[lang=ar]{font-family:var(--font-sans)}.lang-switcher-btn:hover{background:#e7e5e4;color:#292524}.lang-switcher-btn.active{background:#1a4d3e;color:#fff}.layout{min-height:100vh;display:flex;font-family:var(--font-sans);width:100%;max-width:100%;background:#f5f7f6}.sidebar{width:272px;min-width:272px;background:#f5f7f6;color:#1f2937;border-right:1px solid rgba(15,51,41,.06);box-shadow:none;display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;z-index:100}.sidebar-inner{display:flex;flex-direction:column;height:100%;padding:1.5rem 1rem 1.25rem}.sidebar-brand{display:flex;justify-content:center;align-items:center;padding:0 .5rem 1.25rem;margin-bottom:0;border-bottom:none}.sidebar-brand-logo{justify-content:center;width:100%}.sidebar-brand-logo .site-logo-wordmark{font-size:1.375rem;margin-inline:auto}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;flex:1;overflow-y:auto;padding:.25rem .25rem 1rem}.sidebar-link{color:#374151;text-decoration:none;padding:.7rem .85rem;border-radius:12px;transition:color .15s ease,background-color .15s ease;font-weight:500;font-size:.9375rem;line-height:1.35;display:flex;align-items:center;gap:.75rem}.sidebar-link-icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;flex-shrink:0;border-radius:10px;transition:transform .28s cubic-bezier(.34,1.56,.64,1),background-color .2s ease,box-shadow .2s ease}.sidebar-link-icon{width:1.25rem;height:1.25rem;flex-shrink:0;color:#6b7280;transition:color .2s ease}.sidebar-link-label{flex:1;min-width:0}.sidebar-link:hover .sidebar-link-icon{color:#1a4d3e}.sidebar-link.active .sidebar-link-icon{color:#0f5c45}@media(prefers-reduced-motion:no-preference){.sidebar-link:hover .sidebar-link-icon-wrap{transform:scale(1.18) translateY(-3px);background-color:#fffffff2;box-shadow:0 6px 16px #0f33291a}.sidebar-link.active .sidebar-link-icon-wrap{background-color:#0f5c4529;animation:sidebar-icon-wrap-active 1.5s ease-in-out infinite}.sidebar-link.active:hover .sidebar-link-icon-wrap{animation:none;transform:scale(1.22) translateY(-3px);background-color:#0f5c4533;box-shadow:0 6px 18px #0f5c4533}}@media(prefers-reduced-motion:reduce){.sidebar-link.active .sidebar-link-icon-wrap{animation:none}}@keyframes sidebar-icon-wrap-active{0%,to{transform:scale(1);box-shadow:0 0 #0f5c4538}50%{transform:scale(1.16);box-shadow:0 0 0 8px #0f5c4500}}.sidebar-link:hover{color:#111827;background-color:#ffffffb8}.sidebar-link.active{color:#0f5c45;background-color:#dff5eb;font-weight:600}.sidebar-link.active:hover{color:#0f5c45;background-color:#dff5eb}.sidebar-footer{display:none;margin-top:auto;padding-top:1rem;border-top:1px solid rgba(15,51,41,.08)}.sidebar-lang{margin-bottom:.75rem}.sidebar-logout{width:100%;padding:.7rem .85rem;border:1px solid #fecaca;border-radius:12px;background:#fff;color:#b91c1c;font-size:.9375rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,border-color .15s ease}.sidebar-logout:hover{background:#fef2f2;border-color:#fca5a5}.main-content{flex:1;min-width:0;min-height:100vh;margin-left:272px;background:#f5f7f6;display:flex;flex-direction:column;max-width:100%}.app-page-body{flex:1;display:flex;flex-direction:column;width:100%;min-height:0;background:#f5f7f6}.layout:not(:has(.sidebar)) .main-content{margin-left:0}.layout-rtl .sidebar{left:auto;right:0;border-right:none;border-left:1px solid rgba(15,51,41,.06);box-shadow:none}.layout-rtl .main-content{margin-left:0;margin-right:272px;max-width:calc(100% - 272px);overflow-wrap:break-word;word-break:break-word}.layout-rtl.layout:not(:has(.sidebar)) .main-content{margin-right:0}.sidebar-toggle{display:none;position:fixed;top:var(--space-4);left:var(--space-4);z-index:101;width:44px;height:44px;border-radius:var(--radius-m);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:var(--shadow-sm);cursor:pointer;align-items:center;justify-content:center;transition:background-color var(--duration-fast) var(--ease-out)}.sidebar-toggle:hover{background:var(--color-surface-muted)}.sidebar-toggle-icon{display:block;width:20px;height:2px;background:var(--color-text);box-shadow:0 6px 0 var(--color-text),0 -6px 0 var(--color-text)}.sidebar-overlay{display:none;position:fixed;inset:0;background:#0000004d;z-index:99;opacity:0;pointer-events:none;transition:opacity .32s cubic-bezier(.4,0,.2,1)}@media(max-width:768px){.sidebar-toggle{display:flex}.sidebar-overlay,.layout.sidebar-open .sidebar-overlay{display:block}.layout.sidebar-active .sidebar-overlay{opacity:1;pointer-events:auto}.sidebar{width:288px;min-width:288px;transform:translate(-100%);transition:transform .32s cubic-bezier(.4,0,.2,1)}.sidebar.open{transform:translate(0)}.main-content{margin-left:0;margin-right:0;min-height:100vh;max-width:100%}.layout-rtl .main-content{margin-right:0;margin-left:0;max-width:100%}.layout-rtl .sidebar-toggle{left:auto;right:var(--space-4)}.layout-rtl .sidebar{left:auto;right:0;transform:translate(100%)}.layout-rtl .sidebar.open{transform:translate(0)}.sidebar-footer{display:block}}@media(min-width:769px){.sidebar-toggle,.sidebar-overlay,.sidebar-footer{display:none!important}}@media(prefers-reduced-motion:reduce){.sidebar-overlay,.sidebar{transition:none}}.contact-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;font-family:var(--font-sans);background:#f5f7f6}.contact-content{width:100%;max-width:72rem;margin:0 auto}.contact-content--dashboard{padding:0}.contact-content--landing{padding:calc(6.5rem + env(safe-area-inset-top,0)) var(--space-5) var(--space-10);background:#f5f7f6}@media(min-width:768px){.contact-content--landing{padding-top:calc(7.5rem + env(safe-area-inset-top,0))}}.contact-page-header{margin-bottom:var(--space-5)}.contact-page-header h1{margin:0;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em}.contact-page-header p{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.contact-hero-banner{display:flex;align-items:center;justify-content:space-between;gap:1.25rem;padding:1.5rem 1.75rem;margin-bottom:var(--space-5);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:1rem}.contact-hero-copy{flex:1;min-width:0}.contact-hero-copy h2{margin:0;font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-text)}.contact-hero-copy p{margin:.5rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);max-width:28rem}.contact-support-card{padding:1.5rem;margin-bottom:var(--space-5);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}.contact-support-title{margin:0 0 1.15rem;font-size:1rem;font-weight:var(--weight-bold);color:var(--color-primary)}.contact-support-list{display:flex;flex-direction:column;gap:0}.contact-support-row{display:flex;align-items:flex-start;gap:1rem;padding:1rem 0;border-top:1px solid #f3f4f6}.contact-support-row:first-child{border-top:none;padding-top:0}.contact-support-row-icon{width:2.5rem;height:2.5rem;flex-shrink:0;border-radius:var(--radius-full);border:1px solid #d1fae5;background:#f0fdf4;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.contact-support-row-icon svg{width:1.125rem;height:1.125rem}.contact-support-row-body{display:flex;flex-direction:column;gap:.2rem;min-width:0}.contact-support-row-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.contact-support-row-value{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}.contact-support-email{color:var(--color-primary);font-weight:var(--weight-semibold);word-break:break-all;text-decoration:none}.contact-support-email:hover{text-decoration:underline}.contact-email-support-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;margin-top:1.25rem;padding:.7rem 1.15rem;border:none;border-radius:.5rem;background:var(--color-primary);color:var(--color-on-primary);font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out)}.contact-email-support-btn svg{width:1.125rem;height:1.125rem;flex-shrink:0}.contact-email-support-btn:hover{background:var(--color-primary-hover)}@media(max-width:768px){.contact-page:not(.contact-content--landing){padding:var(--space-4)}.contact-content--landing{padding:calc(5.5rem + env(safe-area-inset-top,0)) var(--space-4) var(--space-8)}.contact-hero-banner{flex-direction:column;align-items:flex-start;padding:1.25rem}}.landing-page.home-page{font-family:var(--font-sans);overflow-x:clip}.landing-page .landing-main{width:100%;max-width:100%;margin:0;padding:0;display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box}.landing-section-inner{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem;box-sizing:border-box}@media(min-width:640px){.landing-section-inner{padding-inline:1.5rem}}@media(min-width:1024px){.landing-section-inner{padding-inline:2rem}}.landing-page .home-header{padding-top:env(safe-area-inset-top,0)}.landing-page .home-header .nav-container{width:100%;max-width:72rem;margin-inline:auto;padding-inline:1rem;box-sizing:border-box;min-width:0}@media(min-width:640px){.landing-page .home-header .nav-container{padding-inline:1.5rem}}@media(min-width:1024px){.landing-page .home-header .nav-container{padding-inline:2rem}}.nav-bar-row{display:flex;align-items:center;justify-content:space-between;height:4rem;gap:.5rem;min-width:0}@media(min-width:640px){.nav-bar-row{gap:1rem}}@media(min-width:768px){.nav-bar-row{height:5rem}}.nav-center{display:none;align-items:center;gap:2rem}@media(min-width:1024px){.nav-center{display:flex}}.nav-actions{display:none;flex-shrink:0;align-items:center;gap:.75rem}@media(min-width:768px){.nav-actions{display:flex}}.nav-globe-icon{width:1rem;height:1rem;color:#78716c;margin-inline-end:2px}.landing-page .home-header .site-logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:1;min-width:0;line-height:0}.landing-page .home-header .site-logo:hover{opacity:.9}.landing-page .home-header .site-logo-wordmark{font-size:clamp(1.25rem,4.5vw,1.625rem)}.site-logo-img{display:block;height:3rem;width:auto;max-width:12rem;object-fit:contain}.nav-lang-pill{display:flex;align-items:center;gap:2px;padding:4px;background:#f5f5f4;border-radius:10px;border:1px solid #e7e5e4}.nav-lang-btn{padding:6px 12px;font-size:.8125rem;font-weight:600;border:none;border-radius:8px;background:transparent;color:#57534e;cursor:pointer;font-family:inherit;transition:background .2s ease,color .2s ease}.nav-lang-btn:hover{background:#e7e5e4;color:#292524}.nav-lang-btn.active{background:#1a4d3e;color:#fff}.nav-lang-pill-mobile .nav-lang-btn{padding:6px 10px;font-size:.75rem}.nav-lang-btn[lang=ar]{font-family:var(--font-sans)}.nav-mobile-controls{display:none;align-items:center;gap:.5rem;flex-shrink:0;margin-inline-start:auto}@media(max-width:767px){.nav-mobile-controls{display:flex}}.nav-mobile-drawer{display:none;overflow:hidden;padding-block:0;border-top:1px solid #e7e5e4;opacity:0;transform:translateY(-8px);transition:opacity .28s ease,transform .32s cubic-bezier(.4,0,.2,1),padding .32s cubic-bezier(.4,0,.2,1)}@media(max-width:767px){.nav-mobile-drawer{display:block}}.btn-nav{display:inline-flex;align-items:center;justify-content:center;padding:8px 18px;font-size:.875rem;font-weight:600;font-family:inherit;border-radius:10px;text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .2s ease,color .2s ease,border-color .2s ease,box-shadow .2s ease}.btn-nav-primary{background:#1a4d3e;color:#fff;border:1px solid #1a4d3e}.btn-nav-primary:hover{background:#145244;border-color:#145244}.btn-nav-secondary{background:transparent;color:#44403c;border:1px solid #d6d3d1}.btn-nav-secondary:hover{background:#fafaf9;border-color:#a8a29e}.btn-nav-drawer{margin:0 .5rem;width:calc(100% - 1rem);padding:12px 16px;box-sizing:border-box}.nav-link{font-size:.9375rem;font-weight:500;color:#57534e;text-decoration:none;transition:color .2s ease}.nav-link:hover,.nav-link-active{color:#1a4d3e}.nav-drawer-link{display:block;padding:12px 16px;font-size:.9375rem;font-weight:500;color:#57534e;text-decoration:none;border-radius:10px;transition:background .2s ease,color .2s ease}.nav-drawer-lang{margin-top:.5rem;padding-top:.75rem;border-top:1px solid #e7e5e4}.nav-mobile-drawer.is-open{opacity:1;transform:translateY(0);padding-block:1rem}.nav-mobile-drawer.is-closing{opacity:0;transform:translateY(-8px);padding-block:0}@media(prefers-reduced-motion:reduce){.nav-mobile-drawer{transition:none}}.nav-menu-toggle{padding:8px;border:none;border-radius:10px;background:transparent;color:#57534e;cursor:pointer}.nav-menu-toggle:hover{background:#f5f5f4}.home-hero{position:relative;overflow:visible;padding-top:7.5rem;padding-bottom:3rem;background:linear-gradient(180deg,#fff,#fafaf9)}.hero-mascot{position:absolute;inset:0;z-index:1;pointer-events:none}.hero-mascot-vine-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.hero-mascot-vine{fill:none;stroke:url(#hero-mascot-vine-gradient);stroke-width:calc(1.5px + var(--vine-tension, 0) * 1.5px);stroke-linecap:round;opacity:var(--vine-opacity, .4);transition:opacity .25s ease}.hero-mascot-body{position:absolute;top:0;left:0;width:3.5rem;height:3.5rem;will-change:transform;filter:drop-shadow(0 6px 14px rgba(26,77,62,.18));transition:filter .35s ease}.hero-mascot-body[data-active=true]{filter:drop-shadow(0 10px 22px rgba(26,77,62,.28))}.hero-mascot-glow{position:absolute;inset:-14px;border-radius:50%;background:radial-gradient(circle,rgba(45,106,90,.18) 0%,transparent 72%);opacity:calc(.25 + var(--mascot-speed, 0) * .55);transition:opacity .3s ease;pointer-events:none}.hero-mascot-ring{position:absolute;inset:-5px;border-radius:50%;border:1.5px solid rgba(45,106,90,.14);background:radial-gradient(circle at 35% 30%,#fff,#f7f6f4 55%,#f0eeeb);box-shadow:0 4px 18px #1a4d3e1a,inset 0 1px #ffffffe6;pointer-events:none}.hero-mascot-body[data-active=true] .hero-mascot-ring{border-color:#2d6a5a47;box-shadow:0 6px 22px #1a4d3e29,inset 0 1px #fffffff2}.hero-mascot-logo{position:relative;z-index:1;display:block;width:100%;height:100%;padding:.55rem;object-fit:contain;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@media(max-width:767px){.hero-mascot-body{width:2.75rem;height:2.75rem}}@media(max-width:479px){.hero-mascot{display:none}}@media(prefers-reduced-motion:reduce){.hero-mascot-body{will-change:auto}}@media(min-width:768px){.home-hero{padding-top:9rem;padding-bottom:4rem}}@media(max-width:767px){.home-hero{padding-top:6.5rem;padding-bottom:2.5rem}}.home-hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:2rem;align-items:center;max-width:72rem;margin-inline:auto;padding-inline:1rem;min-width:0;width:100%}@media(min-width:640px){.home-hero-inner{gap:3rem}}@media(min-width:640px){.home-hero-inner{padding-inline:1.5rem}}@media(min-width:1024px){.home-hero-inner{grid-template-columns:1fr 1fr;gap:2rem 8rem;padding-inline:2rem}}.home-hero-text{position:relative;isolation:isolate;min-width:0;width:100%}.home-hero-text-backdrop{position:absolute;inset:-2rem -2.5rem -2.5rem -1.5rem;z-index:0;pointer-events:none;overflow:hidden}.home-hero-text-glow{position:absolute;border-radius:50%;filter:blur(40px)}.home-hero-text-glow--primary{top:8%;inset-inline-start:-12%;width:min(22rem,70%);height:min(18rem,55%);background:radial-gradient(ellipse at center,rgba(26,77,62,.1) 0%,rgba(45,106,90,.05) 45%,transparent 72%)}.home-hero-text-glow--accent{bottom:4%;inset-inline-end:-8%;width:min(14rem,45%);height:min(12rem,38%);background:radial-gradient(ellipse at center,rgba(196,163,90,.08) 0%,rgba(196,163,90,.03) 50%,transparent 75%)}.home-hero-text-pattern{position:absolute;inset:0;width:100%;height:100%;color:#1a4d3e;opacity:.55}.home-hero-text-ring{opacity:.14}.home-hero-text-path{opacity:.2}.home-hero-text-node{fill:#1a4d3e2e}.home-hero-text-node--active{fill:#1a4d3e47}.home-hero-text-leaf{fill:#1a4d3e1f}.home-hero-text-leaf--side{fill:#2d6a5a1a}.home-hero-text-step{fill:#1a4d3e29;font-size:11px;font-weight:600;font-family:var(--font-sans)}[dir=rtl] .home-hero-text-pattern{transform:scaleX(-1)}@media(max-width:767px){.home-hero-text-backdrop{inset:-1.25rem -1rem -1.5rem -.75rem}.home-hero-text-pattern{opacity:.4}}@media(prefers-reduced-motion:no-preference){.home-hero-text-glow--primary{animation:hero-text-glow-drift 14s ease-in-out infinite alternate}}@keyframes hero-text-glow-drift{0%{transform:translateZ(0) scale(1)}to{transform:translate3d(12px,8px,0) scale(1.04)}}@media(prefers-reduced-motion:reduce){.home-hero-text-glow--primary{animation:none}}.home-hero-headline{position:relative;z-index:1;font-size:clamp(1.75rem,5vw,2.75rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:#0f3329;margin:0 0 1rem}.home-hero-description{position:relative;z-index:1;font-size:clamp(.9375rem,2vw,1.0625rem);line-height:1.65;color:#57534e;margin:0;max-width:32rem}.home-hero-cta-wrap{position:relative;z-index:1;display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.75rem}@media(max-width:479px){.home-hero-cta-wrap{flex-direction:column}.home-hero-cta{width:100%}}.home-hero-cta{display:inline-flex;align-items:center;justify-content:center;padding:.875rem 1.5rem;font-size:.9375rem;font-weight:600;border-radius:12px;text-decoration:none;transition:background .2s ease,box-shadow .2s ease,transform .15s ease;min-height:48px}.home-hero-cta-primary{background:#1a4d3e;color:#fff;border:1px solid #1a4d3e;box-shadow:0 2px 8px #1a4d3e33}.home-hero-cta-primary:hover{background:#145244;transform:translateY(-1px)}.home-hero-cta-secondary{background:#fff;color:#1a4d3e;border:1px solid #d6d3d1}.home-hero-cta-secondary:hover{background:#fafaf9;border-color:#1a4d3e}.home-hero-social-proof{display:flex;flex-wrap:wrap;align-items:center;gap:1rem;margin-top:2rem}.home-hero-avatars{display:flex;align-items:center}.home-hero-avatar{width:2.25rem;height:2.25rem;border-radius:50%;border:2px solid #fff;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;color:#fff;margin-inline-start:-.5rem}.home-hero-avatar:first-child{margin-inline-start:0}.home-hero-avatar-plus{background:#e7e5e4!important;color:#57534e!important;font-size:1rem}.home-hero-rating,.home-hero-tagline{display:flex;flex-direction:column;gap:.125rem}.home-hero-stars{color:#f59e0b;font-size:.875rem;letter-spacing:1px}.home-hero-rating-text{font-size:.8125rem;color:#57534e;font-weight:500}.home-hero-visual{display:flex;justify-content:center;width:100%;min-width:0}[dir=rtl] .home-hero-visual{direction:ltr}.dashboard-mockup{position:relative;width:100%;max-width:min(36rem,100%);min-width:0}.dashboard-mockup-image{display:block;width:100%;height:auto;filter:drop-shadow(0 20px 40px rgba(26,77,62,.18))}.dashboard-mockup-logo{position:absolute;pointer-events:none;line-height:1}.dashboard-mockup-logo-inner{font-size:clamp(.7rem,1.8vw,.9rem);gap:.2rem;color:#0f3329}.dashboard-mockup-logo-inner .site-logo-img{height:1em;max-width:4.5em}.dashboard-mockup--en .dashboard-mockup-logo{left:14.1%;top:17.1%}.dashboard-mockup--ar .dashboard-mockup-logo{right:14.1%;top:17.1%}@media(min-width:768px){.dashboard-mockup--en .dashboard-mockup-logo{left:14.3%;top:17.2%}.dashboard-mockup--ar .dashboard-mockup-logo{right:14.3%;top:17.2%}}.landing-features{padding:3rem 0;background:#fff}@media(min-width:768px){.landing-features{padding:4rem 0}}.landing-features-grid{display:grid;grid-template-columns:1fr;gap:1.25rem}@media(min-width:640px){.landing-features-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.landing-features-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem}}.landing-feature-card{background:#fff;border:1px solid #e7e5e4;border-radius:16px;padding:1.5rem;transition:box-shadow .2s ease,border-color .2s ease}@media(max-width:479px){.landing-feature-card{padding:1.25rem}}.landing-feature-card:hover{border-color:#d1fae5;box-shadow:0 8px 24px -8px #1a4d3e1f}.landing-feature-icon{width:3rem;height:3rem;border-radius:50%;background:#ecfdf5;color:#1a4d3e;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.landing-feature-icon svg{width:1.5rem;height:1.5rem}.landing-feature-title{font-size:1rem;font-weight:700;color:#0f3329;margin:0 0 .5rem;line-height:1.3}.landing-feature-desc{font-size:.875rem;color:#57534e;line-height:1.55;margin:0}.landing-learning-path{padding:3rem 0 4rem;background:#f5f5f4}.landing-section-title{text-align:center;font-size:clamp(1.375rem,3vw,1.75rem);font-weight:700;color:#0f3329;margin:0 0 .75rem}.landing-section-subtitle{text-align:center;font-size:.9375rem;color:#57534e;margin:0 0 2rem;max-width:32rem;margin-left:auto;margin-right:auto;line-height:1.5}.learning-path-timeline{display:flex;flex-direction:column;align-items:center;gap:1.5rem;position:relative;padding-top:.5rem}@media(min-width:480px)and (max-width:767px){.learning-path-timeline{flex-direction:row;flex-wrap:wrap;justify-content:center;gap:1.5rem .75rem}}@media(min-width:768px){.learning-path-timeline{flex-direction:row;flex-wrap:nowrap;justify-content:space-between;gap:0}}.learning-path-line{display:none}@media(min-width:768px){.learning-path-line{display:block;position:absolute;top:1.5rem;left:12%;right:12%;height:2px;background:repeating-linear-gradient(90deg,#d6d3d1 0,#d6d3d1 6px,transparent 6px,transparent 12px);z-index:0}}.learning-path-step{display:flex;flex-direction:column;align-items:center;text-align:center;flex:none;width:100%;max-width:14rem;position:relative;z-index:1}@media(min-width:480px)and (max-width:767px){.learning-path-step{flex:0 0 calc(50% - .5rem);width:auto;max-width:none}.learning-path-step:last-child:nth-child(odd){flex-basis:100%;max-width:14rem}}@media(min-width:768px){.learning-path-step{flex:1;width:auto;max-width:none}}.learning-path-circle{width:3rem;height:3rem;border-radius:50%;background:#fff;border:2px solid #d6d3d1;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1rem;color:#a8a29e;position:relative;margin-bottom:.75rem}.learning-path-circle svg{width:1.25rem;height:1.25rem}.learning-path-step.active .learning-path-circle{background:#1a4d3e;border-color:#1a4d3e;color:#fff}.learning-path-circle.open-end{border-style:dashed;background:#fafaf9}.learning-path-circle.certificate{border-color:#d1fae5;background:#ecfdf5;color:#1a4d3e}.learning-path-step.certificate .learning-path-label{color:#1a4d3e}.learning-path-step.open-end .learning-path-label{color:#78716c;font-weight:500}.learning-path-ellipsis{font-size:1.125rem;letter-spacing:.1em;line-height:1}.learning-path-lock{position:absolute;bottom:-4px;right:-4px;width:1rem;height:1rem;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#a8a29e}.learning-path-lock svg{width:.625rem;height:.625rem}.learning-path-label{font-size:.75rem;font-weight:600;color:#44403c;margin:0;max-width:9.5rem;line-height:1.3}.learning-path-step.locked .learning-path-label{color:#a8a29e}.learning-path-badge{margin-top:.375rem;font-size:.6875rem;font-weight:600;color:#1a4d3e;background:#d1fae5;padding:.125rem .5rem;border-radius:999px}.landing-trust-bar{padding:2rem 0;background:#fff;border-top:1px solid #e7e5e4;border-bottom:1px solid #e7e5e4}.landing-trust-grid{display:grid;grid-template-columns:1fr;gap:1.5rem}@media(min-width:640px){.landing-trust-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.landing-trust-grid{grid-template-columns:repeat(4,1fr);gap:1rem}}.landing-trust-item{display:flex;align-items:flex-start;gap:.75rem}@media(max-width:639px){.landing-trust-item{flex-direction:column;align-items:center;text-align:center}}.landing-trust-icon{width:2.5rem;height:2.5rem;border-radius:50%;background:#ecfdf5;color:#1a4d3e;display:flex;align-items:center;justify-content:center;flex-shrink:0}.landing-trust-icon svg{width:1.25rem;height:1.25rem}.landing-trust-text{display:flex;flex-direction:column;gap:.125rem}.landing-trust-text strong{font-size:1rem;font-weight:700;color:#0f3329}.landing-trust-text span{font-size:.8125rem;font-weight:600;color:#44403c}.landing-trust-text small{font-size:.75rem;color:#78716c;font-weight:400}.landing-footer{background:#0f3329;color:#d6d3d1;padding:3rem 0 1.5rem}.landing-footer-logo .site-logo-wordmark{color:#fff}.landing-footer-logo .site-logo-mark{filter:brightness(0) invert(1)}.landing-footer-grid{display:grid;grid-template-columns:1fr;gap:2rem;margin-bottom:2.5rem}@media(min-width:640px){.landing-footer-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.landing-footer-grid{grid-template-columns:1.5fr 1fr 1fr 1.5fr;gap:1.5rem}}.landing-footer-about{font-size:.875rem;line-height:1.6;color:#a8a29e;margin:1rem 0 0;max-width:18rem}@media(max-width:1023px){.landing-footer-brand{text-align:center}.landing-footer-about{margin-inline:auto}.landing-footer-links-col,.landing-footer-quick-login{text-align:center}.landing-footer-links-col ul{align-items:center}}.landing-footer-links-col h4,.landing-footer-quick-login h4{font-size:.875rem;font-weight:700;color:#fff;margin:0 0 1rem}.landing-footer-links-col ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}.landing-footer-links-col a{font-size:.8125rem;color:#a8a29e;text-decoration:none;transition:color .2s ease}.landing-footer-links-col a:hover{color:#fff}.landing-footer-quick-login-form{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.landing-footer-quick-login-form input{width:100%;min-width:0;padding:.625rem .875rem;border-radius:8px;border:1px solid #2d6a5a;background:#ffffff14;color:#fff;font-size:.8125rem;font-family:inherit;box-sizing:border-box}.landing-footer-quick-login-form input::placeholder{color:#78716c}.landing-footer-quick-login-form button{width:100%;padding:.625rem 1rem;border-radius:8px;border:none;background:#1a4d3e;color:#fff;font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .2s ease}.landing-footer-quick-login-form button:hover:not(:disabled){background:#2d6a5a}.landing-footer-quick-login-form button:disabled{opacity:.7;cursor:not-allowed}.landing-footer-quick-login-link{display:inline-block;margin-bottom:1rem;padding:.625rem 1rem;border-radius:8px;background:#1a4d3e;color:#fff;font-size:.8125rem;font-weight:600;text-decoration:none;text-align:center;transition:background .2s ease}.landing-footer-quick-login-link:hover{background:#2d6a5a;color:#fff}.landing-footer-copyright{text-align:center;font-size:.75rem;color:#78716c;margin:0;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.1)}.landing-page{padding-bottom:env(safe-area-inset-bottom,0);width:100%;max-width:100vw;min-height:100vh;box-sizing:border-box}@keyframes fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fade-in .7s ease-out forwards}.animate-duration-500{animation-duration:.5s}.subscription-page{min-height:100%;padding:0 var(--space-6) var(--space-12);max-width:72rem;margin:0 auto;width:100%;font-family:var(--font-sans);background:#f5f7f6}.subscription-page--landing{padding:calc(6.5rem + env(safe-area-inset-top,0)) var(--space-5) var(--space-10);background:#f5f7f6;max-width:72rem}@media(min-width:768px){.subscription-page--landing{padding-top:calc(7.5rem + env(safe-area-inset-top,0))}}@media(max-width:768px){.subscription-page--landing{padding:calc(5.5rem + env(safe-area-inset-top,0)) var(--space-4) var(--space-8)}}.subscription-header{margin-bottom:var(--space-6)}.subscription-header h1{margin:0;font-size:clamp(1.5rem,3vw,1.875rem);font-weight:var(--weight-bold);color:var(--color-primary);letter-spacing:-.02em}.subscription-header p{margin:.4rem 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.subscription-loading-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);min-height:16rem;padding:var(--space-8);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);color:var(--color-text-muted)}.subscription-loading-spinner{width:2.5rem;height:2.5rem;border:3px solid #e5e7eb;border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:subscription-spin .7s linear infinite}@keyframes subscription-spin{to{transform:rotate(360deg)}}.subscription-loading-text{margin:0;font-size:var(--text-sm);color:var(--color-text-muted)}.subscription-loading{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.subscription-current-banner{display:flex;align-items:center;gap:1.25rem;flex-wrap:wrap;padding:1.25rem 1.5rem;margin-bottom:var(--space-6);background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}.subscription-current-plan{display:flex;align-items:center;gap:.85rem;min-width:10rem}.subscription-current-crown{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:var(--radius-full);background:#f0fdf4;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;border:1px solid #bbf7d0}.subscription-current-crown svg{width:1.25rem;height:1.25rem}.subscription-current-label{margin:0;font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium)}.subscription-current-name{margin:.15rem 0 0;font-size:1.25rem;font-weight:var(--weight-bold);color:var(--color-primary)}.subscription-current-stats{display:flex;align-items:center;gap:1.5rem;flex:1;flex-wrap:wrap;justify-content:center}.subscription-stat-block{display:flex;align-items:center;gap:.6rem;min-width:7rem}.subscription-stat-icon{width:2rem;height:2rem;flex-shrink:0;border-radius:var(--radius-full);background:#f9fafb;color:var(--color-text-muted);display:inline-flex;align-items:center;justify-content:center}.subscription-stat-icon svg{width:1rem;height:1rem}.subscription-stat-copy{display:flex;flex-direction:column;gap:.1rem}.subscription-stat-label{font-size:var(--text-xs);color:var(--color-text-subtle)}.subscription-stat-value{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.subscription-current-cta{margin-inline-start:auto;flex-shrink:0}.subscription-active-card{padding:.9rem 1.15rem;margin-bottom:var(--space-5);background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem}.subscription-active-note{margin:0;font-size:var(--text-sm);color:var(--color-primary)}.subscription-redirect-link{background:none;border:none;padding:0;font:inherit;color:inherit;text-decoration:underline;cursor:pointer}.subscription-divider-heading{display:flex;align-items:center;gap:1rem;margin:0 0 var(--space-5)}.subscription-divider-line{flex:1;height:0;border-top:2px dotted #d1d5db}.subscription-divider-heading h2{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-muted);text-align:center}@media(min-width:480px){.subscription-divider-heading h2{white-space:nowrap}}.subscription-plans{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.25rem;margin-bottom:var(--space-6)}.subscription-plan-card{position:relative;display:flex;flex-direction:column;padding:1.5rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a}.subscription-plan-card--current{background:#fafafa}.subscription-plan-card--premium{border-color:var(--color-primary);box-shadow:0 4px 16px #1a4d3e1a}.subscription-plan-popular{position:absolute;top:-.65rem;left:50%;transform:translate(-50%);padding:.25rem .75rem;border-radius:var(--radius-full);background:var(--color-primary);color:var(--color-on-primary);font-size:.7rem;font-weight:var(--weight-bold);white-space:nowrap}.subscription-plan-title{margin:.35rem 0;font-size:1.125rem;font-weight:var(--weight-bold);color:var(--color-text)}.subscription-plan-desc{margin:0 0 1rem;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug);flex:1}.subscription-plan-price-row{margin-bottom:1rem}.subscription-plan-price{font-size:1.75rem;font-weight:var(--weight-bold);color:var(--color-text)}.subscription-plan-price--accent{color:var(--color-primary)}.subscription-plan-price-suffix{font-size:var(--text-sm);color:var(--color-text-muted);margin-inline-start:.25rem}.subscription-plan-features{list-style:none;margin:0 0 1.25rem;padding:0;display:flex;flex-direction:column;gap:.5rem}.subscription-plan-feature{display:flex;align-items:flex-start;gap:.5rem;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-snug)}.subscription-plan-feature svg{width:1rem;height:1rem;flex-shrink:0;margin-top:.15rem;color:var(--color-primary)}.subscription-plan-cta{width:100%;margin-top:auto}.subscription-plan-secure{display:flex;align-items:center;justify-content:center;gap:.35rem;margin:.75rem 0 0;font-size:var(--text-xs);color:var(--color-text-subtle)}.subscription-plan-secure svg{width:.9rem;height:.9rem;flex-shrink:0}.subscription-btn-primary,.subscription-btn-outline{display:inline-flex;align-items:center;justify-content:center;padding:.65rem 1.15rem;border-radius:.5rem;font-size:var(--text-sm);font-weight:var(--weight-semibold);font-family:inherit;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out);white-space:nowrap}.subscription-btn-primary{border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.subscription-btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.subscription-btn-outline{border:1px solid var(--color-primary);background:#fff;color:var(--color-primary)}.subscription-btn-outline:hover:not(:disabled){background:#f0fdf4}.subscription-btn-primary:disabled,.subscription-btn-outline:disabled{opacity:.6;cursor:not-allowed}.subscription-trust-section{margin-bottom:var(--space-6)}.subscription-trust-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-4)}.subscription-trust-card{display:flex;align-items:flex-start;gap:var(--space-4);padding:1.25rem 1.35rem;background:#fff;border:1px solid #e5e7eb;border-radius:1rem;box-shadow:0 1px 2px #0f172a0a;transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.subscription-trust-card:hover{border-color:#bbf7d0;box-shadow:0 4px 14px #1a4d3e14}.subscription-trust-icon{width:2.75rem;height:2.75rem;flex-shrink:0;border-radius:var(--radius-full);background:var(--color-primary-muted);color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center}.subscription-trust-icon svg{width:1.25rem;height:1.25rem}.subscription-trust-copy{display:flex;flex-direction:column;gap:.35rem;min-width:0}.subscription-trust-copy h3{margin:0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text);line-height:var(--leading-snug)}.subscription-trust-copy p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.subscription-payment-card{background:transparent;border-radius:1rem;padding:0;margin:0 0 var(--space-6);border:none;box-shadow:none;position:relative;overflow:hidden}.subscription-payment-card:before{display:none}.subscription-payment-panel{max-width:36rem;margin:0 auto;padding:1.25rem 1.5rem;border-radius:1rem;border:1px solid rgba(148,163,184,.35);box-shadow:0 10px 26px #0f172a0f}.subscription-payment-header{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1rem}.subscription-payment-header-copy{min-width:0}.subscription-payment-title{margin:0 0 .25rem;font-size:clamp(1.05rem,2vw,1.15rem);font-weight:var(--weight-semibold);color:var(--color-text);letter-spacing:-.01em}.subscription-payment-subtitle{margin:0;font-size:.875rem;color:var(--color-text-muted)}.subscription-payment-amountBadge{flex-shrink:0;display:inline-flex;flex-direction:column;align-items:flex-end;gap:.15rem;padding:.6rem .75rem;border-radius:.85rem;background:#0f172a0a;border:1px solid rgba(148,163,184,.35)}.subscription-payment-amountBadgeLabel{font-size:.72rem;color:var(--color-text-muted);font-weight:var(--weight-medium)}.subscription-payment-amountBadgeValue{font-size:1.05rem;font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.01em}.subscription-payment-cancel{margin-top:1rem}@media(max-width:640px){.subscription-payment-panel{padding:1rem 1.1rem}.subscription-payment-header{flex-direction:column;align-items:stretch}.subscription-payment-amountBadge{align-items:flex-start;width:fit-content}}.subscription-status-card{background:#fff;border:1px solid #e5e7eb;border-radius:1rem;padding:1.5rem;text-align:center}.subscription-detail{margin:0 0 1rem;font-size:var(--text-base);color:var(--color-text)}@media(max-width:900px){.subscription-current-banner{flex-direction:column;align-items:stretch}.subscription-current-stats{justify-content:flex-start}.subscription-current-cta{margin-inline-start:0;width:100%}}@media(max-width:768px){.subscription-page:not(.subscription-page--landing){padding:var(--space-4)}.subscription-plans{grid-template-columns:1fr}.subscription-trust-grid{grid-template-columns:1fr;gap:var(--space-3)}.subscription-plan-card--premium{margin-top:.5rem}}.hyperpay-widget{margin:.75rem 0 0;min-height:140px}.hyperpay-widget-loading{padding:1.75rem;text-align:center;color:var(--color-muted, #57534e);font-size:.9375rem}.hyperpay-widget-error{padding:1rem 1.25rem;background:#b91c1c14;border:1px solid rgba(185,28,28,.2);border-radius:.5rem;color:#b91c1c;font-size:.875rem}.hyperpay-widget-form{margin-top:.75rem;min-height:210px;border-radius:.9rem;padding:.9rem;border:1px solid rgba(148,163,184,.35);background:transparent;box-shadow:inset 0 1px #ffffff59}.hyperpay-widget .wpwl-form,.hyperpay-widget .wpwl-container,.hyperpay-widget .wpwl-container-card{max-width:100%;visibility:visible}.hyperpay-widget .paymentWidgets{min-height:175px}.hyperpay-widget .wpwl-form-card,.hyperpay-widget .wpwl-container-card{font-size:1rem}.hyperpay-widget .wpwl-group{margin-bottom:.875rem}.hyperpay-widget .wpwl-label{font-size:.875rem;margin-bottom:.3rem;color:var(--color-text-muted);font-weight:var(--weight-medium, 500)}.hyperpay-widget .wpwl-control,.hyperpay-widget input.wpwl-control{font-size:.9375rem;padding:.5625rem .875rem;min-height:2.375rem;border-radius:.75rem;border:1px solid rgba(148,163,184,.55);background:#fff;transition:box-shadow .16s ease,border-color .16s ease}.hyperpay-widget .wpwl-control:focus,.hyperpay-widget input.wpwl-control:focus{outline:none;border-color:#1a4d3e8c;box-shadow:0 0 0 4px #1a4d3e24}.hyperpay-widget .wpwl-button,.hyperpay-widget .wpwl-button-pay{font-size:.9375rem;padding:.5625rem 1.25rem;min-height:2.375rem;border-radius:.8rem;background:var(--color-primary);border:1px solid var(--color-primary);color:var(--color-on-primary, #ffffff);font-weight:var(--weight-semibold, 600);box-shadow:0 8px 16px #0f172a1f;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.hyperpay-widget .wpwl-button:hover,.hyperpay-widget .wpwl-button-pay:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);transform:translateY(-1px);box-shadow:0 12px 22px #0f172a29}.hyperpay-widget .wpwl-button:active,.hyperpay-widget .wpwl-button-pay:active{transform:translateY(0);box-shadow:0 8px 16px #0f172a1f}.hyperpay-widget .wpwl-brand-card{max-height:2rem}.hyperpay-widget .wpwl-wrapper{max-width:100%}.hyperpay-widget .wpwl-group-brand{margin-bottom:.5rem}.hyperpay-widget .wpwl-error,.hyperpay-widget .wpwl-hint{font-size:.8125rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-sans);font-weight:var(--weight-semibold);border-radius:var(--radius-m);border:none;cursor:pointer;transition:background-color var(--duration-normal) var(--ease-out),color var(--duration-normal) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out);box-sizing:border-box}.btn:disabled{opacity:.6;cursor:not-allowed}.btn--s{padding:var(--space-2) var(--space-3);font-size:var(--text-sm)}.btn--m{padding:var(--space-3) var(--space-5);font-size:var(--text-base)}.btn--l{padding:var(--space-4) var(--space-6);font-size:var(--text-lg)}.btn--full{width:100%}.btn--primary{background:var(--color-primary);color:var(--color-on-primary);box-shadow:var(--shadow-sm)}.btn--primary:hover:not(:disabled){background:var(--color-primary-hover);box-shadow:var(--shadow-m)}.btn--secondary{background:var(--color-surface);color:var(--color-primary);border:2px solid var(--color-primary)}.btn--secondary:hover:not(:disabled){background:var(--color-primary-muted)}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover:not(:disabled){background:var(--color-surface-muted)}.btn--danger{background:var(--color-error);color:#fff}.btn--danger:hover:not(:disabled){filter:brightness(1.08);box-shadow:var(--shadow-m)}.admin-container{max-width:72rem;margin:0 auto;padding:2rem 1.25rem 3rem;width:100%;flex:1;font-family:var(--font-sans);min-height:100%}.admin-actions{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.filter-select{padding:var(--space-2) var(--space-3);border-radius:var(--radius-m);border:1px solid #dee2e6;font-size:var(--text-sm);min-width:140px;background:var(--color-surface);color:var(--color-text)}.filter-select:focus{outline:none;border-color:var(--color-primary)}.admin-pagination{display:flex;align-items:center;justify-content:center;gap:var(--space-3);flex-wrap:wrap}.admin-pagination-numbers{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.35rem;max-width:100%}.admin-pagination-numbers .btn-primary,.admin-pagination-numbers .btn-secondary{min-width:2.25rem;padding:.4rem .6rem}.admin-pagination-ellipsis{min-width:2.25rem;display:inline-flex;align-items:center;justify-content:center;padding:.4rem .2rem;color:var(--color-text-muted);font-size:.875rem;-webkit-user-select:none;user-select:none}.btn-primary{padding:.5rem 1.25rem;background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-normal) var(--ease-out),background var(--duration-normal) var(--ease-out)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);transform:translateY(-2px);box-shadow:0 6px 20px #1a4d3e40}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:.5rem 1.25rem;background:var(--color-surface);color:var(--color-primary);border:1px solid #dee2e6;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn-secondary:hover{background:#f8f9fa;border-color:var(--color-primary);color:var(--color-primary)}.btn-link{background:none;border:none;color:var(--color-primary);cursor:pointer;text-decoration:underline;font-size:14px;padding:0;margin:0 5px}.btn-link:hover{color:var(--color-primary-hover)}.btn-danger{padding:.5rem 1.25rem;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-m);font-size:.875rem;font-weight:600;cursor:pointer;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out),filter var(--duration-fast) var(--ease-out)}.btn-danger:hover{filter:brightness(1.08)}.error-message{background-color:var(--color-error-muted);color:var(--color-error);padding:var(--space-3);border-radius:var(--radius-m);margin-bottom:var(--space-5);border:1px solid rgba(220,38,38,.25)}.info-message{background:#e7f3ff;border:1px solid #b3d9ff;border-radius:var(--radius-l);padding:var(--space-5);margin-top:var(--space-5)}.info-message p{margin:10px 0;color:#004085}.info-message ul{margin:10px 0;padding-left:20px;color:#004085}.loading{text-align:center;padding:var(--space-10);font-size:var(--text-lg);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;min-height:200px}.no-data{text-align:center;padding:var(--space-10);font-size:var(--text-base);color:var(--color-text-subtle);background:var(--color-surface);border:1px solid #e9ecef;border-radius:var(--radius-l);margin:var(--space-5) 0;box-shadow:0 1px 3px #0000000f}.filter-info{background:#fff8e6;border:1px solid #e9ecef;border-radius:var(--radius-m);padding:var(--space-3);margin-bottom:var(--space-5);color:var(--color-text-muted)}.admin-ratings-detail{background:#f8f9fa;padding:var(--space-4) var(--space-5);border:1px solid #e9ecef;border-radius:var(--radius-m)}.admin-ratings-detail .data-table thead{background:#f8f9fa;color:var(--color-text)}.table-container{background:var(--color-surface);border:1px solid #e9ecef;border-radius:var(--radius-l);overflow-x:auto;box-shadow:0 1px 3px #0000000f}.data-table th{padding:var(--space-4);text-align:start;font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted)}.question-text-cell{max-width:300px}.text-muted{color:#6c757d;font-size:12px;margin-top:4px}.badge{display:inline-block;padding:.25rem .5rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600}.badge-danger{background:var(--color-error-muted);color:var(--color-error)}.badge-warning{background:var(--color-warning-muted);color:var(--color-warning)}.badge-info{background:var(--color-info-muted);color:var(--color-info)}.action-buttons{display:flex;gap:var(--space-3)}.section-header-with-toggle{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.section-header-with-toggle h2{margin:0}.badge-secondary{background:#e9ecef;color:#495057}.stats-summary{display:grid;grid-template-columns:repeat(3,minmax(200px,240px));gap:var(--space-5);margin-top:var(--space-8);justify-content:center}@media(max-width:700px){.stats-summary{grid-template-columns:1fr;max-width:280px;margin-left:auto;margin-right:auto}}.stats-summary .admin-pagination{grid-column:1 / -1;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2);padding-top:var(--space-5);border-top:1px solid #e9ecef}.stat-card{background:var(--color-surface);border:1px solid #e9ecef;padding:var(--space-5);border-radius:var(--radius-l);box-shadow:0 1px 3px #0000000f;text-align:center;transition:box-shadow var(--duration-normal) var(--ease-out)}.stat-card:hover{box-shadow:0 4px 12px #00000014}.stat-label{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2)}.stat-value{color:var(--color-primary);font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.form-modal{position:fixed;inset:0;background:#0006;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:center;z-index:1000;padding:var(--space-5);animation:formModalFadeIn var(--duration-normal) var(--ease-out)}@keyframes formModalFadeIn{0%{opacity:0}to{opacity:1}}.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-l);padding:0;max-width:600px;width:100%;max-height:90vh;overflow:hidden;box-shadow:var(--shadow-xl);animation:formCardSlideIn var(--duration-slow) var(--ease-out)}@keyframes formCardSlideIn{0%{opacity:0;transform:scale(.98) translateY(8px)}to{opacity:1;transform:scale(1) translateY(0)}}.form-card h2{margin:0 0 var(--space-5) 0;padding-bottom:var(--space-3);border-bottom:1px solid #e9ecef;color:var(--color-text);font-size:var(--text-lg);font-weight:600}.question-form-card{display:flex;flex-direction:column;max-width:42rem;width:100%;height:min(90vh,1200px);max-height:90vh;min-height:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl);overflow:hidden;animation:formCardSlideIn var(--duration-slow) var(--ease-out)}.question-form-card form{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.question-form-header{flex-shrink:0;padding:var(--space-6) var(--space-6) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--color-surface-muted)}.question-form-header h2{margin:0 0 var(--space-1) 0;padding:0;border:none;font-size:var(--text-xl);font-weight:var(--weight-bold);color:var(--color-text);letter-spacing:-.02em}.question-form-subtitle{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:var(--weight-medium)}.question-form-close{position:absolute;top:var(--space-4);right:var(--space-4);width:2rem;height:2rem;padding:0;border:none;border-radius:var(--radius-m);background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.question-form-close:hover{background:var(--color-border);color:var(--color-text)}.question-form-header-wrap{position:relative;padding-right:var(--space-10)}.question-form-body{flex:1;min-height:0;overflow-y:auto;padding:var(--space-6);-webkit-overflow-scrolling:touch}.question-form-section{margin-bottom:var(--space-8)}.question-form-section:last-child{margin-bottom:0}.question-form-section-title{margin:0 0 var(--space-4) 0;font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-primary);text-transform:uppercase;letter-spacing:.04em}.question-form-footer{flex-shrink:0;padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);background:var(--color-surface);display:flex;gap:var(--space-3);justify-content:flex-end}.question-form-footer .btn-primary,.question-form-footer .btn-secondary{min-width:6rem}.choice-card{margin-bottom:var(--space-4);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-m);background:var(--color-surface-muted);transition:border-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out)}.choice-card:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 2px #1a4d3e1f}.choice-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-3)}.choice-card-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text)}.choice-lang-fields{display:grid;gap:var(--space-3)}.choice-lang-fields label{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-medium);margin-bottom:var(--space-1)}.btn-add-choice{padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary);border:none;border-radius:var(--radius-m);font-size:var(--text-sm);font-weight:var(--weight-semibold);cursor:pointer;font-family:var(--font-sans);transition:background var(--duration-normal) var(--ease-out),transform var(--duration-fast) var(--ease-out)}.btn-add-choice:hover{background:var(--color-primary-hover);transform:translateY(-1px)}.btn-remove-choice{padding:var(--space-1) var(--space-2);background:var(--color-error-muted);color:var(--color-error);border:none;border-radius:var(--radius-s);font-size:var(--text-xs);font-weight:var(--weight-semibold);cursor:pointer;font-family:var(--font-sans);transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.btn-remove-choice:hover{background:var(--color-error);color:#fff}.form-help{display:block;margin-top:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.form-group-inline-label{display:flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-medium);color:var(--color-text);cursor:pointer}.form-group-inline-label input[type=checkbox]{width:auto;min-width:1rem}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;margin-bottom:var(--space-2);color:var(--color-text-muted);font-weight:600;font-size:var(--text-sm)}.form-group input,.form-group textarea{width:100%;padding:var(--space-3);border:1px solid #dee2e6;border-radius:var(--radius-m);font-size:var(--text-sm);font-family:inherit;transition:border-color var(--duration-fast) var(--ease-out);box-sizing:border-box}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical}.hint-default-error,.hint-lock-note{display:block;margin-top:6px;font-size:13px}.hint-default-error{color:var(--color-error)}.hint-lock-note{color:var(--color-text-muted)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.question-form-body .form-row{grid-template-columns:repeat(auto-fill,minmax(8rem,1fr))}.form-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid #e9ecef}.form-actions button{flex:1}.admin-dashboard-container{padding:var(--space-8) var(--space-5);max-width:1400px;margin:0 auto;width:100%;flex:1;background:#f4f6f9;min-height:100%}.admin-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:var(--space-5);margin-bottom:var(--space-10)}.admin-stat-card{background:var(--color-surface);border:1px solid #e9ecef;border-radius:var(--radius-l);padding:var(--space-6);box-shadow:0 1px 3px #0000000f;display:flex;align-items:center;gap:var(--space-5);transition:box-shadow var(--duration-normal) var(--ease-out),border-color var(--duration-normal) var(--ease-out)}.admin-stat-card:hover{box-shadow:0 4px 12px #00000014;border-color:#dee2e6}.admin-stat-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;line-height:1;border-radius:var(--radius-m);flex-shrink:0}.admin-stat-card-primary .admin-stat-icon{background:#1a4d3e1f;color:var(--color-primary)}.admin-stat-card-success .admin-stat-icon{background:#10b9811f;color:#10b981}.admin-stat-card-info .admin-stat-icon{background:#3b82f61f;color:#3b82f6}.admin-stat-card-warning .admin-stat-icon{background:#f59e0b1f;color:#f59e0b}.admin-stat-card-ratings .admin-stat-icon{background:#8b5cf61f;color:#8b5cf6}.admin-stat-card-reports .admin-stat-icon{background:#0d94881f;color:#0d9488}.admin-stat-content{flex:1;min-width:0}.admin-stat-label{color:var(--color-text-muted);font-size:var(--text-sm);margin-bottom:var(--space-2);font-weight:var(--weight-medium)}.admin-stat-value{color:var(--color-text);font-size:1.75rem;font-weight:700;margin-bottom:var(--space-1);line-height:1.2;letter-spacing:-.02em}.admin-stat-sublabel{color:var(--color-text-subtle);font-size:var(--text-xs)}.admin-stat-card-primary .admin-stat-value{color:var(--color-primary)}.admin-stat-card-success .admin-stat-value{color:#10b981}.admin-stat-card-info .admin-stat-value{color:#3b82f6}.admin-stat-card-warning .admin-stat-value{color:#f59e0b}.admin-stat-card-ratings{cursor:pointer}.admin-stat-card-ratings .admin-stat-value{color:#8b5cf6}.admin-stat-card-reports .admin-stat-value{color:#0d9488}.admin-stat-card-reports{cursor:pointer}.admin-dashboard-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:var(--space-5);margin-bottom:var(--space-10)}.admin-dashboard-card{background:var(--color-surface);border:1px solid #e9ecef;border-radius:var(--radius-l);padding:var(--space-8);box-shadow:0 1px 3px #0000000f;transition:box-shadow var(--duration-normal) var(--ease-out)}.admin-dashboard-card:hover{box-shadow:0 4px 12px #00000014}.admin-dashboard-card h2{margin:0 0 var(--space-5) 0;padding-bottom:var(--space-3);border-bottom:1px solid #e9ecef;color:var(--color-text);font-size:var(--text-lg);font-weight:600;letter-spacing:-.01em}.top-users-list{display:flex;flex-direction:column;gap:var(--space-3)}.top-user-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);background:#f8f9fa;border-radius:var(--radius-m);border:1px solid #e9ecef;transition:background var(--duration-fast) var(--ease-out)}.top-user-item:hover{background:#f1f3f5}.top-user-rank{font-size:24px;font-weight:700;color:var(--color-primary);min-width:40px;text-align:center}.top-user-info{flex:1}.top-user-name{font-weight:600;color:var(--color-text);font-size:16px;margin-bottom:4px}.top-user-email{color:var(--color-text-muted);font-size:12px}.top-user-stats{display:flex;flex-direction:column;gap:4px;text-align:right}.top-user-stat{display:flex;gap:8px;font-size:12px}.top-user-stat .stat-label{color:var(--color-text-muted)}.top-user-stat .stat-value{color:var(--color-text);font-weight:600}.admin-activity-list{display:flex;flex-direction:column;gap:16px}.admin-activity-item{padding:var(--space-4);background:#f8f9fa;border-radius:var(--radius-m);border:1px solid #e9ecef;transition:background var(--duration-fast) var(--ease-out)}.admin-activity-item:hover{background:#f1f3f5}.admin-activity-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-activity-user{font-weight:600;color:var(--color-text);font-size:14px}.admin-activity-score{font-weight:600}.admin-activity-question{color:var(--color-text);font-size:14px;margin:8px 0;line-height:1.5}.admin-activity-footer{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.admin-activity-date,.admin-activity-weight{color:var(--color-text-muted);font-size:12px}.admin-score-chart{display:flex;justify-content:space-around;align-items:flex-end;gap:var(--space-3);padding:var(--space-6) 0;min-height:200px}.admin-chart-bar-container{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.admin-chart-bar-wrapper{width:100%;height:160px;display:flex;align-items:flex-end;justify-content:center}.admin-chart-bar{width:100%;max-width:44px;background:linear-gradient(180deg,rgba(26,77,62,.35) 0%,var(--color-primary) 50%,var(--color-primary-hover) 100%);border-radius:6px 6px 0 0;transition:height .3s ease,opacity .2s ease;cursor:pointer}.admin-chart-bar:hover{opacity:.9}.admin-chart-label{color:var(--color-text-muted);font-size:var(--text-xs);text-align:center;font-weight:500}.admin-chart-value{color:var(--color-text);font-size:var(--text-sm);font-weight:600}.admin-chart-users{color:var(--color-text-subtle);font-size:.6875rem;text-align:center}.admin-quick-actions{display:flex;gap:var(--space-3);justify-content:center;flex-wrap:wrap}.admin-quick-action-btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-5);background:var(--color-surface);border:1px solid #dee2e6;border-radius:var(--radius-full);color:var(--color-text);font-size:var(--text-sm);font-weight:600;cursor:pointer;transition:background var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out);box-shadow:0 1px 2px #0000000a}.admin-quick-action-btn:hover{background:#f8f9fa;border-color:var(--color-primary);color:var(--color-primary)}.admin-quick-action-icon{font-size:1.125rem}.admin-quick-action-text{font-size:var(--text-sm)}.loading{text-align:center;padding:40px;font-size:18px;color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;min-height:200px}.error-message{background-color:#fee;color:#c33;padding:12px;border-radius:8px;margin-bottom:20px;border:1px solid #fcc}.no-data{text-align:center;padding:40px;font-size:16px;color:var(--color-text-subtle)}.btn-primary,.btn-secondary{padding:12px 24px;border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;transition:all .2s}.btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #1a4d3e40}.btn-secondary{background:var(--color-surface);color:var(--color-primary);border:1px solid #dee2e6}.btn-secondary:hover{background:#f8f9fa;border-color:var(--color-primary)}.btn-full-width{width:100%}.mt-20{margin-top:20px}.badge{display:inline-block;padding:4px 10px;border-radius:12px;font-size:12px;font-weight:600}.badge-success{background:var(--color-primary-muted);color:var(--color-primary)}.table-container{overflow-x:auto;margin-top:20px}.data-table{width:100%;border-collapse:collapse}.data-table thead{background:#f8f9fa;color:var(--color-text);border-bottom:1px solid #e9ecef}.data-table th{padding:var(--space-4) var(--space-4);text-align:start;font-weight:600;font-size:var(--text-sm);color:var(--color-text-muted)}.data-table td{padding:var(--space-4);border-bottom:1px solid #e9ecef;font-size:var(--text-sm)}.data-table tbody tr:hover{background-color:#f8f9fa}.data-table tbody tr:last-child td{border-bottom:none}.question-preview{font-weight:500}@media(max-width:768px){.admin-dashboard-container{padding:20px 15px}.admin-stats-grid,.admin-dashboard-grid{grid-template-columns:1fr}.admin-score-chart{gap:8px}.admin-chart-bar{max-width:30px}.admin-quick-actions{flex-direction:column}.admin-quick-action-btn{width:100%;justify-content:center}}.mockup-capture-page{min-height:100vh;display:flex;align-items:center;justify-content:center;background:#fff;padding:1rem}.mockup-capture{width:1234px;height:718px;display:flex;overflow:hidden;background:#f5f7f6;font-family:Inter,system-ui,-apple-system,sans-serif;color:#1f2937}.mockup-capture-sidebar{width:210px;min-width:210px;background:#f5f7f6;border-inline-end:1px solid rgba(15,51,41,.06);padding:1.1rem .75rem}.mockup-capture-brand{display:flex;justify-content:center;padding-bottom:.85rem}.mockup-capture-logo.site-logo-wordmark{font-size:1rem}.mockup-capture-nav{display:flex;flex-direction:column;gap:.15rem}.mockup-capture-nav-item{display:flex;align-items:center;gap:.55rem;padding:.55rem .65rem;border-radius:10px;font-size:.72rem;font-weight:500;color:#374151;white-space:nowrap}.mockup-capture-nav-item.active{background:#e8f5ef;color:#1a4d3e}.mockup-capture-nav-icon{width:1rem;height:1rem;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-capture-nav-svg{width:.95rem;height:.95rem}.mockup-capture-main{flex:1;min-width:0;display:flex;flex-direction:column}.mockup-capture-topbar{display:flex;align-items:center;justify-content:flex-end;gap:.65rem;padding:.85rem 1rem .35rem}.mockup-capture-lang{display:inline-flex;align-items:center;gap:.35rem;padding:.25rem .55rem;border:1px solid #e5e7eb;border-radius:999px;background:#fff;font-size:.68rem;font-weight:600}.mockup-capture-lang svg{width:.85rem;height:.85rem;color:#6b7280}.mockup-capture-topbar-actions{display:flex;align-items:center;gap:.45rem}.mockup-capture-bell svg{width:1rem;height:1rem;color:#6b7280}.mockup-capture-avatar{width:1.75rem;height:1.75rem;border-radius:999px;background:#1a4d3e;color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:700}.mockup-capture-content{flex:1;min-height:0;padding:0 .85rem .75rem;display:flex;flex-direction:column;gap:.65rem;justify-content:flex-start}.mockup-capture-welcome{display:grid;grid-template-columns:minmax(0,1.2fr) auto auto minmax(0,.95fr);align-items:center;gap:.65rem;padding:.75rem .85rem;background:#fff;border:1px solid #e5e7eb;border-radius:.75rem;box-shadow:0 1px 2px #0f172a0a}.mockup-capture-welcome-profile{display:flex;align-items:center;gap:.55rem;min-width:0}.mockup-capture-welcome-avatar{width:2rem;height:2rem;border-radius:999px;background:#1a4d3e;color:#fff;display:flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;flex-shrink:0}.mockup-capture-welcome-profile h1{margin:0;font-size:.82rem;font-weight:700;line-height:1.2}.mockup-capture-welcome-profile p{margin:.15rem 0 0;font-size:.58rem;color:#6b7280;line-height:1.35;max-width:11rem}.mockup-capture-welcome-level p{margin:0;font-size:.52rem;color:#9ca3af}.mockup-capture-welcome-level span{display:inline-flex;margin-top:.2rem;padding:.2rem .55rem;border-radius:999px;background:#e8f5ef;color:#1a4d3e;font-size:.52rem;font-weight:600;white-space:nowrap}.mockup-capture-welcome-status{display:flex;align-items:center;gap:.4rem;padding:.45rem .55rem;background:#fff;border:1px solid #e5e7eb;border-radius:.55rem;max-width:9.5rem}.mockup-capture-welcome-status-icon{width:1.35rem;height:1.35rem;border-radius:999px;background:#e8f5ef;color:#1a4d3e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-capture-welcome-status-icon svg{width:.75rem;height:.75rem}.mockup-capture-welcome-status p{margin:0;font-size:.52rem;line-height:1.3;color:#374151}.mockup-capture-welcome-actions{display:flex;flex-direction:column;align-items:flex-end;gap:.35rem}.mockup-capture-welcome-art{width:4.5rem;height:auto;object-fit:contain}.mockup-capture-cta{display:inline-flex;align-items:center;gap:.35rem;padding:.4rem .65rem;border:none;border-radius:.55rem;background:#1a4d3e;color:#fff;font-size:.58rem;font-weight:600;white-space:nowrap}.mockup-capture-cta svg{width:.75rem;height:.75rem}.mockup-capture--rtl .mockup-capture-cta svg{transform:scaleX(-1)}.mockup-capture-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}.mockup-capture-stats article{display:flex;align-items:flex-start;gap:.45rem;padding:.55rem .6rem;background:#fff;border:1px solid #e5e7eb;border-radius:.65rem}.mockup-capture-stat-icon{width:1.5rem;height:1.5rem;border-radius:.45rem;background:#e8f5ef;color:#1a4d3e;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.mockup-capture-stat-icon svg{width:.85rem;height:.85rem}.mockup-capture-stats article p{margin:0;font-size:.5rem;color:#9ca3af}.mockup-capture-stats article strong{display:block;margin-top:.1rem;font-size:.95rem;line-height:1;color:#111827}.mockup-capture-stats article span{display:block;margin-top:.1rem;font-size:.48rem;color:#6b7280}.mockup-capture-progress{padding:.55rem .65rem;background:#fff;border:1px solid #e5e7eb;border-radius:.65rem}.mockup-capture-progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:.35rem}.mockup-capture-progress-header h2{margin:0;font-size:.58rem;font-weight:600}.mockup-capture-progress-header span{font-size:.58rem;font-weight:600;color:#1a4d3e}.mockup-capture-progress-track{height:.35rem;border-radius:999px;background:#e5e7eb;overflow:hidden}.mockup-capture-progress-fill{width:36%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#1a4d3e,#2d6a5a)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--color-bg)}code{font-family:var(--font-mono)}.layout{min-height:100vh}.site-logo{display:inline-flex;align-items:center;text-decoration:none;flex-shrink:0;line-height:1;direction:ltr;unicode-bidi:isolate}.site-logo:hover{opacity:.9}.site-logo-wordmark{display:inline-flex;align-items:center;flex-wrap:nowrap;gap:0;font-family:var(--font-sans);font-weight:700;font-size:1.625rem;line-height:1;color:#1a4d3e;letter-spacing:-.03em;white-space:nowrap;direction:ltr;unicode-bidi:isolate}.site-logo-text{display:inline;line-height:1}.site-logo-mark{display:block;height:1.05em;width:auto;flex-shrink:0;margin-inline:-.05em;transform:translateY(.04em)}