:root{--color-second-background:#d8d8d8;--color-background:#f8f8f8;--color-foreground:#818181;--color-primary:#f4ebdb;--color-secondary:#e0e0e0;--color-accent:#6a6a6a;--color-error:#dc3545;--color-success:#28a745;--color-white:#ffffff;--color-white-transparent:rgba(255,255,255,0.6);--color-light-gray:#e1e1e1;--color-black:#021c1e;--color-theme:#262626;--color-theme-transparent:rgba(38,38,38,0.8);--color-primary-transparent:rgba(162,144,97,0.5);--shadow-light:0 1px 3px rgba(0,0,0,0.08);--shadow-medium:0 4px 12px rgba(0,0,0,0.1);--border-light:1px solid var(--color-secondary);--spacing-xs:5px;--spacing-sm:10px;--spacing-md:20px;--spacing-lg:30px;--spacing-xl:40px;--color-second-background:#f6f5f1;--color-background:#fbfaf8;--color-foreground:#102324;--color-primary:#0d5b53;--color-secondary:#e8e5df;--color-accent:#6b7472;--color-light-gray:#efede8;--color-black:#07191a;--color-theme:#ffffff;--color-theme-transparent:rgba(255,255,255,0.86);--pos-surface:#ffffff;--pos-surface-soft:#fbfaf7;--pos-border:rgba(7,25,26,0.1);--pos-shadow:0 14px 40px rgba(12,31,32,0.08);--pos-radius-lg:26px;--pos-radius-md:18px}*{outline:none}body.watch-mode-active,body.watch-mode-active .layout-main{overflow:hidden}body,html{overflow-x:hidden;font-size:1rem;color:var(--color-foreground);font-family:var(--font-montserrat),sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;line-height:1.6;width:100vw;margin:0;padding:0;touch-action:manipulation;-webkit-text-size-adjust:100%}a,button,canvas,div{-webkit-tap-highlight-color:rgba(0,0,0,0)}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}h1,h2,h3,h4,h5,h6{color:var(--color-primary);margin-bottom:var(--spacing-md)}h1,h2,h3,h4,h5,h6,p{-webkit-user-select:none;-moz-user-select:none;user-select:none}p{margin-bottom:var(--spacing-sm)}input[type=email]:not(.MuiInputBase-input),input[type=number]:not(.MuiInputBase-input),input[type=password]:not(.MuiInputBase-input),input[type=tel]:not(.MuiInputBase-input),input[type=text]:not(.MuiInputBase-input),textarea:not(.MuiInputBase-input){width:100%;padding:var(--spacing-sm) var(--spacing-md);border:var(--border-light);border-radius:4px;font-size:1rem;color:var(--color-black);background-color:var(--color-white);transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out}input[type=email]:not(.MuiInputBase-input):focus,input[type=number]:not(.MuiInputBase-input):focus,input[type=password]:not(.MuiInputBase-input):focus,input[type=tel]:not(.MuiInputBase-input):focus,input[type=text]:not(.MuiInputBase-input):focus,textarea:not(.MuiInputBase-input):focus{outline:none!important;border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(var(--color-primary),.2)}label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;color:var(--color-foreground)}button{cursor:pointer;border:none;background:none;padding:0;font-family:inherit;font-size:inherit}@media(max-width:768px){html{font-size:calc(1rem*.7)}}.button{position:relative;min-width:0;display:inline-flex;padding:12px 24px;align-items:center;justify-content:center;border:1px solid rgba(0,0,0,0);border-radius:8px;font-weight:500;font-size:1rem;line-height:1.2;cursor:pointer;text-align:center;white-space:nowrap;transition:background-color .2s ease-in-out,border-color .2s ease-in-out,color .2s ease-in-out,opacity .2s ease-in-out,box-shadow .2s ease-in-out,transform .15s ease}.button:focus:not(:focus-visible){outline:none;box-shadow:none}.button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.button:active:not(:disabled){transform:scale(.98)}.button-primary{background-color:var(--color-primary);color:var(--color-white);border-color:var(--color-primary);box-shadow:0 12px 28px rgba(13,91,83,.24)}@media(hover:hover){.button-primary:hover:not(:disabled){background-color:color-mix(in srgb,var(--color-primary) 88%,var(--color-white));border-color:color-mix(in srgb,var(--color-primary) 88%,var(--color-white));color:var(--color-white)}}.button-outline{background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}@media(hover:hover){.button-outline:hover:not(:disabled){background-color:rgba(244,235,219,.08)}}.button-danger{background-color:var(--pos-surface);color:var(--color-error);border-color:rgba(220,53,69,.35);box-shadow:none}@media(hover:hover){.button-danger:hover:not(:disabled){background-color:rgba(220,53,69,.08);border-color:var(--color-error);color:var(--color-error)}}.button-ghost{background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:rgba(0,0,0,0);box-shadow:none}@media(hover:hover){.button-ghost:hover:not(:disabled){background-color:rgba(244,235,219,.08)}}.button-text{width:auto;padding:0 24px;background-color:rgba(0,0,0,0);color:var(--color-primary);border-color:var(--color-primary);box-shadow:none}@media(hover:hover){.button-text:hover:not(:disabled){background-color:rgba(244,235,219,.08)}}.button-small{min-height:40px;padding:8px 16px;font-size:.9rem;border-radius:8px}.button-medium{min-height:44px;font-size:1rem}.button-large{min-height:52px;padding:0 24px}.button-compact,.button-large{height:52px;border-radius:14px;font-size:14px;font-weight:700;letter-spacing:.04em}.button-compact{flex-shrink:0;align-self:stretch;min-width:120px;width:auto;padding:0 20px}.button-disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.button-loading .button-content,.button-loading .button-iconLeft,.button-loading .button-iconRight{visibility:hidden;opacity:0}.button-loading .button-spinner{visibility:visible;opacity:1}.button-fullWidth{width:100%;min-width:0}.button-iconLeft,.button-iconRight{display:inline-flex;align-items:center;line-height:1}.button-iconLeft{margin-right:var(--spacing-xs)}.button-iconRight{margin-left:var(--spacing-xs)}.button:has(>.button-iconLeft:only-child) .button-iconLeft,.button:has(>.button-iconLeft:only-child) .button-iconRight,.button:has(>.button-iconRight:only-child) .button-iconLeft,.button:has(>.button-iconRight:only-child) .button-iconRight{margin:0}.button-spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:1em;height:1em;border:2px solid;border-bottom:2px solid rgba(0,0,0,0);border-radius:50%;display:inline-block;box-sizing:border-box;animation:button-rotation 1s linear infinite;visibility:hidden;opacity:0;transition:visibility 0s linear .1s,opacity .1s linear}@keyframes button-rotation{0%{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(1turn)}}@media(max-width:768px){.button-small{min-height:36px;padding:6px 14px;font-size:.875rem}.button-medium{min-height:40px;font-size:.9375rem}.button-compact,.button-large{height:40px;min-height:40px;font-size:14px}}