@import "https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;900&display=swap" layer(base);@layer components;@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-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--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;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--color-red-500:var(--red);--color-orange-500:oklch(70.5% .213 47.604);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-400:oklch(79.2% .209 151.711);--color-green-500:var(--green);--color-emerald-500:oklch(69.6% .17 162.48);--color-emerald-600:oklch(59.6% .145 163.225);--color-slate-800:oklch(27.9% .041 260.031);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:var(--gray);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-800:oklch(27.8% .033 256.848);--color-gray-900:oklch(21% .034 264.665);--color-white:#fff;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--text-5xl:3rem;--text-5xl--line-height:1;--font-weight-bold:700;--font-weight-black:900;--radius-xs:.125rem;--radius-sm:.25rem;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--radius-3xl:1.5rem;--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-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--blur-xl:24px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.-top-2{top:calc(var(--spacing) * -2)}.top-0{top:0}.-right-2{right:calc(var(--spacing) * -2)}.right-0{right:0}.bottom-0{bottom:0}.-left-2{left:calc(var(--spacing) * -2)}.left-0{left:0}.isolate{isolation:isolate}.z-10{z-index:10}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-10{margin-bottom:calc(var(--spacing) * 10)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-24{height:calc(var(--spacing) * 24)}.h-64{height:calc(var(--spacing) * 64)}.h-80{height:calc(var(--spacing) * 80)}.min-h-screen{min-height:100vh}.w-24{width:calc(var(--spacing) * 24)}.w-64{width:calc(var(--spacing) * 64)}.w-80{width:calc(var(--spacing) * 80)}.grow{flex-grow:1}.rotate-3{rotate:3deg}.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}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-6{gap:calc(var(--spacing) * 6)}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-3xl{border-radius:var(--radius-3xl)}.rounded-full{border-radius:2147483647px}.border{border-style:var(--tw-border-style);border-width:1px}.bg-gray-800{background-color:var(--color-gray-800)}.bg-gray-800\/80{background-color:#1e2939cc}@supports (color:color-mix(in lab, red, red)){.bg-gray-800\/80{background-color:color-mix(in oklab, var(--color-gray-800) 80%, transparent)}}.bg-gray-900{background-color:var(--color-gray-900)}.bg-green-500{background-color:var(--color-green-500)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-red-500{background-color:var(--color-red-500)}.bg-linear-to-br{--tw-gradient-position:to bottom right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-br{--tw-gradient-position:to bottom right in oklab}}.bg-linear-to-br{background-image:linear-gradient(var(--tw-gradient-stops))}.bg-linear-to-r{--tw-gradient-position:to right}@supports (background-image:linear-gradient(in lab, red, red)){.bg-linear-to-r{--tw-gradient-position:to right in oklab}}.bg-linear-to-r{background-image:linear-gradient(var(--tw-gradient-stops))}.from-green-400{--tw-gradient-from:var(--color-green-400);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-500{--tw-gradient-to:var(--color-emerald-500);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.to-emerald-600{--tw-gradient-to:var(--color-emerald-600);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.p-8{padding:calc(var(--spacing) * 8)}.p-10{padding:calc(var(--spacing) * 10)}.px-8{padding-inline:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.pb-24{padding-bottom:calc(var(--spacing) * 24)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-5xl{font-size:var(--text-5xl);line-height:var(--tw-leading,var(--text-5xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.break-all{word-break:break-all}.text-gray-300{color:var(--color-gray-300)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-transparent{color:#0000}.text-white{color:var(--color-white)}.text-yellow-400{color:var(--color-yellow-400)}.line-through{text-decoration-line:line-through}.underline{text-decoration-line:underline}.opacity-20{opacity:.2}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-inner{--tw-shadow:inset 0 2px 4px 0 var(--tw-shadow-color,#0000000d);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur-\[150px\]{--tw-blur:blur(150px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.blur-\[200px\]{--tw-blur:blur(200px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur-xl{--tw-backdrop-blur:blur(var(--blur-xl));-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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.group-hover\:flex:is(:where(.group):hover *){display:flex}.hover\:scale-105:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-110:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.hover\:scale-\[1\.01\]:hover{scale:1.01}.hover\:bg-slate-800:hover{background-color:var(--color-slate-800)}.hover\:opacity-100:hover{opacity:1}}@media (width>=48rem){.md\:mb-0{margin-bottom:0}.md\:flex-row{flex-direction:row}.md\:p-10{padding:calc(var(--spacing) * 10)}}:root{--primary:#8b5cf6;--primary-light:#a78bfa;--primary-dark:#6d28d9;--green:#22c55e;--yellow:#f59e0b;--red:#ef4444;--info:#3b82f6;--orange:#f97316;--pink:#ec4899;--gray:#6b7280;--primary-soft:#c4b5fd;--primary-surface:#8b5cf6;--primary-deep:#7c3aed;--accent:#a855f7;--green-light:#6ee7b7;--green-dark:#059669;--yellow-light:#fbbf24;--yellow-dark:#d97706;--red-light:#fca5a5;--info-light:#60a5fa;--surface-1:var(--bg-2);--surface-2:var(--bg);--surface-3:var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--surface-3:color-mix(in srgb, var(--primary) 9%, var(--bg-2))}}:root{--surface:var(--bg-2);--neutral:var(--text-muted);--neutral-dark:var(--text-dim);--neutral-light:var(--text)}@supports (color:color-mix(in lab, red, red)){:root{--neutral-light:color-mix(in srgb, var(--text) 75%, transparent)}}:root{--bg:#0f0f1a;--bg-2:#141428;--bg-3:#1a1a35;--card-bg:#ffffff0a;--border:#ffffff14;--text:#f0f0ff;--text-muted:#f0f0ff80;--text-dim:#f0f0ff4d;--radius-scale:1;--radius-xs:calc(4px * var(--radius-scale));--radius-sm:calc(8px * var(--radius-scale));--radius-md:calc(12px * var(--radius-scale));--radius:calc(16px * var(--radius-scale));--radius-lg:calc(24px * var(--radius-scale));--radius-xl:calc(32px * var(--radius-scale));--shadow:0 8px 32px var(--overlay-2);--shadow-sm:0 2px 12px var(--overlay-2);--glow-purple:0 0 40px var(--primary)}@supports (color:color-mix(in lab, red, red)){:root{--glow-purple:0 0 40px color-mix(in srgb, var(--primary) 25%, transparent)}}:root{--font-family:"Tajawal", system-ui, sans-serif}@supports (color:color-mix(in srgb, red 50%, white)){:root{--primary-soft:color-mix(in srgb, var(--primary) 45%, white);--primary-deep:color-mix(in srgb, var(--primary) 80%, black);--accent:color-mix(in srgb, var(--primary) 85%, var(--pink));--green-light:color-mix(in srgb, var(--green) 60%, white);--green-dark:color-mix(in srgb, var(--green) 75%, black);--yellow-light:color-mix(in srgb, var(--yellow) 65%, white);--yellow-dark:color-mix(in srgb, var(--yellow) 75%, black);--red-light:color-mix(in srgb, var(--red) 55%, white);--info-light:color-mix(in srgb, var(--info) 60%, white)}}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}html,body{max-width:100%;overflow-x:hidden}@supports (overflow:clip){html,body{overflow-x:clip}}button,input,select,textarea{color:inherit;font-family:inherit}body{font-family:var(--font-family);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.6}input[type=number]::-webkit-inner-spin-button{appearance:none;margin:0}input[type=number]::-webkit-outer-spin-button{appearance:none;margin:0}input[type=number]{appearance:textfield}.auth-page{justify-content:center;align-items:center;min-height:100vh;padding:1rem;display:flex;position:relative;overflow:hidden}.auth-bg{background:radial-gradient(ellipse at 20% 20%, var(--primary) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, var(--info) 0%, transparent 50%), var(--bg);position:fixed;inset:0}@supports (color:color-mix(in lab, red, red)){.auth-bg{background:radial-gradient(ellipse at 20% 20%, color-mix(in srgb, var(--primary) 25%, transparent) 0%, transparent 50%), radial-gradient(ellipse at 80% 80%, color-mix(in srgb, var(--info) 20%, transparent) 0%, transparent 50%), var(--bg)}}.auth-bg{z-index:0}.auth-card{z-index:1;background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:420px;box-shadow:var(--shadow), var(--glow-purple);padding:2.5rem 2rem;position:relative}.family-setup-card{max-width:480px}.auth-logo{text-align:center;margin-bottom:.5rem;font-size:3rem}.auth-title{text-align:center;background:linear-gradient(135deg, var(--primary-light), var(--accent));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.8rem;font-weight:900}.auth-subtitle{text-align:center;color:var(--text-muted);margin-bottom:1.5rem;font-size:.95rem}.auth-form{flex-direction:column;gap:1rem;display:flex}.field{flex-direction:column;gap:.4rem;display:flex}.field label{color:var(--text-muted);font-size:.9rem;font-weight:600}.field input,.field select,.field textarea{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);outline:none;width:100%;padding:.75rem 1rem;font-family:inherit;font-size:1rem;transition:border-color .2s,background .2s}.field input:focus,.field select:focus{border-color:var(--primary);background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.field input:focus,.field select:focus{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.field small{color:var(--text-dim);font-size:.8rem}.field input::placeholder{color:var(--text-dim)}.code-input{letter-spacing:.5rem;text-align:center;font-weight:700;font-size:1.6rem!important}.role-toggle{background:var(--tint-1);border-radius:var(--radius);grid-template-columns:1fr 1fr;gap:.5rem;padding:.35rem;display:grid}.role-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:10px;padding:.6rem;font-family:inherit;font-size:1rem;transition:all .2s}.role-btn.active{background:var(--primary);color:var(--on-primary);font-weight:700}.error-banner{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.error-banner{background:color-mix(in srgb, var(--red) 12%, transparent)}}.error-banner{border:1px solid var(--red)}@supports (color:color-mix(in lab, red, red)){.error-banner{border:1px solid color-mix(in srgb, var(--red) 30%, transparent)}}.error-banner{border-radius:var(--radius-sm);color:var(--red-light);text-align:center;margin-bottom:.5rem;padding:.75rem 1rem;font-size:.9rem}.auth-consent{align-items:flex-start;gap:var(--sp-2);margin-bottom:var(--sp-4);font-size:var(--fs-sm);color:var(--text-muted);cursor:pointer;line-height:1.6;display:flex}.auth-consent input{accent-color:var(--primary);margin-top:.3em}.auth-consent a{color:var(--primary-light);font-weight:600;text-decoration:underline}.auth-footer{text-align:center;color:var(--text-muted);margin-top:1.25rem;font-size:.9rem}.auth-footer a{color:var(--primary-light);font-weight:600;text-decoration:none}.family-options{flex-direction:column;gap:1rem;margin-top:.5rem;display:flex}.family-option-btn{background:var(--primary);flex-direction:column;align-items:center;gap:.4rem;padding:1.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.family-option-btn{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.family-option-btn{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.family-option-btn{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.family-option-btn{border-radius:var(--radius);cursor:pointer;color:var(--on-primary);text-align:center;font-family:inherit;transition:all .2s}.family-option-btn.secondary{background:var(--info)}@supports (color:color-mix(in lab, red, red)){.family-option-btn.secondary{background:color-mix(in srgb, var(--info) 8%, transparent)}}.family-option-btn.secondary{border-color:var(--info)}@supports (color:color-mix(in lab, red, red)){.family-option-btn.secondary{border-color:color-mix(in srgb, var(--info) 30%, transparent)}}.family-option-btn:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.option-icon{font-size:2rem}.option-title{font-size:1.1rem;font-weight:700}.option-desc{color:var(--text-muted);font-size:.85rem}.option-divider{text-align:center;color:var(--text-dim);font-size:.85rem}.w-full{width:100%}.navbar{z-index:100;background:var(--bg-2);justify-content:space-between;align-items:center;padding:.75rem 1.5rem;display:flex;position:sticky;top:0}@supports (color:color-mix(in lab, red, red)){.navbar{background:color-mix(in srgb, var(--bg-2) 85%, transparent)}}.navbar{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);gap:1rem}.navbar-brand{align-items:center;gap:.5rem;display:flex}.brand-icon{font-size:1.4rem}.brand-name{color:var(--primary-light);font-size:1.2rem;font-weight:900}.navbar-center{flex:1;justify-content:center;display:flex}.navbar-end{align-items:center;gap:.75rem;display:flex}.family-badge{background:var(--primary);position:relative}@supports (color:color-mix(in lab, red, red)){.family-badge{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.family-badge{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.family-badge{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.family-badge{color:var(--primary-light);cursor:pointer;border-radius:20px;padding:.35rem 1rem;font-family:inherit;font-size:.9rem;font-weight:600}.family-code{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-sm);white-space:nowrap;color:var(--text);box-shadow:var(--shadow);padding:.5rem 1rem;font-size:.85rem;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%)}.user-badge,.partner-badge{background:var(--tint-1);border:1px solid var(--border);color:var(--text-muted);border-radius:20px;padding:.35rem .75rem;font-size:.85rem}.dashboard{min-height:100vh}.dashboard-content{flex-direction:column;gap:2rem;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;display:flex}.greeting-section{display:block}.greeting-text{font-size:1.6rem;font-weight:900}.greeting-date{color:var(--text-muted);margin-top:.25rem;font-size:.9rem}.family-motivation{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.family-motivation{background:color-mix(in srgb, var(--primary) 8%, transparent)}}.family-motivation{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.family-motivation{border:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}}.family-motivation{border-radius:var(--radius);max-width:400px;padding:.75rem 1.25rem}.motivation-text{color:var(--primary-light);font-size:.9rem;font-style:italic}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.stat-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:1.25rem}.stat-icon{margin-bottom:.4rem;font-size:1.5rem}.stat-value{font-size:1.6rem;font-weight:900}.stat-label{color:var(--text-muted);margin-top:.2rem;font-size:.8rem}.section-header{justify-content:space-between;align-items:center;display:flex}.section-title{font-size:1.15rem;font-weight:700}.children-grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.25rem;display:grid}.child-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-lg);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:box-shadow .2s;overflow:hidden}.child-edit-btn{border:1px solid var(--border);background:var(--bg-2);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}@supports (color:color-mix(in lab, red, red)){.child-edit-btn{background:color-mix(in srgb, var(--bg-2) 70%, transparent)}}.child-edit-btn{cursor:pointer;opacity:.6;font-size:.78rem;line-height:1;transition:opacity .15s,transform .15s}.child-edit-btn:hover,.child-edit-btn:focus-visible{opacity:1;transform:scale(1.1)}.child-card:hover{box-shadow:var(--shadow), 0 0 30px var(--primary)}@supports (color:color-mix(in lab, red, red)){.child-card:hover{box-shadow:var(--shadow), 0 0 30px color-mix(in srgb, var(--primary) 15%, transparent)}}.card-stripe{height:5px}.card-body{padding:1.25rem}.card-header{align-items:center;gap:.75rem;margin-bottom:1rem;display:flex}.child-avatar-wrap{flex-shrink:0}.child-avatar{border:2px solid;border-radius:50%;justify-content:center;align-items:center;width:50px;height:50px;font-size:1.4rem;display:flex}.child-info{flex:1;min-width:0}.child-name{font-size:1.1rem;font-weight:700}.child-meta{color:var(--text-muted);font-size:.8rem}.child-stars{flex-shrink:0;align-items:center;gap:.25rem;display:flex}.stars-num{color:var(--yellow);font-size:1.1rem;font-weight:700}.stars-icon{font-size:1rem}.day-progress{margin-bottom:.75rem}.progress-header{justify-content:space-between;margin-bottom:.4rem;display:flex}.progress-label{color:var(--text-muted);font-size:.8rem}.progress-pct{font-size:.8rem;font-weight:700}.progress-bar-bg{background:var(--tint-2);border-radius:3px;height:6px;margin-bottom:.5rem;overflow:hidden}.progress-bar-fill{border-radius:3px;height:100%;transition:width .6s}.color-dots{flex-wrap:wrap;gap:.5rem;display:flex}.dot{background:var(--tint-1);border-radius:20px;padding:.15rem .5rem;font-size:.78rem}.dot-green{color:var(--green)}.dot-yellow{color:var(--yellow)}.dot-red{color:var(--red)}.dot-gray{color:var(--gray)}.hobbies-row{flex-wrap:wrap;gap:.4rem;margin-bottom:.25rem;display:flex}.hobby-tag{background:var(--primary);border-radius:20px;padding:.15rem .6rem;font-size:.75rem}@supports (color:color-mix(in lab, red, red)){.hobby-tag{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.hobby-tag{border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.hobby-tag{border:1px solid color-mix(in srgb, var(--primary) 20%, transparent)}}.hobby-tag{color:var(--primary-light)}.card-actions{border-top:1px solid var(--border);padding:.75rem 1.25rem}.card-btn{border-radius:var(--radius-sm);cursor:pointer;border:none;width:100%;padding:.6rem 1.25rem;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .2s}.card-btn.primary{background:linear-gradient(135deg, var(--primary), var(--primary-dark));color:var(--on-primary)}.card-btn.secondary{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.card-btn.secondary{background:color-mix(in srgb, var(--primary) 10%, transparent)}}.card-btn.secondary{color:var(--primary-light);border:1px solid var(--primary)}@supports (color:color-mix(in lab, red, red)){.card-btn.secondary{border:1px solid color-mix(in srgb, var(--primary) 30%, transparent)}}.card-btn.secondary:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.card-btn.secondary:hover{background:color-mix(in srgb, var(--primary) 20%, transparent)}}.quick-action-btn{text-align:center;aspect-ratio:1;flex-direction:column;justify-content:center;align-items:center;gap:.5rem;height:100%;padding:1rem .5rem;display:flex}.qa-icon{font-size:1.6rem}.qa-label{font-size:.85rem;font-weight:700;line-height:1.3}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-group label{color:var(--text-muted);font-size:.9rem;font-weight:600}.form-control{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:.8rem 1rem;font-family:inherit;font-size:1rem;transition:all .2s}.form-control:focus{border-color:var(--primary);background:var(--tint-2);outline:none}select.form-control{height:48px;padding:.4rem 1rem;line-height:1.5}select.form-control option{background:var(--bg-2);color:var(--text)}.empty-state{text-align:center;color:var(--text-muted);flex-direction:column;align-items:center;gap:1rem;padding:4rem 2rem;display:flex}.empty-icon{font-size:3rem}.empty-state h3{color:var(--text);font-size:1.1rem}.empty-state p{font-size:.9rem}.page-header{background:var(--bg-2);align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.page-header{background:color-mix(in srgb, var(--bg-2) 85%, transparent)}}.page-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);flex-wrap:wrap;min-width:0;max-width:100%}.page-header>*{min-width:0}@media (width<=480px){.page-header{gap:.6rem;padding:.85rem 1rem}}.back-btn{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);cursor:pointer;white-space:nowrap;padding:.5rem 1rem;font-family:inherit;font-size:.9rem;transition:all .2s}.back-btn:hover{background:var(--card-bg);color:var(--text)}.page-title-wrap{flex:1;align-items:center;gap:.75rem;display:flex}.page-title{font-size:1.2rem;font-weight:700}.page-sub{color:var(--text-muted);margin-top:.1rem;font-size:.8rem}.child-avatar-sm{border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:1.2rem;display:flex}.boards-page{min-height:100vh}.boards-page-content{max-width:900px;margin:0 auto;padding:2rem 1.5rem}.boards-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1rem;display:grid}.board-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;flex-direction:column;height:100%;transition:all .2s;display:flex;overflow:hidden}.board-card:hover{box-shadow:var(--shadow-sm);transform:translateY(-3px)}.board-stripe{flex-shrink:0;height:4px}.board-card-body{flex:1;align-items:center;gap:.75rem;padding:1rem;display:flex}.board-icon-wrap{border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.board-icon{font-size:1.4rem}.board-info{flex:1;min-width:0}.board-name{font-size:.95rem;font-weight:700;line-height:1.4}.board-items-count{color:var(--text-muted);font-size:.8rem}.board-arrow{color:var(--text-dim)}.board-actions{align-items:center;gap:.5rem;margin-inline-start:auto;padding-inline-start:.5rem;display:flex}.board-action-btn{background:var(--tint-1);border:1px solid var(--tint-2);color:var(--text-muted);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;font-size:1.1rem;transition:all .2s;display:flex}.board-action-btn:hover{background:var(--tint-3);transform:scale(1.05)}.board-action-btn.delete:hover{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.board-action-btn.delete:hover{background:color-mix(in srgb, var(--red) 20%, transparent)}}.board-action-btn.delete:hover{border-color:var(--red)}.modal-overlay{background:var(--overlay-3);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:200;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal-card{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-xl);width:100%;max-width:520px;max-height:80vh;box-shadow:var(--shadow);padding:1.5rem;overflow-y:auto}.modal-header{justify-content:space-between;align-items:center;margin-bottom:1.25rem;display:flex}.modal-header h2{font-size:1.15rem;font-weight:700}.modal-close{color:var(--text-muted);cursor:pointer;background:0 0;border:none;padding:.25rem;font-size:1.2rem;line-height:1;transition:color .2s}.modal-close:hover{color:var(--text)}.template-grid{grid-template-columns:repeat(4,1fr);gap:.6rem;display:grid}.template-card{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;color:var(--text);flex-direction:column;align-items:center;gap:.35rem;padding:.75rem .5rem;font-family:inherit;transition:all .2s;display:flex}.template-card:hover{background:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-card:hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}}.template-card:hover{border-color:var(--primary)}@supports (color:color-mix(in lab, red, red)){.template-card:hover{border-color:color-mix(in srgb, var(--primary) 40%, transparent)}}.template-card:hover{transform:translateY(-2px)}.t-icon{font-size:1.6rem}.t-name{font-size:.75rem;font-weight:600}.template-divider{text-align:center;color:var(--text-dim);margin:1rem 0 .75rem;font-size:.85rem;position:relative}.custom-board-form{flex-direction:column;gap:.75rem;display:flex}.custom-form-row{align-items:center;gap:.5rem;display:flex}.icon-input{text-align:center;background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);width:52px!important;padding:.5rem!important;font-size:1.4rem!important}.name-input,.time-input,.timer-input{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);flex:1;padding:.6rem .8rem;font-family:inherit;font-size:1rem}.color-picker{border:1px solid var(--border);cursor:pointer;background:0 0;border-radius:10px;width:44px;height:44px;padding:2px}.board-detail-page .board-header-info{flex:1;align-items:center;gap:1rem;display:flex}.board-header-icon{border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;display:flex}.settings-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.5rem;transition:transform .2s}.settings-btn:hover{color:var(--text);transform:rotate(90deg)}.items-list-manage{flex-direction:column;gap:.5rem;max-height:300px;margin-bottom:1.5rem;padding-inline-start:.5rem;display:flex;overflow-y:auto}.manage-item-row{background:var(--bg-3);border-radius:var(--radius-sm);border:1px solid var(--border);align-items:center;gap:.75rem;padding:.75rem 1rem;display:flex}.manage-item-row .btn-icon{border-radius:var(--radius-xs);border:0;min-width:34px;min-height:34px;font-size:1rem}.manage-item-row .btn-icon:hover{background:var(--text)}@supports (color:color-mix(in lab, red, red)){.manage-item-row .btn-icon:hover{background:color-mix(in srgb, var(--text) 8%, transparent)}}.manage-item-row .btn-icon.red:hover{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.manage-item-row .btn-icon.red:hover{background:color-mix(in srgb, var(--red) 14%, transparent)}}.m-icon{font-size:1.2rem}.m-name{flex:1;font-weight:500}.m-time{color:var(--text-dim);font-size:.85rem}.btn-icon.red{color:var(--text-muted);cursor:pointer;background:0 0;border:none;font-size:1.1rem;transition:color .2s}.btn-icon.red:hover{color:var(--red)}.add-item-form h4{color:var(--text);margin-bottom:.75rem}.time-input,.timer-input{background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-family:inherit}.timer-input{width:120px}.m-timer{background:var(--yellow)}@supports (color:color-mix(in lab, red, red)){.m-timer{background:color-mix(in srgb, var(--yellow) 15%, transparent)}}.m-timer{color:var(--yellow);border-radius:6px;padding:.2rem .5rem;font-size:.8rem;font-weight:700}.date-picker{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);cursor:pointer;padding:.5rem .75rem;font-family:inherit;font-size:.9rem}.board-detail-content{flex-direction:column;gap:1.25rem;max-width:700px;margin:0 auto;padding:1.5rem;display:flex}.day-summary-bar{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;gap:.75rem;padding:1rem 1.25rem;display:flex}.summary-stats{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.s-stat{font-size:1rem;font-weight:700}.s-stat.green{color:var(--green)}.s-stat.yellow{color:var(--yellow)}.s-stat.red{color:var(--red)}.s-stat.stars{color:var(--yellow)}.summary-progress{align-items:center;gap:.75rem;display:flex}.summary-progress .progress-bar-bg{flex:1;height:8px}.summary-pct{color:var(--text-muted);white-space:nowrap;font-size:.9rem;font-weight:700}.all-done-badge{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.all-done-badge{background:color-mix(in srgb, var(--green) 12%, transparent)}}.all-done-badge{border:1px solid var(--green)}@supports (color:color-mix(in lab, red, red)){.all-done-badge{border:1px solid color-mix(in srgb, var(--green) 30%, transparent)}}.all-done-badge{color:var(--green);text-align:center;border-radius:20px;padding:.35rem 1rem;font-size:.9rem;font-weight:700}.rating-items-list{flex-direction:column;gap:.75rem;display:flex}.rating-item{border-radius:var(--radius);border:1px solid var(--border);padding:1rem 1.25rem;transition:all .3s}.item-header{align-items:center;gap:.75rem;margin-bottom:.75rem;display:flex}.item-icon-wrap{background:var(--tint-1);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.item-icon{font-size:1.3rem}.item-info{flex-direction:column;flex:1;gap:.2rem;display:flex}.item-name{font-size:1rem;font-weight:700}.item-time{color:var(--text-muted);font-size:.8rem}.item-stars{color:var(--yellow);font-size:.8rem;font-weight:700}.item-current-badge{flex-shrink:0;font-size:1.3rem}.rating-buttons{grid-template-columns:repeat(5,1fr);gap:.4rem;display:grid}.color-rating-btn{border-radius:var(--radius-sm);cursor:pointer;flex-direction:column;align-items:center;gap:.2rem;padding:.5rem .25rem;font-family:inherit;transition:all .15s;display:flex;position:relative;overflow:hidden}.color-rating-btn:active{transform:scale(.94)}.color-rating-btn:disabled{opacity:.5;cursor:not-allowed}.rating-emoji{font-size:1.1rem}.rating-label{font-size:.7rem;font-weight:600}.rating-glow{border-radius:inherit;opacity:.15;position:absolute;inset:0}.encourage-msg{border-radius:var(--radius-sm);margin-top:.6rem;padding:.5rem .75rem;font-size:.85rem;font-weight:500;overflow:hidden}.encourage-msg.green{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.encourage-msg.green{background:color-mix(in srgb, var(--green) 10%, transparent)}}.encourage-msg.green{color:var(--green);border-inline-start:3px solid var(--green)}.encourage-msg.yellow{background:var(--yellow)}@supports (color:color-mix(in lab, red, red)){.encourage-msg.yellow{background:color-mix(in srgb, var(--yellow) 10%, transparent)}}.encourage-msg.yellow{color:var(--yellow);border-inline-start:3px solid var(--yellow)}.encourage-msg.red{background:var(--red)}@supports (color:color-mix(in lab, red, red)){.encourage-msg.red{background:color-mix(in srgb, var(--red) 10%, transparent)}}.encourage-msg.red{color:var(--red-light);border-inline-start:3px solid var(--red)}.loading-page,.loading-state{min-height:200px;color:var(--text-muted);justify-content:center;align-items:center;font-size:1rem;display:flex}*{scrollbar-width:thin;scrollbar-color:var(--tint-2) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--tint-2);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--tint-3)}.modal-card,.items-list-manage{overscroll-behavior:contain;overflow-y:auto}.child-dashboard{background:var(--bg);min-height:100vh;padding-bottom:3rem;font-family:inherit}.cd-topbar{justify-content:space-between;align-items:center;gap:var(--sp-2);background:0 0;padding:1.5rem;display:flex}.child-dashboard.is-shared{padding-top:2rem}.child-dashboard.is-shared .cd-hero{margin-top:0}@media (width<=640px){.child-dashboard.is-shared{padding-top:1.25rem}}.cd-back{background:var(--tint-1);border:1px solid var(--tint-2);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:45px;height:45px;color:var(--text);border-radius:12px;font-size:1.5rem;transition:all .2s}.cd-back:hover{background:var(--tint-2);transform:scale(1.05)}.cd-store-btn{background:linear-gradient(135deg, var(--yellow), var(--yellow-dark));align-items:center;gap:.5rem;display:flex}@supports (color:color-mix(in lab, red, red)){.cd-store-btn{background:linear-gradient(135deg, color-mix(in srgb, var(--yellow) 20%, transparent), color-mix(in srgb, var(--yellow-dark) 40%, transparent))}}.cd-store-btn{border:1px solid var(--yellow)}@supports (color:color-mix(in lab, red, red)){.cd-store-btn{border:1px solid color-mix(in srgb, var(--yellow) 30%, transparent)}}.cd-store-btn{cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:.4rem 1rem;transition:all .2s}.cd-store-btn:hover{box-shadow:0 5px 15px var(--yellow);transform:scale(1.05)}@supports (color:color-mix(in lab, red, red)){.cd-store-btn:hover{box-shadow:0 5px 15px color-mix(in srgb, var(--yellow) 20%, transparent)}}.cd-stars-count{color:var(--yellow);font-size:1.2rem;font-weight:900}.cd-store-icon{color:var(--text);font-weight:700}.cd-hero{justify-content:center;width:100%;margin-top:-1rem;margin-bottom:2rem;display:flex}.cd-hero-content{text-align:start;background:var(--overlay-1);border:1px solid var(--tint-1);border-radius:24px;flex-direction:row;justify-content:center;align-items:center;gap:1.5rem;width:100%;max-width:800px;padding:1rem 2rem;display:flex}.cd-avatar-ring{flex-shrink:0;width:100px;height:100px;position:relative}.cd-progress-svg{width:100%;height:100%;transform:rotate(-90deg)}.cd-progress-bg{fill:none;stroke:var(--tint-1);stroke-width:8px}.cd-progress-bar{fill:none;stroke:var(--child-color,var(--primary));stroke-width:8px;stroke-linecap:round;stroke-dasharray:283}.cd-avatar-inner{background:var(--bg-2);box-shadow:inset 0 4px 10px var(--overlay-2);border-radius:50%;justify-content:center;align-items:center;font-size:2.5rem;display:flex;position:absolute;inset:10px}.cd-hero-info h1{text-shadow:0 2px 4px var(--overlay-2);margin:0 0 .25rem;font-size:1.5rem;font-weight:900}.cd-level{color:var(--child-color,var(--primary-light));margin:0 0 .25rem;font-size:1rem;font-weight:700}.cd-progress-text{color:var(--text-muted);font-size:.9rem}.cd-progress-text span{color:var(--text);font-size:1rem;font-weight:900}.cd-missions{width:100%;max-width:900px;margin:var(--sp-8) auto var(--sp-8);gap:var(--sp-3);box-sizing:border-box;flex-direction:column;display:flex}.cd-services-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;width:100%;max-width:900px;margin:0 auto 2rem;display:grid}.cd-service-card{text-align:center;background:var(--overlay-1);border:1px solid var(--tint-1);cursor:pointer;box-shadow:0 10px 30px -10px var(--overlay-2);border:none;border-radius:24px;outline:none;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.cd-service-card:hover{transform:translateY(-5px)scale(1.02)}.cd-service-card-icon{filter:drop-shadow(0 4px 8px var(--overlay-2));margin-bottom:1rem;font-size:3rem}.cd-service-card-photo{object-fit:cover;border-radius:50%;width:3rem;height:3rem;margin:0 auto;display:block}.cd-service-card h3{color:var(--text);margin:0 0 .25rem;font-size:1.1rem;font-weight:900}.cd-service-card p{opacity:.9;margin:0;font-size:.85rem}.cd-hero,.cd-services-grid,.cd-missions{padding-inline:1.5rem}@media (width<=640px){.cd-hero,.cd-services-grid,.cd-missions{padding-inline:1rem}.cd-main{padding:0 1rem!important}}.cd-main{flex-direction:column;gap:2.5rem;max-width:800px;margin:0 auto;padding:0 1.5rem;display:flex}.cd-section-head{justify-content:space-between;align-items:center;gap:var(--sp-3);flex-wrap:wrap;display:flex}.cd-section-head .cd-section-title{flex:auto}.cd-more{background:var(--tint-1);border:1px solid var(--tint-2);color:var(--text);font:inherit;cursor:pointer;border-radius:999px;flex:none;padding:.45rem .9rem;font-size:.85rem;font-weight:700}.cd-more:hover{background:var(--tint-2)}.cd-section-title{color:var(--text);border-bottom:2px solid var(--tint-1);margin-bottom:1rem;padding-bottom:.5rem;font-size:1.3rem;font-weight:900;display:inline-block}.cd-sched-list{flex-direction:column;gap:1rem;display:flex}.cd-scheduled{background:var(--bg-2);border:1px solid var(--tint-1);border-radius:16px;padding:1.25rem}.cd-scheduled.active{background:linear-gradient(135deg, var(--red), var(--red))}@supports (color:color-mix(in lab, red, red)){.cd-scheduled.active{background:linear-gradient(135deg, var(--red), color-mix(in srgb, var(--red) 70%, black))}}.cd-scheduled.active{color:var(--on-danger);box-shadow:0 10px 25px var(--red);border:none}@supports (color:color-mix(in lab, red, red)){.cd-scheduled.active{box-shadow:0 10px 25px color-mix(in srgb, var(--red) 30%, transparent)}}.cd-scheduled.active{text-align:center}.cd-scheduled.upcoming{justify-content:space-between;align-items:center;display:flex}.cd-sched-info h3{margin:0 0 .2rem;font-size:1.1rem}.cd-sched-info span{color:var(--text-muted);font-size:.85rem}.cd-sched-countdown{color:var(--primary-light);font-size:1.1rem;font-weight:900}.cd-sched-timer{letter-spacing:2px;text-shadow:0 2px 10px var(--overlay-2);font-family:monospace;font-size:3rem;font-weight:900}.cd-sched-sub{opacity:.8;margin-top:.5rem;font-size:.9rem}.cd-task-list{flex-direction:column;gap:.75rem;display:flex}.cd-task-card{background:var(--bg-2);border:1px solid var(--tint-1);border-radius:12px;align-items:center;gap:1rem;padding:1rem;transition:transform .2s;display:flex}.cd-tc-icon{background:var(--tint-1);border-radius:10px;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.8rem;display:flex}.cd-tc-info{flex:1}.cd-tc-info h4{margin:0 0 .2rem;font-size:1.1rem;font-weight:700}.cd-tc-time{color:var(--text-muted);background:var(--tint-1);border-radius:6px;padding:.2rem .5rem;font-size:.8rem}.cd-task-card.completed{background:var(--tint-1);opacity:.8;border-inline-end:4px solid}.cd-tc-feedback{font-size:.85rem;font-weight:700}.cd-tc-rating{font-size:1.5rem}.cd-empty{text-align:center;background:var(--tint-1);color:var(--text-muted);border-radius:12px;padding:2rem;font-weight:700}.cd-store-header{text-align:center;background:var(--yellow);margin-bottom:1.5rem}@supports (color:color-mix(in lab, red, red)){.cd-store-header{background:color-mix(in srgb, var(--yellow) 10%, transparent)}}.cd-store-header{border:1px solid var(--yellow);border-radius:16px;padding:1.5rem}@supports (color:color-mix(in lab, red, red)){.cd-store-header{border:1px solid color-mix(in srgb, var(--yellow) 20%, transparent)}}.cd-store-header p{color:var(--text-muted);margin:0;font-size:1.1rem;font-weight:700}.cd-store-header h1{color:var(--yellow);text-shadow:0 4px 15px var(--yellow);margin:.5rem 0 0;font-size:3rem}@supports (color:color-mix(in lab, red, red)){.cd-store-header h1{text-shadow:0 4px 15px color-mix(in srgb, var(--yellow) 30%, transparent)}}.cd-tasks-grid{grid-template-columns:1fr;gap:2rem;display:grid}@media (width>=768px){.cd-tasks-grid{grid-template-columns:1fr 1fr}}.cd-huge-store-btn{background:linear-gradient(135deg, var(--yellow), var(--yellow-dark));margin-top:1.5rem}@supports (color:color-mix(in lab, red, red)){.cd-huge-store-btn{background:linear-gradient(135deg, color-mix(in srgb, var(--yellow) 20%, transparent), color-mix(in srgb, var(--yellow-dark) 40%, transparent))}}.cd-huge-store-btn{border:2px solid var(--yellow)}@supports (color:color-mix(in lab, red, red)){.cd-huge-store-btn{border:2px solid color-mix(in srgb, var(--yellow) 40%, transparent)}}.cd-huge-store-btn{cursor:pointer;color:var(--on-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 30px var(--yellow);border-radius:24px;align-items:center;gap:1.5rem;padding:1rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}@supports (color:color-mix(in lab, red, red)){.cd-huge-store-btn{box-shadow:0 10px 30px color-mix(in srgb, var(--yellow) 20%, transparent)}}.cd-huge-store-btn:hover{box-shadow:0 15px 40px var(--yellow);transform:scale(1.05)translateY(-5px)}@supports (color:color-mix(in lab, red, red)){.cd-huge-store-btn:hover{box-shadow:0 15px 40px color-mix(in srgb, var(--yellow) 30%, transparent)}}.cd-huge-store-icon{font-size:3.5rem;animation:2s infinite bounce}.cd-huge-store-text{text-align:start}.cd-huge-store-text h3{color:var(--text);margin:0 0 .2rem;font-size:1.5rem;font-weight:900}.cd-huge-store-text p{color:var(--yellow);margin:0;font-size:1.1rem;font-weight:700}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.timer-container{align-items:center;display:flex}.btn-start-timer{background:var(--primary);color:var(--on-primary);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1rem;font-weight:700;transition:transform .2s}.btn-start-timer:hover{transform:scale(1.05)}.timer-countdown{background:var(--yellow)}@supports (color:color-mix(in lab, red, red)){.timer-countdown{background:color-mix(in srgb, var(--yellow) 15%, transparent)}}.timer-countdown{color:var(--yellow);border:1px solid var(--yellow);border-radius:8px;padding:.4rem .8rem;font-family:monospace;font-size:1rem;font-weight:900}.timer-done{background:var(--green)}@supports (color:color-mix(in lab, red, red)){.timer-done{background:color-mix(in srgb, var(--green) 15%, transparent)}}.timer-done{color:var(--green);border:1px solid var(--green);border-radius:8px;padding:.4rem .8rem;font-size:.9rem;font-weight:900}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@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}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}:root{--space-scale:1;--sp-1:calc(.25rem * var(--space-scale));--sp-2:calc(.5rem * var(--space-scale));--sp-3:calc(.75rem * var(--space-scale));--sp-4:calc(1rem * var(--space-scale));--sp-5:calc(1.25rem * var(--space-scale));--sp-6:calc(1.5rem * var(--space-scale));--sp-8:calc(2rem * var(--space-scale));--sp-10:calc(2.5rem * var(--space-scale));--sp-12:calc(3rem * var(--space-scale));--fs-xs:calc(.75rem * var(--font-scale,1));--fs-sm:calc(.85rem * var(--font-scale,1));--fs-base:calc(.95rem * var(--font-scale,1));--fs-md:calc(1.05rem * var(--font-scale,1));--fs-lg:calc(1.2rem * var(--font-scale,1));--fs-xl:calc(1.5rem * var(--font-scale,1));--fs-2xl:calc(2rem * var(--font-scale,1));--fs-3xl:calc(2.5rem * var(--font-scale,1));--fw-normal:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-black:800;--overlay-1:color-mix(in srgb, var(--bg) 20%, transparent);--overlay-2:color-mix(in srgb, var(--bg) 40%, transparent);--overlay-3:color-mix(in srgb, var(--bg) 70%, transparent);--tint-1:color-mix(in srgb, var(--text) 5%, transparent);--tint-2:color-mix(in srgb, var(--text) 10%, transparent);--tint-3:color-mix(in srgb, var(--text) 16%, transparent);--on-primary:#fff;--on-success:#fff;--on-warning:#141428;--on-danger:#fff;--on-info:#fff;--shadow-sm:0 2px 8px var(--overlay-2);--shadow-md:0 6px 20px var(--overlay-2);--shadow-lg:0 12px 36px var(--overlay-3);--shadow-primary:0 6px 22px color-mix(in srgb, var(--primary) 35%, transparent);--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-start:env(safe-area-inset-right,0px);--safe-end:env(safe-area-inset-left,0px);--t-fast:.15s ease;--t-base:.2s ease;--t-slow:.35s ease}@supports not (color:color-mix(in srgb, red 50%, white)){:root{--overlay-1:#0003;--overlay-2:#0006;--overlay-3:#000000b3;--tint-1:#ffffff0d;--tint-2:#ffffff1a;--tint-3:#ffffff29}}body{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom)}.ui-actionbar{bottom:var(--safe-bottom)}@media (pointer:coarse){button,a,[role=button]{touch-action:manipulation}}@media (width<=768px){:root{--sp-6:calc(1.5rem * var(--space-scale) * .72);--sp-8:calc(2rem * var(--space-scale) * .66);--sp-10:calc(2.5rem * var(--space-scale) * .6);--sp-12:calc(3rem * var(--space-scale) * .55)}}@media (width<=380px){:root{--sp-6:calc(1.5rem * var(--space-scale) * .62);--sp-8:calc(2rem * var(--space-scale) * .56);--sp-10:calc(2.5rem * var(--space-scale) * .5);--sp-12:calc(3rem * var(--space-scale) * .46)}}.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-danger,.btn-success,.btn-warning,.btn-gold,.btn-outline-danger,.btn-outline-success,.btn-outline-primary,.btn-whatsapp{border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:.5rem;min-height:44px;padding:.7rem 1.4rem;font-family:inherit;font-size:.95rem;font-weight:700;line-height:1;text-decoration:none;transition:transform .15s,box-shadow .2s,background .2s,border-color .2s;display:inline-flex}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.btn-ghost:disabled,.btn-danger:disabled,.btn-success:disabled,.btn-warning:disabled,.btn-outline-danger:disabled{opacity:.55;cursor:not-allowed;box-shadow:none;transform:none}.btn:focus-visible,.btn-primary:focus-visible,.btn-secondary:focus-visible,.btn-ghost:focus-visible,.btn-danger:focus-visible,.btn-success:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.btn:not(:disabled):active{transform:translateY(1px)}.btn-primary{background:linear-gradient(135deg, var(--primary-surface), var(--primary-dark));color:var(--on-primary);box-shadow:0 4px 15px color-mix(in srgb, var(--primary) 30%, transparent)}.btn-primary:not(:disabled):hover{box-shadow:0 6px 22px color-mix(in srgb, var(--primary) 42%, transparent);transform:translateY(-1px)}.btn-secondary{background:var(--card-bg);color:var(--text);border-color:var(--border)}.btn-secondary:not(:disabled):hover{background:color-mix(in srgb, var(--text) 12%, transparent)}.btn-ghost{color:var(--text-muted);border-color:var(--border);background:0 0;font-weight:600}.btn-ghost:not(:disabled):hover{background:var(--card-bg);color:var(--text)}.btn-danger{background:var(--red);color:var(--on-danger)}.btn-success{background:var(--green);color:var(--on-success)}.btn-warning{background:var(--yellow);color:var(--on-warning)}.btn-danger:not(:disabled):hover{background:color-mix(in srgb, var(--red) 85%, black)}.btn-success:not(:disabled):hover{background:var(--green-dark)}.btn-warning:not(:disabled):hover{background:var(--yellow-dark)}.btn-gold{background:linear-gradient(135deg, var(--yellow), var(--yellow-dark));color:var(--on-warning);box-shadow:0 4px 15px color-mix(in srgb, var(--yellow) 30%, transparent)}.btn-gold:not(:disabled):hover{box-shadow:0 6px 22px color-mix(in srgb, var(--yellow) 42%, transparent);transform:translateY(-1px)}.btn-outline-danger,.btn-outline-success,.btn-outline-primary{background:0 0}.btn-outline-danger{color:var(--red);border-color:var(--red)}.btn-outline-success{color:var(--green);border-color:color-mix(in srgb, var(--green) 45%, transparent)}.btn-outline-primary{color:var(--primary-light);border-color:color-mix(in srgb, var(--primary) 45%, transparent)}.btn-outline-danger:not(:disabled):hover{background:color-mix(in srgb, var(--red) 12%, transparent)}.btn-outline-success:not(:disabled):hover{background:color-mix(in srgb, var(--green) 12%, transparent)}.btn-outline-primary:not(:disabled):hover{background:color-mix(in srgb, var(--primary) 12%, transparent)}.btn-sm{min-height:38px;padding:.45rem .9rem;font-size:.85rem}.btn-lg{min-height:52px;padding:.9rem 2rem;font-size:1.05rem}.btn-pill{border-radius:999px}.btn-block{width:100%}.btn-icon{border:1px solid var(--border);border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s;display:inline-flex}.btn-icon:hover{background:var(--card-bg);color:var(--text)}.btn-icon:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.btn-icon-danger{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--red);border-color:#0000}.btn-icon-success{background:color-mix(in srgb, var(--green) 18%, transparent);color:var(--green);border-color:#0000}.btn-icon-primary{background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary-light);border-color:#0000}.btn-icon-danger:hover{background:color-mix(in srgb, var(--red) 30%, transparent);color:var(--red)}.btn-icon-success:hover{background:color-mix(in srgb, var(--green) 30%, transparent);color:var(--green)}.btn-icon-primary:hover{background:color-mix(in srgb, var(--primary) 30%, transparent);color:var(--primary-light)}.btn-whatsapp{color:#fff;background:linear-gradient(135deg,#128c7e,#075e54);border-color:#0000;box-shadow:0 4px 18px #128c7e4d}.btn-whatsapp:not(:disabled):hover{background:linear-gradient(135deg,#0f7a6c,#064c44)}.ui-chip{align-items:center;gap:var(--sp-2);min-height:44px;padding:var(--sp-2) var(--sp-4);border:1px solid color-mix(in srgb, var(--chip-color,var(--primary)) 25%, transparent);border-radius:var(--radius-md);background:color-mix(in srgb, var(--chip-color,var(--primary)) 8%, transparent);color:var(--on-primary);font-family:inherit;font-size:var(--fs-sm);font-weight:var(--fw-semibold);cursor:pointer;transition:background var(--t-base), border-color var(--t-base), transform var(--t-fast);display:inline-flex}.ui-chip:hover{background:color-mix(in srgb, var(--chip-color,var(--primary)) 16%, transparent);transform:translateY(-1px)}.ui-chip.is-active{border-color:var(--chip-color,var(--primary));background:color-mix(in srgb, var(--chip-color,var(--primary)) 22%, transparent)}.ui-chip:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.btn-close{border:1px solid var(--tint-2);background:var(--tint-1);min-width:44px;min-height:44px;color:var(--text-muted);font-size:var(--fs-sm);cursor:pointer;transition:background var(--t-base), color var(--t-base);border-radius:50%;justify-content:center;align-items:center;padding:0;display:inline-flex}.btn-close:hover{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--red)}.btn-close:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.ui-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:1.35rem}.ui-card+.ui-card{margin-top:1.15rem}.ui-card-title{color:var(--text);margin:0 0 .3rem;font-size:1.05rem;font-weight:800}.ui-card-hint{color:var(--text-muted);margin:0 0 1rem;font-size:.85rem;line-height:1.7}.ui-tabs{flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem;display:flex}.ui-tab{border:1px solid var(--border);border-radius:var(--radius-sm);min-height:44px;color:var(--text-muted);cursor:pointer;background:0 0;padding:.55rem 1.15rem;font-family:inherit;font-size:.9rem;font-weight:700;transition:background .2s,color .2s,border-color .2s}.ui-tab:hover{color:var(--text);background:var(--card-bg)}.ui-tab:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.ui-tab.is-active{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.ui-field{flex-direction:column;gap:.4rem;display:flex}.ui-label{color:var(--text-muted);font-size:.82rem;font-weight:600}.ui-input,.ui-select,.ui-textarea{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg);min-height:44px;color:var(--text);width:100%;padding:.65rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .2s,box-shadow .2s}.ui-textarea{resize:vertical;min-height:96px;line-height:1.7}.ui-input:focus,.ui-select:focus,.ui-textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent);outline:none}.ui-input::placeholder,.ui-textarea::placeholder{color:var(--text-dim)}.ui-input[type=number],.ui-input[type=email],.ui-input[type=tel],.ui-input[type=url],.ui-input.is-ltr{text-align:left;direction:ltr}.ui-grid{grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:1rem;display:grid}.ui-badge{border-radius:999px;align-items:center;gap:.3rem;padding:.3rem .75rem;font-size:.78rem;font-weight:700;line-height:1.4;display:inline-flex}.ui-badge-neutral{background:var(--card-bg);color:var(--text-muted)}.ui-badge-primary{background:color-mix(in srgb, var(--primary) 18%, transparent);color:var(--primary-light)}.ui-badge-success{background:color-mix(in srgb, var(--green) 18%, transparent);color:var(--green)}.ui-badge-warning{background:color-mix(in srgb, var(--yellow) 18%, transparent);color:var(--yellow)}.ui-badge-danger{background:color-mix(in srgb, var(--red) 18%, transparent);color:var(--red)}.ui-badge-info{background:color-mix(in srgb, var(--info) 18%, transparent);color:var(--info)}.ui-overlay{background:color-mix(in srgb, var(--bg) 72%, transparent);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.ui-modal{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(480px,100%);max-height:90vh;box-shadow:var(--shadow);padding:1.75rem;overflow-y:auto}.ui-modal-title{margin:0 0 1.1rem;font-size:1.15rem;font-weight:800}.ui-empty{text-align:center;color:var(--text-muted);padding:2.5rem 1.25rem}.ui-empty-icon{opacity:.8;margin-bottom:.6rem;font-size:2.5rem;display:block}.ui-toolbar{gap:var(--sp-3);margin-bottom:var(--sp-8);flex-wrap:wrap;align-items:center;display:flex}.ui-actionbar{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 -8px 24px color-mix(in srgb, var(--bg) 55%, transparent);z-index:50;flex-wrap:wrap;align-items:center;gap:.75rem;margin-top:1.5rem;padding:.9rem 1.2rem;display:flex;position:sticky;bottom:0}.glass-card:empty,.ui-card:empty{display:none}.ui-page{max-width:1000px;margin-inline:auto;padding:2rem}.ui-page-wide{max-width:1400px}.ui-table{border-collapse:collapse;width:100%;font-size:var(--fs-sm)}.ui-table th{text-align:start;padding:var(--sp-3);color:var(--text-muted);font-weight:var(--fw-semibold);font-size:var(--fs-xs);white-space:nowrap;border-bottom:1px solid var(--border)}.ui-table td{padding:var(--sp-3);vertical-align:middle;border-bottom:1px solid color-mix(in srgb, var(--border) 55%, transparent);line-height:1.7}.ui-table tbody tr:last-child td{border-bottom:none}.ui-table tbody tr:hover td{background:color-mix(in srgb, var(--surface-2) 55%, transparent)}.ui-table td:last-child,.ui-table th:last-child{text-align:end;white-space:nowrap;width:1%}.ui-page-title{margin:0;font-size:1.5rem;font-weight:800}.ui-page-sub{color:var(--text-muted);margin-top:.5rem;line-height:1.8}@media (width<=480px){.btn{padding:.65rem 1.1rem;font-size:.9rem}.ui-card{padding:1.1rem}.ui-modal,.ui-page{padding:1.25rem}}@media (pointer:coarse){button,a[href],[role=button],input[type=checkbox],input[type=radio],select{min-height:44px}a[href]{align-items:center;display:inline-flex}.btn-sm,.ui-tab,.btn.btn-sm{min-height:44px}.touch-target{position:relative}.touch-target:after{content:"";position:absolute;inset:-8px}input:not([type=checkbox]):not([type=radio]):not([type=range]),textarea{min-height:44px}}.legal-body{color:var(--text-muted);line-height:2}.legal-body h2{margin:var(--sp-8) 0 var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-black);color:var(--text)}.legal-body h2:first-child{margin-top:0}.legal-body p{margin-bottom:var(--sp-4)}.legal-body ul{margin:0 0 var(--sp-4);margin-inline-start:var(--sp-5);padding-inline-start:var(--sp-4)}.legal-body li{margin-bottom:var(--sp-2)}.legal-body strong{color:var(--text)}.legal-body a{color:var(--primary-light)}a{text-decoration:none}.legal-body a{text-underline-offset:3px;text-decoration:underline}a:focus-visible{outline:2px solid var(--primary-light);outline-offset:2px}.ui-route-loading{min-height:0;display:block}.ui-route-loading:after{content:none}@keyframes ui-spin{to{transform:rotate(360deg)}}@keyframes ui-fade-in{to{opacity:1}}@media (prefers-reduced-motion:reduce){.ui-route-loading:after{animation:.15s ease-out forwards ui-fade-in}}.app-burger{width:44px;height:44px;min-height:44px;color:var(--text);background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm,10px);cursor:pointer;flex:none;justify-content:center;align-items:center;padding:0;font-size:1.25rem;line-height:1;transition:background .15s,transform .1s;display:inline-flex}.app-burger:hover{background:var(--tint-2)}.app-burger:active{transform:scale(.94)}.app-scrim{z-index:1200;background:var(--overlay-2,#0000008c);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:.18s ease-out app-scrim-in;position:fixed;inset:0}@keyframes app-scrim-in{0%{opacity:0}to{opacity:1}}.app-drawer{z-index:1201;background:var(--bg-2,#141428);border-inline-end:1px solid var(--border);width:min(86vw,320px);box-shadow:0 0 40px var(--overlay-3,#00000080);visibility:hidden;flex-direction:column;transition:transform .22s cubic-bezier(.22,.8,.3,1),visibility .22s;display:flex;position:fixed;inset-block:0;inset-inline-start:0;transform:translate(100%)}[dir=ltr] .app-drawer{transform:translate(-100%)}.app-drawer.open{visibility:visible;transform:translate(0)}.app-drawer-head{justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-4);padding-top:calc(var(--sp-4) + var(--safe-top,0px));border-bottom:1px solid var(--border);display:flex}.app-drawer-user{align-items:center;gap:var(--sp-2);min-width:0;display:flex}.app-drawer-user-icon{font-size:1.4rem}.app-drawer-user-name{font-weight:var(--fw-bold);color:var(--text);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.app-drawer-close{width:40px;height:40px;color:var(--text-muted);border-radius:var(--radius-sm,10px);cursor:pointer;background:0 0;border:none;flex:none;font-size:1.1rem}.app-drawer-close:hover{background:var(--tint-1);color:var(--text)}.app-drawer-body{-webkit-overflow-scrolling:touch;padding:var(--sp-3) var(--sp-3) calc(var(--sp-6) + var(--safe-bottom,0px));flex:1;overflow-y:auto}.app-drawer-label{padding:var(--sp-3) var(--sp-2) var(--sp-2);font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-dim);letter-spacing:.02em}.app-drawer-modes{padding:var(--sp-2) var(--sp-3) var(--sp-3)}.app-drawer-modes-label{margin-bottom:var(--sp-2);color:var(--text-muted);font-size:var(--fs-xs);display:block}.app-drawer-modes-row{border-radius:var(--radius-sm);background:color-mix(in srgb, var(--text) 5%, transparent);border:1px solid var(--border);grid-template-columns:repeat(3,1fr);gap:4px;padding:4px;display:grid}.app-mode-btn{padding:var(--sp-2) 2px;border-radius:calc(var(--radius-sm) - 3px);color:var(--text-muted);font-family:inherit;font-size:var(--fs-lg);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;line-height:1.1;transition:background .15s,color .15s;display:flex}.app-mode-btn .app-mode-text{font-size:var(--fs-xs);font-weight:var(--fw-semibold)}.app-mode-btn:hover{background:color-mix(in srgb, var(--text) 6%, transparent);color:var(--text)}.app-mode-btn.is-on{background:color-mix(in srgb, var(--primary) 22%, transparent);color:var(--on-primary);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--primary) 45%, transparent)}.app-drawer-item{align-items:center;gap:var(--sp-3);width:100%;min-height:48px;padding:var(--sp-2) var(--sp-3);font-family:inherit;font-size:var(--fs-sm);color:var(--text);text-align:start;border-radius:var(--radius-sm,10px);cursor:pointer;background:0 0;border:none;margin-bottom:2px;transition:background .13s;display:flex}.app-drawer-item:hover{background:var(--tint-1)}.app-drawer-item:active{background:var(--tint-2)}.app-drawer-item.active{background:color-mix(in srgb, var(--primary) 16%, transparent);color:var(--primary-soft,var(--primary));font-weight:var(--fw-bold)}.app-drawer-item.danger{color:var(--red)}.app-drawer-item.add{color:var(--primary-soft,var(--primary))}.app-drawer-avatar{background:var(--tint-1);border-radius:50%;flex:none;justify-content:center;align-items:center;width:34px;height:34px;font-size:1.05rem;display:inline-flex;overflow:hidden}.app-drawer-avatar img{object-fit:cover;width:100%;height:100%}.app-drawer-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.app-drawer-meta{font-size:var(--fs-xs);color:var(--text-dim);flex:none}.app-drawer-empty{margin:0 0 var(--sp-2);padding:var(--sp-2) var(--sp-3);font-size:var(--fs-sm);color:var(--text-dim)}.app-drawer-sep{height:1px;margin:var(--sp-3) var(--sp-2);background:var(--border)}.usage-kpis{gap:var(--sp-3);margin-bottom:var(--sp-6);grid-template-columns:repeat(6,minmax(0,1fr));display:grid}.usage-2col{gap:var(--sp-4);margin-bottom:var(--sp-6);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=1100px){.usage-kpis{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=768px){.usage-kpis{gap:.6rem;grid-template-columns:repeat(2,minmax(0,1fr))!important}.usage-kpis>div>div{overflow-wrap:anywhere}.usage-kpis>div{padding:.65rem .5rem!important}.usage-2col{grid-template-columns:minmax(0,1fr)!important}.usage-2col>div{min-width:0}}.loading-page,.loading-state{color:#0000;min-height:0;font-size:0;display:block}.loading-page:before,.loading-state:before,.loading-page:after,.loading-state:after{content:none}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.empty-note{min-height:160px;color:var(--text-muted);font-size:var(--fs-md);justify-content:center;align-items:center;display:flex}.child-avatar,.child-avatar-sm,.cd-avatar-inner,.app-drawer-avatar{overflow:hidden}.child-avatar img,.child-avatar-sm img,.cd-avatar-inner img,.app-drawer-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.child-avatar-btn{cursor:pointer;font:inherit;min-height:0;padding:0}.child-avatar-btn:hover{transform:scale(1.06)}.child-avatar-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.preview-avatar{overflow:hidden}.preview-avatar img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.memory-photos{background:var(--tint-1);gap:3px;display:grid}.memory-photos img{object-fit:cover;width:100%;height:100%;display:block}.memory-photos.n0{min-height:60px}.memory-photos.n1{grid-template-columns:1fr}.memory-photos.n1 img{height:220px}.memory-photos.n2{grid-template-columns:1fr 1fr}.memory-photos.n2 img{height:180px}.memory-photos.n3{grid-template-rows:110px 110px;grid-template-columns:2fr 1fr}.memory-photos.n3 img:first-child{grid-row:1/3}.memory-badge{font-size:var(--fs-xs);color:var(--text-muted);background:var(--tint-1);border-radius:999px;padding:2px 10px}.memory-picker{gap:var(--sp-2);margin-top:var(--sp-2);grid-template-columns:repeat(auto-fill,minmax(96px,1fr));display:grid}.memory-thumb{aspect-ratio:1;border-radius:var(--radius-sm);background:var(--tint-1);position:relative;overflow:hidden}.memory-thumb img{object-fit:cover;width:100%;height:100%;display:block}.memory-thumb button{top:4px;background:var(--overlay-3,#0009);width:26px;height:26px;min-height:0;color:var(--on-primary,#fff);cursor:pointer;border:none;border-radius:50%;font-size:13px;position:absolute;inset-inline-end:4px}.memory-thumb.add{border:2px dashed var(--border);color:var(--text-muted);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:1.6rem;display:flex}.memory-thumb.add small{font-size:var(--fs-xs)}.card-btn-pair{gap:var(--sp-2);grid-column:1/-1;grid-template-columns:1fr 1fr;display:grid}.card-btn-pair.single{grid-template-columns:1fr}.memory-card{position:relative}.memory-card.selectable{cursor:pointer}.memory-card.selected{outline:3px solid var(--primary);outline-offset:-3px}.memory-check{top:8px;z-index:2;background:var(--overlay-3,#0000008c);border-radius:8px;padding:3px 6px;font-size:1.35rem;line-height:1;position:absolute;inset-inline-start:8px}.memory-select-bar{gap:var(--sp-2);margin-top:var(--sp-3);padding-top:var(--sp-3);border-top:1px solid var(--border);flex-wrap:wrap;align-items:center;display:flex}.memory-select-bar .btn-secondary{font-size:var(--fs-sm);padding:var(--sp-2) var(--sp-3)}.memory-select-dates{gap:var(--sp-2);flex-wrap:wrap;align-items:center;display:flex}.memory-select-dates .date-picker{flex:130px;min-width:0}.memory-select-count{font-size:var(--fs-xs);color:var(--text-muted);flex-basis:100%}.admin-nav{padding:var(--sp-4);gap:var(--sp-1);flex-direction:column;flex:1;display:flex}.admin-nav-search{width:100%;min-height:40px;margin-bottom:var(--sp-3);padding:0 var(--sp-3);border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--tint-1);color:var(--text);font:inherit;font-size:var(--fs-sm)}.admin-nav-search:focus{border-color:var(--primary);outline:none}.admin-nav-head{align-items:center;gap:var(--sp-3);width:100%;min-height:44px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text);font:inherit;font-weight:var(--fw-bold);font-size:var(--fs-sm);cursor:pointer;text-align:start;background:0 0;border:0;display:flex}.admin-nav-head:hover{background:var(--tint-1)}.admin-nav-icon{font-size:var(--fs-lg);line-height:1}.admin-nav-chev{color:var(--text-muted);transition:transform var(--t-base);margin-inline-start:auto}.admin-nav-group.open .admin-nav-chev{transform:rotate(180deg)}.admin-nav-dot{background:var(--primary);width:8px;height:8px;box-shadow:var(--glow-purple);border-radius:50%}.admin-nav-items{border-inline-start:1px solid var(--border);flex-direction:column;gap:2px;margin-inline-start:var(--sp-4);padding-block-end:var(--sp-2);padding-inline-start:var(--sp-2);display:flex}.admin-nav-item{align-items:center;gap:var(--sp-3);min-height:42px;padding:var(--sp-2) var(--sp-3);border-radius:var(--radius-sm);color:var(--text-muted);font-size:var(--fs-sm);transition:all var(--t-base);text-decoration:none;display:flex}.admin-nav-item:hover{background:var(--tint-1);color:var(--text)}.admin-nav-item.active{background:var(--primary);color:#fff;font-weight:var(--fw-bold);box-shadow:var(--glow-purple)}.admin-nav-tag{font-size:var(--fs-xs);color:var(--text-muted);margin-inline-start:auto}.admin-nav-badge{min-width:1.25rem;padding:0 var(--sp-1);background:var(--red);color:var(--on-primary);font-size:var(--fs-xs);font-weight:var(--fw-bold);text-align:center;border-radius:999px;margin-inline-start:auto;line-height:1.25rem}.admin-nav-badge+.admin-nav-tag{margin-inline-start:var(--sp-2)}.admin-toast{z-index:60;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-5);border-radius:var(--radius);background:var(--card-bg);color:var(--text);border:1px solid color-mix(in srgb, var(--primary) 45%, transparent);box-shadow:0 18px 40px var(--overlay-2);font:inherit;font-weight:var(--fw-bold);cursor:pointer;animation:.25s ease-out admin-toast-in;display:flex;position:fixed;inset-block-end:var(--sp-6);inset-inline-start:var(--sp-6)}.admin-toast-dot{background:var(--red);border-radius:50%;flex:none;width:.55rem;height:.55rem}.admin-toast-go{color:var(--primary-light);font-size:var(--fs-sm)}@keyframes admin-toast-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.admin-toast{animation:none}}.admin-nav-item.active .admin-nav-tag{color:#fff;opacity:.85}.admin-nav-empty{padding:var(--sp-3);color:var(--text-muted);font-size:var(--fs-sm);text-align:center}.profile-2col{gap:var(--sp-5);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=640px){.profile-2col{grid-template-columns:1fr}}.admin-nav-clear{margin:var(--sp-2) auto 0;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--primary-light);font:inherit;font-size:var(--fs-xs);padding:var(--sp-1) var(--sp-3);cursor:pointer;background:0 0;display:block}.log-filters{gap:var(--sp-2);margin-bottom:var(--sp-5);flex-wrap:wrap;display:flex}.log-chip{min-height:40px;padding:var(--sp-2) var(--sp-4);border:1px solid var(--border);background:var(--tint-1);color:var(--text-muted);font:inherit;font-size:var(--fs-sm);cursor:pointer;transition:all var(--t-base);border-radius:999px}.log-chip.active{background:var(--primary);border-color:var(--primary);color:var(--on-primary);font-weight:var(--fw-bold)}.log-day{margin-bottom:var(--sp-6)}.log-day-title{margin:0 0 var(--sp-3);font-size:var(--fs-sm);font-weight:var(--fw-bold);color:var(--text-muted)}.log-list{gap:var(--sp-2);flex-direction:column;display:flex}.log-row{gap:var(--sp-3);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);align-items:flex-start;display:flex}.log-icon{border-radius:var(--radius-sm);width:40px;height:40px;font-size:var(--fs-lg);background:color-mix(in srgb, var(--primary) 12%, transparent);flex:0 0 40px;justify-content:center;align-items:center;display:flex}.log-body{flex:1;min-width:0}.log-msg{color:var(--text);overflow-wrap:anywhere;line-height:1.6}.log-meta{gap:var(--sp-3);font-size:var(--fs-xs);color:var(--text-dim);flex-wrap:wrap;align-items:center;margin-top:4px;display:flex}.log-actor{color:var(--text-muted)}.log-actor.owner{color:var(--primary-light)}.cd-task-card.clickable{cursor:pointer}.cd-tc-go{color:var(--text-dim);font-size:var(--fs-xl);padding-inline-start:var(--sp-2);line-height:1}.rating-item-hl{border-radius:var(--radius-md);animation:1.1s 3 item-hl}@keyframes item-hl{0%,to{box-shadow:0 0 #0000}50%{box-shadow:0 0 0 4px color-mix(in srgb, var(--primary) 55%, transparent)}}.guide-layout{gap:var(--sp-6);grid-template-columns:minmax(0,1fr) 340px;align-items:start;display:grid}.guide-stage{min-width:0}.guide-crumb{gap:var(--sp-2);color:var(--text-muted);font-size:var(--fs-sm);margin-bottom:var(--sp-3);flex-wrap:wrap;display:flex}.guide-crumb-sep{color:var(--text-dim)}.guide-player{background:var(--bg-3);border-radius:var(--radius);border:1px solid var(--border);height:0;box-shadow:var(--shadow-md);padding-bottom:56.25%;position:relative;overflow:hidden}.guide-player iframe{border:0;width:1px;min-width:100%;max-width:100%;height:100%;display:block;position:absolute;inset:0}.guide-lesson-title{margin:var(--sp-5) 0 var(--sp-2);font-size:var(--fs-xl);font-weight:var(--fw-bold)}.guide-lesson-desc{color:var(--text-muted);margin:0 0 var(--sp-4);white-space:pre-line;line-height:1.9}.guide-actions{gap:var(--sp-2);margin-top:var(--sp-4);flex-wrap:wrap;align-items:center;display:flex}.guide-actions .btn{white-space:nowrap;overflow-wrap:normal}.guide-yt{margin-inline-start:auto}.guide-list{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-4);gap:var(--sp-3);top:var(--sp-4);max-height:calc(100vh - var(--sp-8));flex-direction:column;display:flex;position:sticky;overflow:auto}.guide-progress-text{font-size:var(--fs-sm);color:var(--text-muted);margin-bottom:var(--sp-2)}.guide-progress-text strong{color:var(--text)}.guide-progress-bar{background:var(--tint-2);border-radius:999px;height:6px;overflow:hidden}.guide-progress-fill{background:linear-gradient(90deg, var(--primary), var(--primary-light));height:100%;transition:width var(--t-base);border-radius:999px}.guide-search{width:100%}.guide-section{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--bg-2);overflow:hidden}.guide-section-head{align-items:center;gap:var(--sp-2);width:100%;padding:var(--sp-3);color:var(--text);text-align:start;cursor:pointer;font:inherit;background:0 0;border:0;display:flex}.guide-section-head:hover{background:var(--tint-1)}.guide-section-icon{font-size:var(--fs-lg)}.guide-section-title{font-weight:var(--fw-bold);flex:1;min-width:0}.guide-section-meta{font-size:var(--fs-xs);color:var(--text-muted);white-space:nowrap}.guide-section-chev{color:var(--text-dim);transition:transform var(--t-fast)}.guide-section.is-open .guide-section-chev{transform:rotate(180deg)}.guide-lessons{padding:0 var(--sp-2) var(--sp-2);flex-direction:column;gap:2px;margin:0;list-style:none;display:flex}.guide-lesson{align-items:center;gap:var(--sp-3);width:100%;padding:var(--sp-2);border-radius:var(--radius-sm);color:var(--text);text-align:start;cursor:pointer;font:inherit;background:0 0;border:0;display:flex}.guide-lesson:hover{background:var(--tint-1)}.guide-lesson.is-active{background:color-mix(in srgb, var(--primary) 16%, transparent);box-shadow:inset 3px 0 0 var(--primary)}.guide-lesson-thumb{aspect-ratio:16/9;border-radius:var(--radius-xs);background:var(--bg-3);flex:0 0 72px;position:relative;overflow:hidden}.guide-lesson-thumb img{object-fit:cover;width:100%;height:100%;display:block}.guide-lesson-state{color:var(--text);font-size:var(--fs-sm);background:color-mix(in srgb, var(--bg) 35%, transparent);place-items:center;display:grid;position:absolute;inset:0}.guide-lesson.is-done .guide-lesson-state{background:color-mix(in srgb, var(--green) 55%, transparent);font-weight:var(--fw-bold)}.guide-lesson-body{gap:var(--sp-2);align-items:baseline;min-width:0;display:flex}.guide-lesson-num{color:var(--text-dim);font-size:var(--fs-xs);font-variant-numeric:tabular-nums}.guide-lesson-name{font-size:var(--fs-sm);line-height:1.5}.guide-lesson.is-done .guide-lesson-name{color:var(--text-muted)}.guide-empty{margin:var(--sp-10) auto;max-width:480px}@media (width<=900px){.guide-layout{grid-template-columns:1fr}.guide-list{max-height:none;position:static}.guide-yt{margin-inline-start:0}}.pub-header{z-index:1;justify-content:space-between;align-items:center;gap:var(--sp-3);padding:var(--sp-5) 5%;border-bottom:1px solid var(--tint-2);display:flex;position:relative}.pub-brand{font-size:var(--fs-xl);font-weight:var(--fw-bold);white-space:nowrap;background:-webkit-linear-gradient(45deg, var(--info-light), var(--primary-light));-webkit-text-fill-color:transparent;-webkit-background-clip:text;text-decoration:none}.pub-actions{gap:var(--sp-2);flex-wrap:wrap;justify-content:flex-end;align-items:center;display:flex}.pub-actions .btn{white-space:nowrap;overflow-wrap:normal}@media (width<=640px){.pub-header{padding:var(--sp-4) var(--sp-4);flex-direction:column;align-items:stretch}.pub-actions{justify-content:center}}.pub-shell{background:var(--bg);min-height:100vh;color:var(--text);flex-direction:column;display:flex}.pub-glow{background:radial-gradient(ellipse, color-mix(in srgb, var(--primary) 12%, transparent) 0%, transparent 70%);z-index:0;pointer-events:none;width:50%;height:60%;position:fixed;top:-20%;right:-10%}.pub-main{z-index:1;width:100%;max-width:820px;padding:var(--sp-8) var(--sp-5);flex:1;margin:0 auto;position:relative}.pub-main.is-wide{max-width:1240px}.pub-intro{margin-bottom:var(--sp-6)}.pub-card{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-6)}.pub-card+.pub-card{margin-top:var(--sp-5)}.pub-footer{z-index:1;text-align:center;padding:var(--sp-8) var(--sp-5);color:var(--text-dim);border-top:1px solid var(--tint-2);font-size:var(--fs-sm);position:relative}.pub-footer-links{gap:var(--sp-5);margin-bottom:var(--sp-3);flex-wrap:wrap;justify-content:center;display:flex}.pub-footer-links a{color:var(--primary-light);text-decoration:none}.pub-footer-links a:hover{text-decoration:underline}@media (width<=640px){.pub-main{padding:var(--sp-5) var(--sp-4)}.pub-card{padding:var(--sp-4)}}.cropper-overlay{z-index:400}.cropper{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);align-items:center;gap:var(--sp-3);width:min(100%,520px);box-shadow:var(--shadow-lg);flex-direction:column;display:flex}.cropper-head{justify-content:space-between;align-items:center;gap:var(--sp-2);width:100%;display:flex}.cropper-head strong{font-size:var(--fs-base)}.cropper-frame{border-radius:var(--radius-md);background:var(--bg-3);touch-action:none;cursor:grab;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.cropper-frame:active{cursor:grabbing}.cropper-frame canvas{display:block}.cropper-loading{color:var(--text-muted);font-size:var(--fs-sm);place-items:center;display:grid;position:absolute;inset:0}.cropper-grid{pointer-events:none;background:linear-gradient(to right, transparent calc(33.33% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(33.33% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(33.33% + .5px), transparent calc(33.33% + .5px), transparent calc(66.66% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(66.66% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(66.66% + .5px), transparent calc(66.66% + .5px)), linear-gradient(to bottom, transparent calc(33.33% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(33.33% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(33.33% + .5px), transparent calc(33.33% + .5px), transparent calc(66.66% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(66.66% - .5px), color-mix(in srgb, var(--text) 35%, transparent) calc(66.66% + .5px), transparent calc(66.66% + .5px));position:absolute;inset:0}.cropper-mask{pointer-events:none;display:none;position:absolute;inset:0}.cropper-frame.is-round .cropper-mask{box-shadow:0 0 0 9999px color-mix(in srgb, var(--bg) 70%, transparent);border-radius:50%;display:block}.cropper-frame.is-round .cropper-grid{display:none}.cropper-zoom{align-items:center;gap:var(--sp-2);width:100%;max-width:440px;display:flex}.cropper-zoom input{accent-color:var(--primary);flex:1}.cropper-aspects{gap:var(--sp-1);flex-wrap:wrap;justify-content:center;display:flex}.cropper-hint{color:var(--text-dim);font-size:var(--fs-xs);text-align:center;margin:0}.pw-wrap{vertical-align:middle;display:inline-block;position:relative}.pw-wrap>.pw-input.pw-ltr{padding-right:2.9rem!important}.pw-wrap>.pw-input.pw-rtl{padding-left:2.9rem!important}.pw-eye{width:36px;height:36px;min-height:0;color:var(--text-muted);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;line-height:0;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.pw-eye:hover{color:var(--text);background:var(--tint-1)}.pw-eye:focus-visible{outline:2px solid var(--primary-light);outline-offset:1px}.tour-fab{inset-inline-end:max(14px, env(safe-area-inset-left));bottom:calc(14px + env(safe-area-inset-bottom));z-index:60;border:1px solid var(--border);background:var(--card-bg);width:48px;height:48px;min-height:48px;color:var(--text);cursor:pointer;box-shadow:var(--shadow-md);border-radius:50%;place-items:center;padding:0;font-size:1.35rem;line-height:1;display:grid;position:fixed}.tour-fab:hover{background:var(--tint-1)}.driver-active .tour-fab{display:none}.tour-fab.is-fresh{animation:1.8s ease-in-out infinite tour-pulse}@keyframes tour-pulse{0%,to{box-shadow:var(--shadow-md), 0 0 0 0 color-mix(in srgb, var(--primary) 55%, transparent)}50%{box-shadow:var(--shadow-md), 0 0 0 10px transparent}}@media (prefers-reduced-motion:reduce){.tour-fab.is-fresh{animation:none}}.driver-popover.nujomi-tour{text-align:start;background:var(--bg-2);color:var(--text);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:var(--sp-4);max-width:min(92vw,360px);font-family:inherit}.driver-popover.nujomi-tour .driver-popover-title{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--text);font-family:inherit}.driver-popover.nujomi-tour .driver-popover-description{font-size:var(--fs-sm);color:var(--text-muted);font-family:inherit;line-height:1.8}.driver-popover.nujomi-tour .driver-popover-progress-text{color:var(--text-dim);font-size:var(--fs-xs)}.driver-popover.nujomi-tour .driver-popover-footer{margin-top:var(--sp-3)}.driver-popover.nujomi-tour .driver-popover-navigation-btns{gap:var(--sp-2);flex-direction:row-reverse}.driver-popover.nujomi-tour .driver-popover-navigation-btns button{text-shadow:none;font-family:inherit;font-weight:var(--fw-bold);border-radius:var(--radius-sm);min-height:36px;padding:.45rem .9rem}.driver-popover.nujomi-tour .driver-popover-next-btn{background:var(--primary);color:var(--on-primary);border:0}.driver-popover.nujomi-tour .driver-popover-next-btn:hover{background:var(--primary-dark)}.driver-popover.nujomi-tour .driver-popover-prev-btn{color:var(--text-muted);border:1px solid var(--border);background:0 0}.driver-popover.nujomi-tour .driver-popover-close-btn{color:var(--text-dim);font-size:1.2rem;inset-inline:auto 4px}.driver-popover.nujomi-tour .driver-popover-arrow-side-bottom.driver-popover-arrow{border-bottom-color:var(--bg-2)}.driver-popover.nujomi-tour .driver-popover-arrow-side-top.driver-popover-arrow{border-top-color:var(--bg-2)}.driver-popover.nujomi-tour .driver-popover-arrow-side-left.driver-popover-arrow{border-left-color:var(--bg-2)}.driver-popover.nujomi-tour .driver-popover-arrow-side-right.driver-popover-arrow{border-right-color:var(--bg-2)}.nujomi-tour-close{background:color-mix(in srgb, var(--red) 14%, transparent);border:1px solid color-mix(in srgb, var(--red) 45%, transparent);border-radius:var(--radius-xs);color:var(--red-light);font-family:inherit;font-size:var(--fs-xs);font-weight:var(--fw-bold);padding:var(--sp-1) var(--sp-3);cursor:pointer;margin-inline-start:auto}.nujomi-tour .driver-popover-footer{gap:var(--sp-3)}.nujomi-tour .driver-popover-navigation-btns{gap:var(--sp-2);flex-direction:row!important}.nujomi-tour .driver-popover-prev-btn{order:1}.nujomi-tour .driver-popover-next-btn{order:2}.nujomi-tour-close:hover{background:color-mix(in srgb, var(--red) 24%, transparent);border-color:var(--red)}.nujomi-tour-off{width:100%;margin-top:var(--sp-2);color:var(--text-dim);font-size:var(--fs-xs);cursor:pointer;background:0 0;border:0;font-family:inherit;text-decoration:underline;display:block}.driver-active .driver-active-element{border-radius:12px}.cert-preview{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--sp-4);gap:var(--sp-3);width:min(100%,720px);max-height:92vh;box-shadow:var(--shadow-lg);flex-direction:column;display:flex;overflow:auto}.cert-preview-img{border-radius:var(--radius-md);width:100%;height:auto;box-shadow:var(--shadow-md);display:block}.cert-preview-note{text-align:center;color:var(--green);font-weight:var(--fw-bold);font-size:var(--fs-sm);margin:0}.memory-kinds{margin-bottom:var(--sp-5)}.export-modal{width:min(560px,100%)}.export-group{gap:var(--sp-2);margin-bottom:var(--sp-4);flex-direction:column;display:flex}.export-row{gap:var(--sp-4);grid-template-columns:1fr 1fr;display:grid}.export-choices{gap:var(--sp-2);grid-template-columns:1fr 1fr;display:grid}.export-choice{text-align:center;padding:var(--sp-3);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--bg-2);color:var(--text);cursor:pointer;flex-direction:column;align-items:center;gap:2px;min-height:44px;font-family:inherit;display:flex}.export-choice small{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5}.export-choice-icon{font-size:1.6rem;line-height:1}.export-choice.sm{padding:var(--sp-2)}.export-choice.sm .export-choice-icon{font-size:1.3rem}.export-choice.is-on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, var(--bg-2))}.export-check{align-items:center;gap:var(--sp-2);margin-bottom:var(--sp-4);cursor:pointer;display:flex}@media (width<=480px){.export-row{grid-template-columns:1fr}}.tool-choices{gap:var(--sp-2);grid-template-columns:repeat(auto-fit,minmax(200px,1fr));display:grid}.tool-choice{gap:var(--sp-2);padding:var(--sp-3);border:2px solid var(--border);border-radius:var(--radius-md);background:var(--bg-2);cursor:pointer;align-items:flex-start;display:flex}.tool-choice input{accent-color:var(--primary);margin-top:4px}.tool-choice span{flex-direction:column;gap:2px;display:flex}.tool-choice small{color:var(--text-muted);font-size:var(--fs-xs);line-height:1.5}.tool-choice.is-on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 12%, var(--bg-2))}.tool-check{cursor:pointer;font-weight:var(--fw-semibold);flex-direction:column;gap:2px;display:inline-flex}.tool-check input{accent-color:var(--primary);margin-inline-end:var(--sp-2)}.tool-check small{color:var(--text-muted);font-size:var(--fs-xs);font-weight:400}.tool-state{background:var(--bg-3);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4);margin-bottom:var(--sp-4);text-align:left;font-family:ui-monospace,Consolas,monospace;font-size:12.5px;line-height:1.7}.lb{z-index:1300;color:#fff;touch-action:none;-webkit-user-select:none;user-select:none;direction:rtl;background:#000000eb;flex-direction:column;display:flex;position:fixed;inset:0}.lb-top{z-index:2;justify-content:space-between;align-items:center;gap:var(--sp-2);padding:calc(var(--sp-3) + env(safe-area-inset-top)) var(--sp-3) var(--sp-3);background:linear-gradient(#0000008c,#0000);display:flex;position:absolute;top:0;left:0;right:0}.lb-count{font-size:var(--fs-sm);color:#ffffffd9;font-variant-numeric:tabular-nums}.lb-actions{gap:var(--sp-1);display:flex}.lb-btn{color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:50%;place-items:center;width:42px;height:42px;min-height:42px;padding:0;font-size:1.1rem;display:grid}.lb-btn:hover{background:#ffffff38}.lb-stage{cursor:zoom-out;flex:1;justify-content:center;align-items:center;display:flex;overflow:hidden}.lb-img{object-fit:contain;will-change:transform;max-width:100vw;max-height:100vh}.lb-nav{z-index:2;color:#fff;cursor:pointer;background:#ffffff1f;border:0;border-radius:12px;place-items:center;width:46px;height:64px;font-size:2rem;line-height:1;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.lb-nav:hover{background:#ffffff3d}.lb-next{inset-inline-end:10px}.lb-prev{inset-inline-start:10px}.lb-caption{z-index:2;padding:var(--sp-4) var(--sp-4) calc(var(--sp-4) + env(safe-area-inset-bottom));text-align:center;pointer-events:none;background:linear-gradient(#0000,#000000b3);flex-direction:column;gap:2px;display:flex;position:absolute;bottom:0;left:0;right:0}.lb-caption strong{font-size:var(--fs-md)}.lb-caption span{font-size:var(--fs-sm);color:#ffffffbf}@media (pointer:coarse){.lb-nav{display:none}}.memory-photos{position:relative}.memory-more{bottom:8px;color:#fff;font-size:var(--fs-xs);font-weight:var(--fw-bold);cursor:zoom-in;background:#0009;border-radius:999px;padding:2px 10px;position:absolute;inset-inline-end:8px}.fs-grid{gap:var(--sp-3);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}@media (width<=1200px){.fs-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.fs-btn{padding:var(--sp-4) var(--sp-2);background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);min-height:112px;color:var(--text);cursor:pointer;text-align:center;transition:transform var(--t-fast), border-color var(--t-fast), background var(--t-fast);flex-direction:column;justify-content:flex-start;align-items:center;gap:4px;font-family:inherit;display:flex}.fs-btn:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border));background:color-mix(in srgb, var(--primary) 8%, var(--card-bg));transform:translateY(-2px)}.fs-icon{margin-bottom:2px;font-size:1.7rem;line-height:1}.fs-label{font-weight:var(--fw-bold);font-size:var(--fs-sm);line-height:1.35}.fs-hint{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}@media (width<=768px){.fs-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.45rem}.fs-btn{border-radius:var(--radius-md);min-height:104px;padding:.7rem .35rem}.fs-icon{font-size:1.45rem}.fs-label{font-size:.78rem}.fs-hint{font-size:.64rem}.dashboard-content{gap:1.1rem!important;padding:1.1rem .9rem!important}.stats-grid{gap:.4rem!important}}.rk-section{background:var(--card-bg);border:1px solid var(--border);border-radius:var(--radius);padding:var(--sp-5)}.rk-section+.rk-section{margin-top:var(--sp-5)}.rk-head{justify-content:space-between;align-items:flex-start;gap:var(--sp-3);margin-bottom:var(--sp-4);flex-wrap:wrap;display:flex}.rk-title{font-size:var(--fs-md);font-weight:var(--fw-bold);align-items:center;gap:var(--sp-2);margin:0;display:flex}.rk-hint{color:var(--text-muted);font-size:var(--fs-xs);margin:4px 0 0;line-height:1.6}.rk-tiles{grid-template-columns:repeat(var(--rk-cols,4), minmax(0, 1fr));gap:var(--sp-3);display:grid}.rk-tile{text-align:center;padding:var(--sp-4) var(--sp-2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);flex-direction:column;align-items:center;gap:2px;min-width:0;display:flex}.rk-tile-icon{font-size:1.35rem;line-height:1}.rk-tile-value{font-size:var(--fs-2xl);font-weight:var(--fw-black);font-variant-numeric:tabular-nums;line-height:1.15}.rk-tile-label{font-size:var(--fs-xs);color:var(--text-muted);line-height:1.4}.rk-tile-sub{color:var(--text-dim);font-size:.68rem;line-height:1.4}.rk-bars{gap:var(--sp-3);flex-direction:column;display:flex}.rk-bar{align-items:center;gap:var(--sp-3);grid-template-columns:minmax(0,8rem) 1fr auto;display:grid}.rk-bar-label{font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rk-bar-track{background:var(--tint-2);border-radius:999px;height:10px;overflow:hidden}.rk-bar-fill{height:100%;transition:width var(--t-slow);border-radius:999px;display:block}.rk-bar-value{font-size:var(--fs-sm);font-weight:var(--fw-bold);font-variant-numeric:tabular-nums;text-align:left;min-width:3.2rem}.rk-bar-sub{font-size:var(--fs-xs);color:var(--text-dim);grid-column:1/-1;margin-top:-6px}.rk-ring{flex:none;position:relative}.rk-ring-center{flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:absolute;inset:0}.rk-ring-center strong{font-size:var(--fs-xl);font-variant-numeric:tabular-nums}.rk-ring-center span{font-size:var(--fs-xs);color:var(--text-muted)}.rk-legend{gap:var(--sp-2);font-size:var(--fs-sm);flex-direction:column;max-width:260px;margin:0;padding:0;list-style:none;display:flex}.rk-legend li{align-items:center;gap:var(--sp-2);display:flex}.rk-legend b{font-variant-numeric:tabular-nums;margin-inline-start:auto}.rk-dot{border-radius:50%;flex:none;width:12px;height:12px}.rk-split{gap:var(--sp-5);flex-wrap:wrap;align-items:center;display:flex}.rk-split>.rk-legend{flex:180px}.rk-daybars{height:110px;padding-top:var(--sp-2);align-items:flex-end;gap:3px;display:flex}.rk-daybar{background:color-mix(in srgb, var(--tint-1) 60%, transparent);border-radius:3px;flex:1 1 0;align-items:flex-end;min-width:3px;height:100%;display:flex;overflow:hidden}.rk-daybar-fill{width:100%;min-height:3px;transition:height var(--t-slow);border-radius:3px}.rk-period{flex:none}.rk-empty{padding:var(--sp-6)}.rk-child{align-items:center;gap:var(--sp-3);padding:var(--sp-3);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);cursor:pointer;text-align:start;width:100%;color:var(--text);font-family:inherit;display:flex}.rk-child:hover{border-color:color-mix(in srgb, var(--primary) 45%, var(--border))}.rk-child-avatar{border-radius:50%;flex:none;place-items:center;width:44px;height:44px;font-size:1.4rem;display:grid;overflow:hidden}.rk-child-main{flex:1;min-width:0}.rk-child-name,.rk-child-sub{display:block}.rk-child-name{font-weight:var(--fw-bold)}.rk-child-sub{font-size:var(--fs-xs);color:var(--text-muted)}.rk-child-metric{text-align:center;font-variant-numeric:tabular-nums}.rk-child-metric b{font-size:var(--fs-lg);display:block}.rk-child-metric span{color:var(--text-dim);font-size:.65rem}@media (width<=768px){.rk-section{padding:var(--sp-4)}.rk-section+.rk-section{margin-top:var(--sp-4)}.rk-tiles{grid-template-columns:repeat(var(--rk-cols-m,2), minmax(0, 1fr));gap:.5rem}.rk-tile{padding:.7rem .4rem}.rk-tile-value{font-size:1.35rem}.rk-bar{gap:var(--sp-2);grid-template-columns:minmax(0,6rem) 1fr auto}.rk-split{gap:var(--sp-4);justify-content:center}}.rk-picker{gap:var(--sp-2);padding-bottom:var(--sp-2);margin-bottom:var(--sp-4);scrollbar-width:thin;display:flex;overflow-x:auto}.rk-chip{align-items:center;gap:var(--sp-2);border:2px solid var(--border);background:var(--card-bg);color:var(--text);cursor:pointer;font-family:inherit;font-weight:var(--fw-semibold);font-size:var(--fs-sm);white-space:nowrap;border-radius:999px;flex:none;min-height:44px;padding:6px 14px 6px 6px;display:flex}.rk-chip:hover{border-color:color-mix(in srgb, var(--primary) 40%, var(--border))}.rk-chip.is-on{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, var(--card-bg))}.rk-chip-avatar{border-radius:50%;flex:none;place-items:center;width:30px;height:30px;font-size:1rem;display:grid;overflow:hidden}.fs-title{margin:0 0 var(--sp-3);font-size:var(--fs-md);font-weight:var(--fw-bold)}.family-services+.family-services{margin-top:var(--sp-1)}.cd-topbar-mid{flex:1;min-width:0;overflow-x:auto}.cd-topbar-mid .rk-picker{margin:0;padding:0}.cd-share-btn{border:1px solid color-mix(in srgb, var(--text) 25%, transparent);background:color-mix(in srgb, var(--bg) 40%, transparent);width:44px;height:44px;min-height:44px;color:var(--text);cursor:pointer;border-radius:50%;flex:none;place-items:center;padding:0;font-size:1.2rem;display:grid}.cd-share-btn:hover{background:var(--tint-1)}.kid-learn{padding-bottom:var(--sp-8)}.cd-shared-error{justify-content:center;align-items:center;gap:var(--sp-3);text-align:center;min-height:100vh;padding:var(--sp-8);background:var(--bg);color:var(--text);flex-direction:column;display:flex}.cd-shared-error span{font-size:3rem}.cd-shared-error p{color:var(--text-muted);margin:0}@media print{body>:not(.print-certificate){display:none!important}html,body{background:#fff!important;height:auto!important}@page{margin:.5cm}.print-certificate{break-inside:avoid;page-break-inside:avoid;text-align:center;box-sizing:border-box;flex-direction:column;justify-content:center;align-items:center;width:100%;min-height:95vh;padding:2rem;display:flex;position:static;color:#000!important;background:#fff!important}.print-certificate .cert-border{border:15px solid var(--cert-color,var(--yellow-dark));background:color-mix(in srgb, var(--yellow) 8%, transparent);border-radius:20px;flex-direction:column;justify-content:center;align-items:center;width:90%;height:90%;padding:3rem;display:flex}.print-certificate h1{color:var(--cert-color,var(--yellow-dark));margin-bottom:1rem;font-size:4rem}.print-certificate .cert-icon{justify-content:center;align-items:center;margin-bottom:1rem;font-size:6rem;display:flex}.print-certificate .cert-icon img{object-fit:cover;border:5px solid var(--cert-color,var(--yellow-dark));border-radius:20px;width:150px;height:150px}.print-certificate p{margin-bottom:2rem;font-size:2rem}.print-certificate .cert-date{color:#666;font-size:1.5rem}.print-certificate .cert-child{color:var(--cert-color,var(--yellow-dark));margin:2rem 0;font-size:3rem;font-weight:700}}.support-modal{width:min(560px,100%);max-height:88dvh;position:relative;overflow:auto}.support-thread{gap:var(--sp-3);margin-top:var(--sp-4);max-height:44vh;flex-direction:column;padding-inline-end:var(--sp-1);display:flex;overflow:auto}.support-msg{background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-md);padding:var(--sp-3) var(--sp-4)}.support-msg.is-admin{background:color-mix(in srgb, var(--primary) 12%, transparent);border-color:color-mix(in srgb, var(--primary) 35%, var(--border))}.support-msg-who{font-size:var(--fs-xs);font-weight:var(--fw-bold);color:var(--text-muted);margin-bottom:var(--sp-1)}.support-msg-text{white-space:pre-wrap;line-height:1.9}.support-msg-at{font-size:var(--fs-xs);color:var(--text-dim);margin-top:var(--sp-2)}.support-row{align-items:center;gap:var(--sp-2);background:var(--bg-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;padding:var(--sp-3);color:inherit;font:inherit;cursor:pointer;text-align:start;display:flex}.support-row:hover{background:var(--tint-1)}.support-dot{background:var(--red);border-radius:50%;flex:none;width:8px;height:8px}.mysr-form-input,.mysr-form-form input{background:var(--surface-2)!important;border:1px solid var(--border)!important;color:var(--text)!important;border-radius:var(--radius-xs)!important}.mysr-form-input:focus,.mysr-form-form input:focus{border-color:var(--primary)!important;box-shadow:0 0 0 3px color-mix(in srgb, var(--primary) 22%, transparent)!important;outline:none!important}.mysr-form-input::placeholder,.mysr-form-form input::placeholder,.mysr-form-label,.mysr-form-form label{color:var(--text-muted)!important}.mysr-form-form,.mysr-form-card,.mysr-form-top,.mysr-form-bottom{color:var(--text)!important;background:0 0!important}.mysr-form-submit,.mysr-form-button{background:var(--primary)!important;color:var(--on-primary)!important;border-radius:var(--radius-xs)!important;font-weight:var(--fw-bold)!important;border:none!important}.mysr-form-submit:hover,.mysr-form-button:hover{filter:brightness(1.08)}.mysr-form-divider{color:var(--text-muted)!important;border-color:var(--border)!important}.mysr-form-footer,.mysr-form-moyasar{color:var(--text-muted)!important}.mysr-form-required,.mysr-form-fail,.mysr-form-alert{color:var(--red-light)!important}.mysr-form-notice{display:none!important}.bell-slot{order:99;position:relative}.meal-tiles{gap:var(--sp-4);grid-template-columns:repeat(auto-fill,minmax(116px,1fr));display:grid}.support-badge{background:var(--red);min-width:20px;height:20px;color:var(--on-danger);font-size:var(--fs-xs);font-weight:var(--fw-bold);border-radius:999px;place-items:center;margin-inline-start:auto;padding:0 6px;line-height:1;display:inline-grid}.btn-whatsapp>.support-badge{top:-4px;margin:0;position:absolute;inset-inline-start:-4px}@media (width<=768px){.page-header{padding-top:calc(.85rem + env(safe-area-inset-top,0px));align-items:center;row-gap:.55rem}.page-header>.app-burger{flex:none;order:0}.page-header>.back-btn{flex:none;order:1}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger){flex:100%;order:3;justify-content:flex-start;gap:.5rem!important}.page-header>.page-title-wrap{flex-wrap:nowrap;order:2;min-width:0;flex:100%!important;gap:.7rem!important}.page-title-wrap>div{flex-wrap:nowrap;min-width:0}.page-title-wrap>div>div{min-width:0}.page-title{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.page-header>:not(.page-title-wrap){flex-wrap:wrap;min-width:0}.page-header [style*="width: 2px"],.page-header [style*=width\:2px]{display:none}.page-title{font-size:1.05rem;line-height:1.35}.page-sub{white-space:normal;font-size:.75rem;line-height:1.5}.page-header .date-picker{flex:140px;min-width:0}.modal-overlay{padding:.75rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px));align-items:center}.modal-card{border-radius:var(--radius-lg,16px);max-height:88dvh;padding:1.15rem}.modal-close{justify-content:center;align-items:center;min-width:44px;min-height:44px;font-size:1.35rem;display:flex}.modal-card>div:last-child:not(.modal-header)>.btn-primary,.modal-card>div:last-child:not(.modal-header)>.btn-secondary{flex:130px}.board-action-btn,.settings-btn,.modal-close,.btn-icon{justify-content:center;align-items:center;min-width:40px;min-height:40px;display:inline-flex}.board-actions{gap:.35rem}.boards-grid,.template-grid{grid-template-columns:1fr}.board-name,.m-name{overflow-wrap:anywhere}}@media (width<=400px){.template-grid{grid-template-columns:repeat(2,1fr)}.page-header{gap:.5rem;padding:.7rem .75rem}.modal-card{padding:1rem}}@media (width<=768px){[style*=grid-template-columns]>*,[style*="display: grid"]>*{min-width:0}[style*=repeat\(auto-fit],[style*=repeat\(auto-fill]{grid-template-columns:1fr!important}}@media (width<=520px){[style*="grid-template-columns: 1fr 1fr"],[style*="grid-template-columns: 2fr 1fr"]{grid-template-columns:1fr!important}}@media (width<=768px){.btn,.btn-primary,.btn-secondary,.btn-ghost,.btn-outline-danger,.btn-whatsapp,.back-btn,.card-btn,.quick-action-btn,.family-option-btn,.role-btn{border-radius:var(--radius-sm,12px);text-align:center;white-space:normal;overflow-wrap:anywhere;justify-content:center;align-items:center;gap:.4rem;min-height:44px;padding:.65rem 1rem;font-size:.92rem;line-height:1.3;display:inline-flex}.btn-sm{min-height:40px;padding:.5rem .85rem;font-size:.85rem}.btn-lg{min-height:52px;font-size:1rem}.btn-block,.w-full{width:100%}.btn-icon,.btn-icon-danger,.board-action-btn,.settings-btn,.modal-close{border-radius:var(--radius-sm,12px);justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:0;display:inline-flex}.quick-actions,.dashboard-actions,.action-row,.btn-row{grid-template-columns:repeat(2,1fr);gap:.6rem;display:grid!important}.quick-actions>*,.dashboard-actions>*,.action-row>*,.btn-row>*{width:100%}}@media (width<=380px){.quick-actions,.dashboard-actions,.action-row,.btn-row{grid-template-columns:1fr}.btn,.btn-primary,.btn-secondary{padding:.6rem .8rem;font-size:.88rem}}@media (width<=768px){button:not(.btn-icon):not(.btn-icon-danger):not(.board-action-btn):not(.settings-btn):not(.modal-close):not([class*=color-rating]),a.btn,a.btn-primary,a.btn-secondary{min-height:44px}[style*=grid-column],[style*=gridColumn]{grid-column:1/-1!important}[style*="overflow-x: auto"]:not(table):not(.custom-scrollbar-keep),[style*=overflowX]:not(table):not(.custom-scrollbar-keep){flex-wrap:wrap;overflow-x:visible}}.admin-topbar{display:none}.bell-panel{inset-inline-end:0;background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius);width:min(340px,100vw - 2rem);max-height:70vh;box-shadow:0 12px 32px var(--overlay-2);z-index:1000;position:absolute;top:calc(100% + 6px);overflow-y:auto}.admin-head{z-index:20;background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:flex-end;align-items:center;padding:.5rem 1.25rem;display:flex;position:sticky;top:0}.admin-scrim{display:none}@media (width<=900px){.admin-shell{flex-direction:column}.admin-head{display:none}.bell-panel{width:auto;inset-inline:.75rem;top:calc(3.4rem + env(safe-area-inset-top,0px));max-height:70vh;position:fixed}.admin-topbar{padding:.7rem 1rem;padding-top:calc(.7rem + env(safe-area-inset-top,0px));background:var(--bg-2);border-bottom:1px solid var(--border);z-index:60;align-items:center;gap:.75rem;display:flex;position:sticky;top:0}.admin-burger{background:var(--tint-1);border:1px solid var(--border);border-radius:var(--radius-sm,12px);min-width:44px;min-height:44px;color:var(--text);cursor:pointer;font-size:1.35rem}.admin-sidebar{top:0;max-width:86vw;box-shadow:-12px 0 30px var(--overlay-2);transition:transform .24s;inset-inline-start:0;transform:translate(105%);z-index:80!important;height:100dvh!important;position:fixed!important}[dir=ltr] .admin-sidebar:not(.open){box-shadow:12px 0 30px var(--overlay-2);transform:translate(-105%)}.admin-sidebar.open{transform:translate(0)}.admin-sidebar{background:var(--bg-2)!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important}.admin-scrim{background:var(--overlay-3);z-index:70;display:block;position:fixed;inset:0}.admin-shell>div:last-child{width:100%;min-width:0}.ui-page{padding:1rem!important}.ui-page table{min-width:560px}.ui-page .card{overflow-x:auto}}@media (width<=768px){.ui-toolbar,.ui-actionbar{grid-template-columns:repeat(2,1fr);align-items:stretch;gap:.6rem;display:grid}.ui-toolbar>*,.ui-actionbar>*{width:100%;min-width:0}.ui-toolbar>:last-child:nth-child(odd),.ui-actionbar>:last-child:nth-child(odd){grid-column:1/-1!important}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger){grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:.5rem!important;display:grid!important}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>*{box-sizing:border-box;width:100%;min-width:0;max-width:100%}.page-header input[type=date]{appearance:none;box-sizing:border-box;min-width:0;max-width:100%;overflow:hidden}input[type=date],input[type=time],input[type=datetime-local]{appearance:none;box-sizing:border-box;width:100%;min-width:0;max-width:100%}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>input,.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>select,.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>button{height:auto!important;min-height:44px!important}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>:last-child:nth-child(odd){grid-column:1/-1}.back-btn{flex:none!important;width:auto!important;min-height:40px!important;padding:.45rem .85rem!important;font-size:.85rem!important}.page-header>.page-title-wrap{flex:100%!important}.greeting-section{padding:1rem!important}.btn+.btn{flex:1 1 0!important}.btn:has(+.btn){flex:1 1 0!important}.chip-row>.btn{white-space:nowrap;overflow-wrap:normal;flex:auto!important}.dashboard-content,.boards-page-content,.ui-page,.cd-main,.auth-page{padding-bottom:calc(5.5rem + env(safe-area-inset-bottom,0px))!important}.stats-grid{grid-template-columns:repeat(3,1fr)!important;gap:.5rem!important}.stat-card{min-width:0;padding:.65rem .4rem!important}.stat-icon{margin-bottom:.15rem!important;font-size:1.15rem!important}.stat-value{line-height:1.2;font-size:1.15rem!important}.stat-label{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;margin-top:.1rem!important;font-size:.68rem!important}.quick-action-btn{word-break:keep-all;overflow-wrap:normal;-webkit-hyphens:none;hyphens:none;padding-inline:.3rem!important;font-size:.78rem!important}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger):has(>:only-child){justify-content:flex-start;display:flex!important}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>:only-child{flex:none;width:auto;min-width:150px}.page-header>:not(.back-btn):not(.page-title-wrap):not(.app-burger)>input:only-child{flex:auto;width:100%}.navbar-center,.navbar-end{display:none!important}}
