:root{--color-main-dark:#0e3a42;--color-main-light:#fff;--color-accent:#693;--color-bg:#f6f8f9;--color-bg-white:#fff;--color-text:rgba(0,0,0,.88);--color-text-light:rgba(0,0,0,.62);--color-text-muted:rgba(0,0,0,.62);--color-border:#e0e0e0;--color-primary:#693;--color-primary-hover:#558022;--color-primary-light:#f0f8ff;--color-error:#c00;--color-error-bg:#fee;--color-success:#0a0;--color-success-bg:#efe;--color-warning:#f59e0b;--font-family-primary:-apple-system,BlinkMacSystemFont,"Segoe UI","Helvetica Neue",Arial,sans-serif;--font-family:var(--font-family-primary);--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--base-font-family:var(--font-family);--base-letter-spacing:0.02em;--base-line-height:1.3;--size-formula-xs:clamp(0.5rem,2.5vw + 0.4rem,0.75rem);--size-formula-sm:clamp(0.75rem,2.5vw + 0.5rem,0.875rem);--size-formula-md:clamp(1rem,3vw + 0.75rem,1.25rem);--size-formula-lg:clamp(1.125rem,3vw + 0.875rem,1.5rem);--size-formula-xl:clamp(1.25rem,3.5vw + 1rem,1.75rem);--text-size-xs:var(--size-formula-xs);--text-size-sm:var(--size-formula-sm);--text-size-md:var(--size-formula-md);--text-size-lg:var(--size-formula-lg);--text-size-xl:var(--size-formula-xl);--title-size:clamp(1rem,5vw + 0.75rem,2rem);--company-logo-size:clamp(0.4rem,2.5vw + 0.3rem,0.65rem);--font-size-base:1.125rem;--font-size-lg:1.5rem;--font-size-xl:2rem;--font-letter-spacing:0.05em;--font-line-height:1.6;--line-height:1.75;--button-letter-spacing:0.1em;--button-text-transform:uppercase;--button-font-size-small:0.75rem;--button-font-size-medium:var(--font-size-base);--button-font-size-large:1.125rem;--button-font-size-xlarge:1.25rem;--company-logo-weight:600;--company-logo-letter-spacing:0.1em;--company-logo-color:var(--color-accent);--state-hover-bg:var(--color-bg);--state-hover-color:var(--color-text);--state-active-color:var(--color-primary);--state-active-bg:var(--color-primary-light);--state-focus-outline:2px solid var(--color-primary);--state-focus-offset:2px;--state-focus-radius:var(--radius-sm);--spacing-xs:clamp(0.25rem,0.5vw + 0.25rem,0.5rem);--spacing-sm:clamp(0.25rem,0.5vw + 0.25rem,0.5rem);--spacing-md:clamp(0.5rem,1vw + 0.5rem,1rem);--spacing-lg:clamp(1rem,2vw + 0.75rem,2rem);--spacing-xl:clamp(1.25rem,2.5vw + 1rem,2.5rem);--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--shadow-sm:0 2px 4px rgba(0,0,0,.05);--shadow-md:0 2px 8px rgba(0,0,0,.1);--shadow-lg:0 10px 40px rgba(0,0,0,.2);--transition-fast:0.2s ease;--transition-normal:0.3s ease;--min-width:142px;--max-width:600px;--max-width-wide:1200px}*{box-sizing:border-box;margin:0;padding:0}html{height:100%}body,html{width:100%;min-width:var(--min-width);overflow-x:auto;overflow-y:auto}body{min-height:100%;font-family:var(--font-family);font-size:var(--text-size);letter-spacing:var(--font-letter-spacing);line-height:var(--font-line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-bg);color:var(--color-text);margin:0;padding:0}.container{max-width:var(--max-width);margin:0 auto;padding:clamp(0,2vw + .5rem,var(--spacing-lg))}.card,.container{min-width:var(--min-width)}.card{background:var(--color-bg-white);border-radius:var(--radius-md);padding:clamp(.75rem,2vw + .5rem,var(--spacing-lg));box-shadow:var(--shadow-md)}.content-background{flex:1 1;display:flex;flex-direction:column;background:linear-gradient(135deg,var(--color-main-dark) 0,#0a2d33 100%);min-width:var(--min-width);width:100%;box-sizing:border-box;position:relative;overflow-x:auto;overflow-y:auto;padding-top:clamp(48px,8vw + 32px,64px)}.button-container{display:flex;flex-direction:column;align-items:center;margin-top:var(--spacing-md)}.back-button{align-self:flex-start;margin-top:var(--spacing-md)}.base-text,.text-xs{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height)}.text-xs{font-size:var(--text-size-xs)}.text-sm{font-size:var(--text-size-sm);color:var(--color-text-light)}.text-md,.text-sm{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height)}.text-md{font-size:var(--text-size-md)}.text-lg{font-size:var(--text-size-lg)}.text-lg,.text-xl{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height)}.text-xl{font-size:var(--text-size-xl)}.error{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height);font-size:var(--text-size-xs);color:var(--color-error);padding:0;margin-bottom:.25rem;background:none;border:none;border-radius:0;word-wrap:break-word;overflow-wrap:break-word}.error,.error span{font-style:italic!important}.error button,.error span{display:inline}.success,.warning{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height);font-size:var(--text-size-xs)}.warning{color:var(--color-warning);padding:0;margin-bottom:.25rem}.input-text{font-size:var(--text-size-md);color:var(--color-text)}.form-label,.input-text{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height)}.form-label{font-size:var(--text-size-xs);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);align-self:flex-start;width:100%;text-align:left}.form-label,.form-label:first-of-type{margin-top:var(--spacing-md)}.helper-text{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height);font-size:var(--text-size-xs);color:var(--color-text-muted);font-style:italic;text-align:left;align-self:stretch;width:100%}input::placeholder{color:var(--color-text-muted)}.button-text{letter-spacing:.1em;font-weight:var(--font-weight-semibold);text-transform:uppercase}.button-text,.link{font-family:var(--base-font-family);line-height:var(--base-line-height)}.link{letter-spacing:var(--base-letter-spacing);font-size:var(--text-size-md);color:var(--color-primary);text-decoration:underline;transition:color var(--transition-fast)}.link:hover{color:var(--color-primary-hover)}.link:focus-visible{outline:var(--state-focus-outline);outline-offset:var(--state-focus-offset);border-radius:var(--state-focus-radius)}.link-plain{font-family:var(--base-font-family);letter-spacing:.1em;line-height:var(--base-line-height);font-weight:var(--font-weight-semibold);text-transform:uppercase;font-size:var(--button-font-size-small);color:var(--color-main-dark);text-decoration:none;background:none;border:none;padding:0;cursor:pointer;transition:opacity var(--transition-fast)}.link-plain:hover:not(:disabled){opacity:.7}.link-plain:disabled{cursor:not-allowed;opacity:.5}.link-plain:focus-visible{outline:var(--state-focus-outline);outline-offset:var(--state-focus-offset);border-radius:var(--state-focus-radius)}.nav-link{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height);font-size:var(--text-size-md);color:var(--color-text-light);text-decoration:none;padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-sm);transition:all var(--transition-fast);display:inline-block}.nav-link:hover{background:var(--state-hover-bg);color:var(--state-hover-color)}.nav-link:focus-visible{outline:var(--state-focus-outline);outline-offset:var(--state-focus-offset)}.nav-link.active{color:var(--state-active-color);font-weight:var(--font-weight-bold);background:transparent}.nav-link.active:hover{background:var(--state-active-bg)}.tab{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:var(--base-line-height);font-size:var(--text-size-md);font-weight:var(--font-weight-semibold);color:var(--color-text-light);background:transparent;border:none;border-bottom:3px solid transparent;padding:var(--spacing-md) var(--spacing-lg);cursor:pointer;transition:all var(--transition-fast);margin-bottom:-2px}.tab:hover{color:var(--color-primary);background:var(--state-active-bg)}.tab:focus-visible{outline:var(--state-focus-outline);outline-offset:-2px;border-bottom-color:var(--color-primary)}.tab-active{color:var(--state-active-color);border-bottom-color:var(--color-primary)}.tab-active,.tab-active:hover{background:transparent}.title{font-size:var(--title-size);font-weight:var(--font-weight-bold);letter-spacing:var(--base-letter-spacing);text-transform:uppercase;line-height:1.2;font-family:var(--font-family);color:var(--color-text);margin-bottom:var(--spacing-lg);margin-top:var(--spacing-md)}@media (max-width:768px){.title{font-size:clamp(.875rem,3vw + .5rem,1.25rem)}}.subtitle{font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:.1em;text-transform:uppercase;line-height:1.3;font-family:var(--font-family);color:var(--color-text)}.subtitle,.text{margin-bottom:var(--spacing-md);margin-top:0}.text{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:1.75;font-size:1.125rem;font-weight:var(--font-weight-normal);color:var(--color-text-light)}.text-lg.muted,.text-md.muted,.text-sm.muted,.text-xl.muted,.text.muted{color:var(--color-text-muted)}h1{font-size:var(--title-size);letter-spacing:var(--base-letter-spacing);line-height:1.2;margin-bottom:var(--spacing-lg)}h1,h2{font-weight:var(--font-weight-bold);text-transform:uppercase;font-family:var(--font-family);margin-top:var(--spacing-md);color:var(--color-text)}h2{font-size:1.5rem;letter-spacing:.1em;line-height:1.3}h2,p{margin-bottom:var(--spacing-md)}p{font-family:var(--base-font-family);letter-spacing:var(--base-letter-spacing);line-height:1.75;font-size:1.125rem;font-weight:var(--font-weight-normal);color:var(--color-text-light)}input{width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:var(--text-size);font-family:var(--font-family);letter-spacing:var(--text-letter-spacing)}input:focus{outline:none;border-color:var(--color-primary)}.success{padding:var(--spacing-md);margin-bottom:var(--spacing-md);background:var(--color-success-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-success)}.loading{text-align:center;padding:var(--spacing-lg);color:var(--color-text-muted)}.group-list{list-style:none;margin-top:var(--spacing-md)}.group-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);margin-bottom:var(--spacing-sm);background:var(--color-bg);border-radius:var(--radius-sm);border-left:4px solid var(--color-primary)}.group-item.admin{border-left-color:var(--color-warning)}.badge{display:inline-block;padding:.25rem var(--spacing-sm);margin-left:var(--spacing-sm);background:var(--color-primary);color:var(--color-bg-white);border-radius:var(--radius-sm);font-size:.75rem;font-weight:var(--font-weight-semibold);text-transform:uppercase}.badge.admin{background:var(--color-warning)}.company-logo{font-size:var(--company-logo-size);font-weight:var(--company-logo-weight);letter-spacing:var(--company-logo-letter-spacing);color:var(--company-logo-color);text-transform:uppercase;font-family:var(--font-family);line-height:1.2;text-align:left;margin-bottom:0}.company-logo+.title{margin-top:.01rem;color:var(--color-main-dark)}.hamburger,[class*=hamburger]{display:flex;flex-direction:column;justify-content:center;align-items:center;background:transparent;border:none;cursor:pointer;gap:.35rem;box-sizing:border-box}.hamburgerLine,[class*=hamburger-line],[class*=hamburgerLine]{width:100%;height:5px;background-color:var(--color-text);border-radius:2px;transition:all var(--transition-normal);transform-origin:center}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.groupName,.userName{cursor:pointer!important;transition:color var(--transition-fast)}.groupName:hover,.userName:hover{color:var(--color-primary)!important}.groupName:focus-visible,.userName:focus-visible{outline:var(--state-focus-outline);outline-offset:var(--state-focus-offset);border-radius:var(--state-focus-radius)}.qd-parent-container,[class*=qd-open-btn],[class*=qd-parent-container],[data-cursor-element-id]{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}