.beton-connect-logo-bracket{fill:#4a4a4a}.beton-connect-logo-text{fill:#1567b0}:root[data-theme=dark] .beton-connect-logo{filter:drop-shadow(0 0 8px rgba(56,176,255,.45))}:root[data-theme=dark] .beton-connect-logo-bracket{fill:#b8bec7}:root[data-theme=dark] .beton-connect-logo-text{fill:#5eb3ff}.beton-connect-logo-on-dark .beton-connect-logo-bracket{fill:#cfd4da}.beton-connect-logo-on-dark .beton-connect-logo-text{fill:#7fc4ff}.landing-root{display:flex;flex-direction:column;min-height:100vh;background:var(--card-bg)}.landing-header{display:flex;align-items:center;justify-content:space-between;padding:16px 40px;border-bottom:1px solid var(--medium-gray);position:sticky;top:0;background:var(--card-bg);z-index:100}.landing-logo{height:48px;object-fit:contain}.landing-nav{display:flex;align-items:center;gap:12px}.landing-nav-link{background:none;border:1px solid transparent;border-radius:8px;padding:8px 20px;font-size:15px;cursor:pointer;color:var(--brand-color);transition:background .15s,border-color .15s}.landing-nav-link:hover{background:var(--light-gray)}.landing-nav-link--primary{background:var(--brand-color);color:#fff;border-color:var(--brand-color)}.landing-nav-link--primary:hover{opacity:.85;background:var(--brand-color)}.landing-main{flex:1;display:flex;flex-direction:column;align-items:center;padding:60px 24px 40px}.landing-hero{text-align:center;max-width:680px;width:100%}.landing-hero-badge{display:inline-block;background:orange;color:var(--secondary-color);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 12px;border-radius:20px;margin-bottom:20px}.landing-hero-title{font-size:clamp(28px,5vw,48px);font-weight:700;margin:0 0 16px;color:var(--brand-color);line-height:1.15}.landing-hero-subtitle{font-size:clamp(15px,2.5vw,18px);color:var(--dark-gray);margin:0 0 36px;line-height:1.6}.landing-hero-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.landing-btn{padding:14px 32px;border-radius:10px;border:2px solid var(--brand-color);font-size:16px;font-weight:600;cursor:pointer;transition:opacity .15s,background .15s}.landing-btn--primary{background:var(--brand-color);color:#fff}.landing-btn--primary:hover{opacity:.85}.landing-btn--secondary{background:var(--card-bg);color:var(--brand-color)}.landing-btn--secondary:hover{background:var(--light-gray)}.landing-content-placeholder{margin-top:64px;width:100%;max-width:800px}.landing-dev-notice{display:flex;flex-direction:column;align-items:center;gap:12px;padding:40px 32px;background:var(--light-gray);border:1px dashed var(--medium-gray);border-radius:16px;text-align:center;color:var(--dark-gray)}.landing-dev-icon{font-size:36px}.landing-dev-notice p{margin:0;font-size:16px;line-height:1.6;color:var(--dark-gray)}.landing-footer{text-align:center;padding:24px 40px;border-top:1px solid var(--medium-gray);display:flex;flex-direction:column;align-items:center;gap:8px}.landing-footer-copy{font-size:13px!important;color:var(--dark-gray);margin:0!important}@media(max-width:600px){.landing-header{padding:14px 20px}.landing-nav-link{padding:8px 12px;font-size:14px}.landing-hero-actions{flex-direction:column;align-items:center}.landing-btn{width:100%;max-width:320px}}.auth-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px 16px;background-image:url(/assets/Betonwerk_Aufsicht-BFaIEZ0G.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box}.auth-page:before{content:"";position:fixed;inset:0;background:#00000073;z-index:0}.auth-card{position:relative;z-index:1;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 40px #0000004d;padding:40px 36px 32px;width:100%;max-width:420px;display:flex;flex-direction:column;gap:4px;box-sizing:border-box}.auth-card-logo{display:flex;justify-content:center;margin-bottom:20px}.auth-logo{height:56px;width:auto}.auth-theme-toggle{position:fixed;top:20px;right:20px;z-index:2;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.3);background:#ffffff1f;color:#fff;cursor:pointer;transition:background .15s ease,border-color .15s ease}.auth-theme-toggle:hover{background:#ffffff38;border-color:#ffffff80}.auth-card h1{text-align:center;margin:0 0 8px;font-size:22px}.auth-form{display:flex;flex-direction:column;gap:4px;margin-top:8px}.auth-form button{margin-top:8px}.auth-error{background:#d3000017;color:#a10000;border-radius:8px;padding:10px 12px;font-size:14px;margin:4px 0}.auth-links{display:flex;justify-content:space-evenly;gap:12px;margin-top:12px;flex-wrap:wrap}.auth-sso-section{margin-top:16px}.auth-sso-divider{display:flex;align-items:center;text-align:center;color:var(--dark-gray);font-size:12px;margin:8px 0 12px}.auth-sso-divider:before,.auth-sso-divider:after{content:"";flex:1;border-bottom:1px solid var(--medium-gray)}.auth-sso-divider span{padding:0 10px}.auth-sso-buttons{display:flex;flex-direction:column;gap:8px}.auth-sso-btn{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 14px;border-radius:10px;border:2px solid var(--medium-gray);background:var(--light-gray);cursor:pointer;transition:border-color .15s,background .15s,color .15s;font-size:14px;font-weight:500;color:var(--dark-gray)}.auth-sso-btn:hover{border-color:var(--brand-color);background:var(--brand-color-light);color:var(--brand-color)}.auth-sso-icon{width:20px;height:20px;flex-shrink:0}.auth-back{text-align:center;margin-top:10px;font-size:13px}.auth-footer{margin-top:20px;padding-top:16px;border-top:1px solid var(--medium-gray)}@media(max-width:480px){.auth-card{padding:28px 18px 24px}}.registration-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;padding:32px 16px 48px;background-image:url(/assets/Betonwerk_Aufsicht-BFaIEZ0G.png);background-size:cover;background-position:center;background-repeat:no-repeat;box-sizing:border-box}.registration-page:before{content:"";position:fixed;inset:0;background:#00000073;z-index:0}.registration-card{position:relative;z-index:1;background:var(--card-bg);border-radius:16px;box-shadow:0 8px 40px #0000004d;padding:36px 40px 32px;width:100%;max-width:680px;box-sizing:border-box}.registration-card--status{max-width:520px;margin-top:40px}.registration-card-logo{display:flex;justify-content:center;margin-bottom:20px}.registration-logo{height:52px;object-fit:contain}.registration-card h1{text-align:center;font-size:22px;margin:0 0 20px;color:var(--brand-color)}.registration-intro-panel{margin-bottom:20px;padding:13px 16px;border-radius:10px;background:var(--brand-color-light);border:1px solid #c0ddf5}.registration-intro-panel p{margin:0;font-size:14px}.registration-role-badge{display:flex;align-items:center;gap:8px;padding:9px 14px;border-radius:8px;background:var(--brand-color-light);border:1px solid #c0ddf5;margin-bottom:20px;font-size:14px}.registration-role-label{color:var(--dark-gray)}.registration-role-value{font-weight:600;color:var(--brand-color)}.registration-section{margin-bottom:20px}.registration-section-title{display:block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--brand-color);margin-bottom:12px;padding-bottom:7px;border-bottom:1px solid #c0ddf5}.registration-row{display:grid;grid-template-columns:1fr 1fr;gap:0 12px}.registration-auth-providers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:4px}.registration-auth-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:15px 10px;border-radius:10px;border:2px solid var(--medium-gray);background:var(--light-gray);cursor:pointer;transition:border-color .15s,background .15s,color .15s;font-size:13px;font-weight:500;color:var(--dark-gray);text-align:center;line-height:1.3}.registration-auth-btn:hover,.registration-auth-btn--active{border-color:var(--brand-color);background:var(--brand-color-light);color:var(--brand-color)}.registration-auth-icon{width:28px;height:28px;flex-shrink:0}.registration-auth-hint{margin-top:12px;padding:10px 14px;border-radius:8px;background:var(--brand-color-light);border:1px solid #c0ddf5;font-size:13px;color:var(--brand-color)}.registration-credentials{margin-top:12px;display:flex;flex-direction:column}.registration-field-hint{margin:-8px 0 8px;font-size:12px;color:var(--dark-gray)}.registration-consent{display:flex;flex-direction:column;gap:10px}.registration-error{background:#d3000017;color:#a10000;border-radius:8px;padding:10px 12px;font-size:14px;margin:8px 0}.registration-status-card--info{border-top:4px solid var(--brand-color)}.registration-status-card--success{border-top:4px solid #1ddd00}.registration-status-card--error{border-top:4px solid var(--warning-color)}.registration-status-title{font-size:17px;font-weight:700;margin:0 0 8px;color:var(--brand-color)}.registration-status-note{color:var(--dark-gray);font-size:14px}.registration-actions{margin-top:20px}.registration-license-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px;margin-top:10px}.registration-license-card{display:flex;flex-direction:column;gap:4px;padding:13px 14px;border-radius:10px;border:2px solid var(--medium-gray);background:var(--light-gray);cursor:pointer;transition:border-color .15s,background .15s;font-size:13px}.registration-license-card:hover{border-color:var(--brand-color)}.registration-license-card--selected{border-color:var(--brand-color);background:var(--brand-color-light)}.registration-license-card--error{border-color:var(--warning-color)}.registration-license-price{font-size:15px;font-weight:700;margin-top:4px;color:var(--brand-color)}.registration-inline-message{margin:8px 0;padding:10px 14px;border-radius:8px;font-size:14px}.registration-inline-message--error{background:#d300001f;color:#a10000}.registration-card .form-btn{background:var(--brand-color);color:#fff;font-weight:600;border-radius:10px;font-size:16px;margin-top:8px}.registration-card .form-btn:hover:not(:disabled){opacity:.88}.registration-card .form-btn:disabled{opacity:.6;cursor:not-allowed}.registration-back{text-align:center;margin-top:16px;font-size:13px}.registration-footer{margin-top:16px;padding-top:14px;border-top:1px solid var(--medium-gray);text-align:center}@media(max-width:720px){.registration-card{padding:28px 20px 24px}.registration-auth-providers{grid-template-columns:1fr 1fr}.registration-row{grid-template-columns:1fr;gap:0}}@media(max-width:480px){.registration-page{padding:16px 10px 32px}.registration-auth-providers{grid-template-columns:1fr}.registration-card--status{margin-top:16px}}.loader-root{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:#a3a3a366;z-index:9999}.loader-gif{width:min(220px,45vw);height:auto;display:block}@media(prefers-reduced-motion:reduce){.loader-gif{opacity:.9}}.badge{display:inline-flex;align-items:center;gap:4px;justify-content:center;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:700;white-space:nowrap}.badge svg{flex-shrink:0}.badge-success{background:#15803d1a;color:#15803d;border:1px solid rgba(21,128,61,.2)}.badge-warning{background:#d977061a;color:#b45309;border:1px solid rgba(217,119,6,.2)}.badge-danger{background:#dc262614;color:var(--error-color);border:1px solid rgba(220,38,38,.15)}.badge-neutral{background:#6b72801a;color:#4b5563;border:1px solid rgba(107,114,128,.2)}.badge-brand{background:#0b6cb11a;color:var(--brand-color);border:1px solid rgba(11,108,177,.2)}.badge-purple{background:#7c3aed17;color:#7c3aed;border:1px solid rgba(124,58,237,.18)}:root[data-theme=dark] .badge-success{background:#4ade8026;color:#4ade80;border:1px solid rgba(74,222,128,.35)}:root[data-theme=dark] .badge-warning{background:#fb923c26;color:#fb923c;border:1px solid rgba(251,146,60,.35)}:root[data-theme=dark] .badge-danger{background:#f8717126;color:#f87171;border:1px solid rgba(248,113,113,.35)}:root[data-theme=dark] .badge-neutral{background:#9ca3af26;color:#d1d5db;border:1px solid rgba(156,163,175,.35)}:root[data-theme=dark] .badge-brand{background:#38a1e02e;color:#60b8ea;border:1px solid rgba(56,161,224,.4)}:root[data-theme=dark] .badge-purple{background:#a78bfa26;color:#a78bfa;border:1px solid rgba(167,139,250,.35)}.action-btn{padding:8px 16px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);background:var(--card-bg);color:var(--dark-gray);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.action-btn:hover:not(:disabled){border-color:var(--brand-color);color:var(--brand-color)}.action-btn-link{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--brand-color);cursor:pointer}.action-btn-link:hover:not(:disabled){text-decoration:underline}.action-btn-danger.action-btn{color:var(--error-color)}.action-btn-danger.action-btn:hover:not(:disabled){border-color:var(--error-color);color:var(--error-color)}.action-btn-danger.action-btn-link{color:var(--error-color)}.action-btn:disabled,.action-btn-link:disabled{opacity:.5;cursor:not-allowed}.confirm-action-active{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.confirm-action-message{font-size:13px;color:var(--dark-gray)}.confirm-action-confirm,.confirm-action-cancel{padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease}.confirm-action-confirm{background:var(--brand-color);color:#fff}.confirm-action-confirm:hover:not(:disabled){background:var(--brand-color-dark)}.confirm-action-confirm-danger{background:var(--error-color)}.confirm-action-confirm-danger:hover:not(:disabled){background:#b91c1c}.confirm-action-cancel{background:var(--light-gray);color:var(--dark-gray)}.confirm-action-cancel:hover:not(:disabled){background:var(--medium-gray)}.confirm-action-confirm:disabled,.confirm-action-cancel:disabled{opacity:.5;cursor:not-allowed}.active-sessions-toolbar{display:flex;justify-content:flex-end;margin-top:12px}.active-sessions-list{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}.active-sessions-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 14px;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);background:var(--card-bg)}.active-sessions-item.is-current{border-color:var(--brand-color);background:var(--brand-color-light)}.active-sessions-item-main{display:flex;flex-direction:column;gap:6px;min-width:0}.active-sessions-item-heading{display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:14px;color:var(--text-color)}.active-sessions-item-meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:12px;color:var(--dark-gray)}.active-sessions-item-meta span{display:inline-flex;align-items:center;gap:5px}@media(max-width:600px){.active-sessions-item{flex-direction:column;align-items:stretch}}.account-settings-grid{display:flex;flex-direction:column;gap:20px;margin-top:24px}.account-settings-card{background:var(--card-bg);border:1px solid var(--medium-gray);border-radius:var(--radius-md);padding:24px}.account-settings-card h3{margin:0;font-size:16px;color:var(--text-color)}.account-settings-form{display:flex;flex-direction:column;gap:4px;margin-top:12px}.account-settings-form .form-input{margin-bottom:6px}.account-settings-success{padding:10px 14px;border-radius:var(--radius-sm);background:#15803d1a;border:1px solid rgba(21,128,61,.2);color:#15803d;font-size:13px;margin-bottom:8px}.account-settings-error{padding:10px 14px;border-radius:var(--radius-sm);background:#dc262614;border:1px solid rgba(220,38,38,.15);color:var(--error-color);font-size:13px;margin-bottom:8px}.tour-overlay{position:fixed;inset:0;z-index:900;pointer-events:none}.tour-cutout{position:fixed;border-radius:var(--radius-md);box-shadow:0 0 0 9999px #0000008c;transition:top .15s ease,left .15s ease,width .15s ease,height .15s ease;pointer-events:none}:root[data-theme=dark] .tour-cutout{box-shadow:0 0 0 9999px #000000bf}.tour-tooltip{position:fixed;box-sizing:border-box;width:fit-content;min-width:320px;max-width:calc(100vw - 32px);background:var(--card-bg);border:1px solid var(--brand-color-light);border-radius:var(--radius-lg);padding:20px;pointer-events:auto;box-shadow:0 12px 32px #00000059,0 0 0 1px #0b6cb126}:root[data-theme=dark] .tour-tooltip{background:#262b34;border-color:var(--brand-color);box-shadow:0 12px 32px #00000080,0 0 0 1px var(--brand-color-light)}.tour-tooltip-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.tour-step-count{font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--dark-gray)}.tour-tooltip-title{margin:0 0 8px;width:280px;max-width:100%;font-size:17px;color:var(--text-color)}.tour-tooltip-body{margin:0 0 16px;width:280px;max-width:100%;font-size:14px;line-height:1.5;color:var(--text-color)}.tour-progress-dots{display:flex;gap:6px;margin-bottom:16px}.tour-dot{width:6px;height:6px;border-radius:50%;background:var(--medium-gray)}.tour-dot.active{background:var(--brand-color)}.tour-tooltip-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.tour-action-link{background:none;border:0;padding:0;color:var(--dark-gray);font-size:13px;cursor:pointer}.tour-action-link:hover{color:var(--brand-color)}.tour-tooltip-nav{display:flex;gap:8px}.tour-btn-secondary{background:transparent;color:var(--text-color);border:1px solid var(--medium-gray)}@media(max-width:480px){.tour-tooltip{width:calc(100vw - 32px)}}.tour-welcome-overlay{position:fixed;inset:0;z-index:950;display:flex;align-items:center;justify-content:center;background:#0000008c;padding:16px}:root[data-theme=dark] .tour-welcome-overlay{background:#000000b3}.tour-welcome-modal{width:360px;max-width:100%;background:var(--card-bg);border:1px solid var(--brand-color-light);border-radius:var(--radius-lg);padding:24px}:root[data-theme=dark] .tour-welcome-modal{background:#262b34;border-color:var(--brand-color)}.tour-welcome-title{margin:0 0 8px;font-size:18px;color:var(--text-color)}.tour-welcome-body{margin:0 0 20px;font-size:14px;line-height:1.5;color:var(--text-color)}.tour-welcome-actions{display:flex;justify-content:flex-end;gap:8px}.app-layout{height:100vh;display:flex;flex-direction:column}.topbar{height:60px;background:#023f6b;color:#fff;display:flex;align-items:center;padding:0 20px;justify-content:space-between;flex-shrink:0;box-shadow:0 2px 8px #0b6cb14d;z-index:50}.topbar-left{display:flex;align-items:center;gap:12px}.mobile-nav-toggle{display:none;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;border:1px solid rgba(255,255,255,.25);background:#ffffff1a;color:#fff;cursor:pointer;flex-shrink:0}.mobile-nav-toggle:hover{background:#ffffff2e}.topbar-logo-btn{display:inline-flex;align-items:center;border:none;background:none;padding:0;cursor:pointer}.topbar-logo{height:46px;width:auto}.topbar-items{display:flex;gap:8px;align-items:center}.topbar-action-button{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.topbar-action-button:hover{background:#ffffff2e;border-color:#fff6}.theme-toggle-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;cursor:pointer;flex-shrink:0;overflow:hidden;transition:background .12s ease,border-color .12s ease}.theme-toggle-button:hover{background:#ffffff2e;border-color:#fff6}.theme-toggle-icon{display:inline-flex;animation:theme-icon-rise .48s cubic-bezier(.34,1.56,.64,1)}@keyframes theme-icon-rise{0%{transform:translateY(160%) rotate(-100deg) scale(.5);opacity:0}65%{transform:translateY(-8%) rotate(8deg) scale(1.05);opacity:1}to{transform:translateY(0) rotate(0) scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.theme-toggle-icon{animation:none}}.theme-switcher{position:relative}.theme-option-label{display:flex;align-items:center;gap:8px}.language-switcher{position:relative}.language-button{display:inline-flex;align-items:center;gap:8px;min-width:112px;padding:9px 18px;border:1px solid rgba(255,255,255,.25);border-radius:var(--radius-sm);background:#ffffff1a;color:#fff;font-size:14px;font-weight:500;cursor:pointer;transition:background .12s ease,border-color .12s ease}.language-button span{flex:1;text-align:left}.language-button:hover,.language-button:focus-visible{background:#ffffff2e;border-color:#fff6;outline:none}.language-chevron{flex-shrink:0;transition:transform .15s ease}.language-chevron.open{transform:rotate(180deg)}.language-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:160px;z-index:200;border-radius:10px;padding:6px;background:var(--card-bg);border:1px solid var(--medium-gray);box-shadow:0 4px 20px #0000001f}.language-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-color);font-size:14px;cursor:pointer;transition:background .1s ease}.language-option:hover{background:var(--light-gray)}.language-option.active{color:var(--brand-color);font-weight:600}.profile-menu{position:relative}.profile-menu-trigger{display:inline-flex;align-items:center;padding:0;border:0;border-radius:50%;background:transparent;cursor:pointer;line-height:0;opacity:.9;transition:opacity .12s ease}.profile-menu-trigger:hover,.profile-menu-trigger:focus-visible{opacity:1}.profile-avatar{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:var(--brand-color);color:#fff;font-size:15px;font-weight:700;letter-spacing:.02em}.profile-menu-panel{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;z-index:200;border-radius:10px;padding:6px;background:var(--card-bg);border:1px solid var(--medium-gray);box-shadow:0 4px 20px #0000001f}.profile-menu-header{display:flex;flex-direction:column;gap:2px;padding:10px 12px 8px;border-bottom:1px solid var(--medium-gray);margin-bottom:4px}.profile-menu-header strong{font-size:14px;color:var(--text-color)}.profile-menu-header span{font-size:12px;color:var(--dark-gray)}.profile-menu-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-color);font-size:14px;cursor:pointer;transition:background .1s ease}.profile-menu-item:hover{background:var(--light-gray)}.profile-menu-item:disabled{opacity:.5;cursor:not-allowed}.profile-menu-item-danger{color:var(--error-color);margin-top:6px;border-top:1px solid var(--medium-gray);border-radius:0 0 6px 6px;padding-top:12px}.profile-menu-item-danger:hover:not(:disabled){background:#dc262614}.main-area{display:flex;flex:1;overflow:hidden;min-height:0;position:relative}.sidebar{width:240px;background:var(--card-bg);border-right:1px solid var(--medium-gray);padding:16px 10px;box-sizing:border-box;overflow-y:auto;flex-shrink:0;display:flex;flex-direction:column}.sidebar-mobile-header{display:none}.sidebar ul{list-style:none;padding:0;margin:0}.sidebar li{margin-bottom:2px}.sidebar-item{border-radius:8px;margin-bottom:14px}.sidebar-item.active{background:#0b6cb10f}.sidebar-item-main{display:flex;align-items:center;justify-content:space-between;padding:2px 0}.nav-link{display:flex;align-items:center;gap:10px;padding:9px 12px;color:var(--text-color);text-decoration:none;border-radius:6px;font-size:15px;font-weight:700;flex:1;width:100%;transition:background .1s ease,color .1s ease}.nav-icon{flex-shrink:0;color:var(--dark-gray);transition:color .1s ease}.nav-link:hover{background:var(--light-gray);color:var(--brand-color)}.nav-link:hover .nav-icon{color:var(--brand-color)}.nav-link.active{color:var(--brand-color);font-weight:600}.sidebar-tutorial{position:relative;margin-top:auto;padding-top:12px;border-top:1px solid var(--medium-gray)}.sidebar-tutorial-button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-color);font-size:15px;font-weight:700;cursor:pointer;transition:background .1s ease,color .1s ease}.sidebar-tutorial-button:hover{background:var(--light-gray);color:var(--brand-color)}.sidebar-tutorial-menu{position:absolute;bottom:calc(100% + 8px);left:0;right:0;z-index:200;max-height:320px;overflow-y:auto;border-radius:10px;padding:6px;background:var(--card-bg);border:1px solid var(--medium-gray);box-shadow:0 4px 20px #0000001f}.sidebar-tutorial-option{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-color);font-size:14px;cursor:pointer;transition:background .1s ease}.sidebar-tutorial-option:hover{background:var(--light-gray);color:var(--brand-color)}.nav-link.active .nav-icon{color:var(--brand-color)}.nav-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:#d9770626;color:#b45309;font-size:11px;font-weight:700}.expand-toggle{display:inline-flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;color:var(--dark-gray);padding:6px 8px;border-radius:4px;line-height:1;flex-shrink:0;transition:color .1s ease,background .1s ease}.expand-toggle:hover{color:var(--text-color);background:var(--light-gray)}.submenu{margin:6px 0 0 34px;padding:4px 0;list-style:none;box-sizing:border-box}.submenu-item{margin:1px 0}.sub-link{display:flex;align-items:center;gap:8px;padding:6px 10px;color:var(--dark-gray);text-decoration:none;border-radius:6px;font-size:12.5px;font-weight:500;transition:background .1s ease,color .1s ease}.sub-icon{color:var(--dark-gray);opacity:.75}.sub-link:hover{background:var(--light-gray);color:var(--text-color)}.sub-link.active{background:var(--brand-color-light);color:var(--brand-color);font-weight:600}.sub-link.active .sub-icon{color:var(--brand-color);opacity:1}.sub-link .nav-badge{background:#d9770626;color:#b45309}.content{flex:1;padding:24px;overflow-y:auto;background:var(--light-gray);min-height:0}.section-header{padding:20px}.tab-link{color:var(--dark-gray);margin-right:5rem;font-size:18px}.tab-link.active{color:var(--brand-color);text-decoration:underline}@media(max-width:1024px){.mobile-nav-toggle{display:inline-flex}.sidebar-backdrop{position:fixed;inset:0;background:#0006;z-index:90}.sidebar{position:fixed;top:0;bottom:0;left:0;width:84%;max-width:320px;z-index:100;transform:translate(-100%);transition:transform .2s ease;box-shadow:4px 0 20px #00000026}.sidebar.mobile-open{transform:translate(0)}.sidebar-mobile-header{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 16px;border-bottom:1px solid var(--medium-gray);margin-bottom:10px}.sidebar-mobile-title{font-weight:700;font-size:16px;color:var(--brand-color)}.sidebar-mobile-close{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:6px;border:none;background:none;color:var(--dark-gray);cursor:pointer}.sidebar-mobile-close:hover{background:var(--light-gray)}}@media(max-width:768px){.topbar{padding:0 14px}}@media(max-width:600px){.topbar-logo{height:36px}.content{padding:16px}}.info-block{display:flex;width:100%;margin:0 auto;flex-direction:column;padding:20px;background:var(--light-gray);border-radius:8px;box-shadow:0 2px 4px #0000001a}.info-block-title{font-size:1.5em;margin-bottom:10px;color:var(--text-color)}.info-block-content{font-size:1em;color:var(--dark-gray);text-align:center}.search-box{position:relative;width:100%}.search-box-icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--dark-gray);pointer-events:none}.search-box-input{width:100%;box-sizing:border-box;height:42px;padding:9px 12px 9px 36px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);font-size:14px;outline:none;transition:border-color .15s ease,box-shadow .15s ease}.search-box-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #0b6cb11f}.dropdown{position:relative;display:flex;flex-direction:column;gap:4px}.dropdown.form-input{height:auto;border:none;margin:0;padding:0;background:none}.dropdown-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;box-sizing:border-box;height:42px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);background:var(--card-bg);color:var(--text-color);padding:10px 12px;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.dropdown-trigger:hover:not(:disabled){border-color:var(--brand-color)}.dropdown-trigger:focus-visible{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px var(--brand-color-light)}.dropdown-trigger:disabled{opacity:.5;cursor:not-allowed}.dropdown-trigger-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-chevron{flex-shrink:0;color:var(--dark-gray);transition:transform .15s ease}.dropdown-chevron.open{transform:rotate(180deg)}.dropdown-panel{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:200;max-height:260px;overflow-y:auto;border-radius:var(--radius-sm);padding:6px;background:var(--card-bg);border:1px solid var(--medium-gray)}.dropdown-option{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;text-align:left;padding:9px 12px;border:0;border-radius:6px;background:transparent;color:var(--text-color);font-size:14px;font-family:inherit;cursor:pointer;transition:background .1s ease}.dropdown-option:hover{background:var(--light-gray)}.dropdown-option.active{color:var(--brand-color);font-weight:600}.sort-control{display:inline-flex;align-items:center;gap:8px}.sort-control-label{font-size:13px;color:var(--dark-gray);white-space:nowrap}.sort-control-select{min-width:160px}.sort-control-select .dropdown-trigger{box-sizing:border-box;height:46px;font-size:13px;padding:8px 10px}.sort-control-direction{display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;width:46px;height:46px;flex-shrink:0;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);background:var(--card-bg);color:var(--dark-gray);cursor:pointer;transition:border-color .15s ease,color .15s ease,background .15s ease}.sort-control-direction:hover{border-color:var(--brand-color);color:var(--brand-color)}.customer-numbers-input{display:flex;flex-direction:column;gap:8px}.customer-numbers-label{font-size:14px;color:var(--dark-gray);font-weight:500}.customer-numbers-required{color:#e53e3e}.customer-numbers-list{display:flex;flex-direction:column;gap:8px}.customer-numbers-row{display:flex;align-items:center;gap:8px}.customer-numbers-field{flex:1}.customer-numbers-remove{flex-shrink:0;width:32px;height:32px;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--dark-gray);font-size:18px;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s;padding:0}.customer-numbers-remove:hover{border-color:#e53e3e;color:#e53e3e;background:#fff5f5}.customer-numbers-add{align-self:flex-start;background:none;border:1px dashed var(--brand-color);color:var(--brand-color);border-radius:var(--radius-sm);padding:5px 12px;font-size:13px;cursor:pointer;transition:background .15s,color .15s}.customer-numbers-add:hover{background:#0b6cb112}.invite-user-page{width:100%}.invite-user-page>h1,.invite-user-page>p{text-align:center}.invite-user-form-card{background:var(--card-bg);border-radius:var(--radius-md);padding:24px;border:1px solid var(--medium-gray);max-width:520px;margin:0 auto;display:flex;flex-direction:column;gap:14px}.invite-user-form-fields{display:flex;flex-direction:column;gap:14px}.dashboard-page{width:100%;min-height:100%;display:flex;flex-direction:column;justify-content:center}.dashboard-page .dashboard-header{text-align:center;margin-bottom:32px}.dashboard-page .dashboard-header h1{margin:0 0 6px;font-size:clamp(22px,3vw,26px);font-weight:700;color:var(--text-color)}.dashboard-page .dashboard-header p{margin:0 auto;max-width:520px;color:var(--dark-gray)}.dashboard-page .dashboard-card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,286px));justify-content:center;gap:20px}.dashboard-page .dashboard-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:131px;background:var(--card-bg);border:1px solid var(--medium-gray);border-radius:13px;padding:22px 24px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.dashboard-page .dashboard-card:hover,.dashboard-page .dashboard-card:focus-visible{outline:none;border-color:var(--brand-color);box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.dashboard-page .dashboard-card-icon{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px;width:35px;height:35px;border-radius:10px;background:var(--brand-color-light);color:var(--brand-color)}.dashboard-page .dashboard-card h3{margin:0 44px 9px 0;font-size:17px;font-weight:600;line-height:1.3;color:var(--text-color)}.dashboard-page .dashboard-card-status{font-size:14px;font-weight:600;color:var(--brand-color)}.dashboard-page .dashboard-card-wide{grid-column:1 / -1}.dashboard-page .dashboard-card-static{cursor:default}.dashboard-page .dashboard-card-static:hover{border-color:var(--medium-gray);box-shadow:none;transform:none}.dashboard-page .dashboard-panel-body{width:100%;margin-top:12px}.dashboard-page .dashboard-card-icon-btn{border:none;cursor:pointer;transition:background .12s ease}.dashboard-page .dashboard-card-icon-btn:hover,.dashboard-page .dashboard-card-icon-btn:focus-visible{background:var(--brand-color);color:#fff}.dashboard-page .dashboard-activity-list{display:flex;flex-direction:column;width:100%;max-height:264px;overflow-y:auto;padding-right:10px}.dashboard-page .dashboard-activity-item{display:flex;width:100%;box-sizing:border-box;gap:14px;align-items:flex-start;padding:14px 4px;border-bottom:1px solid var(--medium-gray)}.dashboard-page .dashboard-activity-item:last-child{border-bottom:0}.dashboard-page .dashboard-activity-indicator{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;flex-shrink:0}.dashboard-page .dashboard-activity-indicator:after{content:"";width:10px;height:10px;border-radius:50%}.dashboard-page .dashboard-activity-indicator.success:after{background:#15803d}.dashboard-page .dashboard-activity-indicator.warning:after{background:#d97706}.dashboard-page .dashboard-activity-indicator.error:after{background:#dc2626}.dashboard-page .dashboard-activity-indicator.info:after{background:var(--brand-color)}.dashboard-page .dashboard-activity-icon{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:50%;flex-shrink:0}.dashboard-page .dashboard-activity-icon.success{background:#15803d1f;color:#15803d}.dashboard-page .dashboard-activity-icon.error{background:#dc26261a;color:#dc2626}.dashboard-page .dashboard-activity-item strong{font-size:14px;color:var(--text-color)}.dashboard-page .dashboard-activity-time{color:var(--dark-gray);font-size:12px;display:block;margin-top:2px}.dashboard-page .dashboard-activity-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin:16px 0}.dashboard-page .dashboard-activity-toolbar .search-box{flex:1;min-width:220px;max-width:360px}.dashboard-page .dashboard-activity-list-modal{max-height:50vh;overflow-y:auto;padding-right:10px}.info-notice{display:flex;align-items:flex-start;gap:12px;max-width:640px;border-radius:var(--radius-md);padding:14px 16px;box-sizing:border-box}.info-notice-info{background:#0b6cb114;border:1px solid rgba(11,108,177,.25)}.info-notice-warning{background:#d9770614;border:1px solid rgba(217,119,6,.3)}.info-notice-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:15px;line-height:1}.info-notice-info .info-notice-icon{background:#0b6cb126;color:var(--brand-color)}.info-notice-warning .info-notice-icon{background:#d9770626;color:#d97706}.info-notice-body{display:flex;flex-direction:column;gap:4px;min-width:0}.info-notice-title{font-size:14px;color:var(--text-color)}.info-notice-content{font-size:13px;color:var(--dark-gray);line-height:1.5}.info-notice-content p{margin:0}.info-notice-content ul{margin:8px 0 0;padding-left:18px;display:flex;flex-direction:column;gap:3px}:root[data-theme=dark] .info-notice-info{background:#38a1e01f;border:1px solid rgba(56,161,224,.4)}:root[data-theme=dark] .info-notice-warning{background:#fb923c1f;border:1px solid rgba(251,146,60,.4)}:root[data-theme=dark] .info-notice-info .info-notice-icon{background:#38a1e038;color:#60b8ea}:root[data-theme=dark] .info-notice-warning .info-notice-icon{background:#fb923c38;color:#fb923c}.api-keys-page{width:100%}.api-keys-header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.api-keys-success,.api-keys-error{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;font-weight:500}.api-keys-success{background:#15803d1a;color:#15803d;border:1px solid rgba(21,128,61,.2)}.api-keys-error{background:#dc262614;color:var(--error-color);border:1px solid rgba(220,38,38,.15)}.api-keys-table-wrap{background:var(--card-bg);border-radius:var(--radius-md);overflow-x:auto}.api-keys-table{width:100%;border-collapse:collapse;font-size:14px}.api-keys-table thead tr{border-bottom:2px solid var(--medium-gray)}.api-keys-table th{padding:14px 16px;text-align:left;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-gray);white-space:nowrap}.api-keys-table td{padding:14px 16px;color:var(--text-color);border-bottom:1px solid var(--medium-gray);vertical-align:middle}.api-keys-table tbody tr:last-child td{border-bottom:none}.api-keys-table tbody tr:hover td{background:var(--brand-color-light)}.api-keys-row{cursor:pointer}.api-keys-row-actions-cell{text-align:right;white-space:nowrap}.api-keys-row-actions{display:inline-flex;align-items:center;gap:6px;justify-content:flex-end}.api-keys-empty-state{min-height:200px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;color:var(--dark-gray);padding:32px}.api-keys-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:16px}.api-keys-modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:28px 32px;width:100%;max-width:520px;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:16px;max-height:90vh;overflow-y:auto}.api-keys-modal-header{display:flex;justify-content:space-between;align-items:center;gap:12px}.api-keys-modal-close{background:none;border:none;font-size:22px;line-height:1;color:var(--dark-gray);cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:background .12s ease;flex-shrink:0}.api-keys-modal-close:hover{background:var(--medium-gray)}.api-keys-form{display:flex;flex-direction:column;gap:4px}.api-keys-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.api-keys-modal-actions{display:flex;gap:10px;margin-top:8px;align-items:center}.api-keys-cancel-btn{background:none;border:1px solid var(--medium-gray);padding:10px 22px;border-radius:var(--radius-sm);font-size:14px;font-weight:600;cursor:pointer;color:var(--dark-gray);transition:background .12s ease,border-color .12s ease}.api-keys-cancel-btn:hover:not(:disabled){background:var(--light-gray);border-color:var(--dark-gray)}.api-keys-cancel-btn:disabled{opacity:.45;cursor:not-allowed}.api-keys-secret-modal{max-width:560px;text-align:center;align-items:center}.api-keys-secret-icon{font-size:40px;line-height:1}.api-keys-secret-warning{margin:0;padding:10px 14px;border-radius:var(--radius-sm);background:#d977061a;border:1px solid rgba(217,119,6,.25);color:var(--tier-amber-accent);font-size:13px;font-weight:500;width:100%;box-sizing:border-box;text-align:left}.api-keys-secret-box{width:100%;display:flex;flex-direction:column;gap:10px;align-items:stretch}.api-keys-secret-value{display:block;padding:14px 16px;border-radius:var(--radius-sm);background:var(--light-gray);border:1px dashed var(--medium-gray);font-family:Consolas,Courier New,monospace;font-size:13px;word-break:break-all;color:var(--text-color);text-align:left;line-height:1.6;-webkit-user-select:all;user-select:all}.api-keys-copy-btn{padding:10px 22px;border-radius:var(--radius-sm);border:1px solid var(--brand-color);background:var(--brand-color-light);color:var(--brand-color);font-size:14px;font-weight:600;cursor:pointer;transition:background .12s ease}.api-keys-copy-btn:hover{background:#0b6cb126}@media(max-width:768px){.api-keys-form-grid{grid-template-columns:1fr}}@media(max-width:768px){.api-keys-header{flex-direction:column;align-items:flex-start}.api-keys-table thead{display:none}.api-keys-table,.api-keys-table tbody,.api-keys-table tr,.api-keys-table td{display:block;width:100%}.api-keys-table tr{border-bottom:2px solid var(--medium-gray);padding:12px 0}.api-keys-table tr:last-child{border-bottom:none}.api-keys-table td{display:flex;justify-content:space-between;align-items:center;padding:6px 16px;border-bottom:none}.api-keys-table td:before{content:attr(data-label);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--dark-gray);flex-shrink:0;margin-right:8px}.api-keys-row-actions-cell{text-align:right}.api-keys-modal{padding:20px}.api-keys-modal-actions{flex-direction:column;align-items:stretch}.api-keys-cancel-btn{text-align:center}}.tabs{display:flex;flex-wrap:wrap;gap:4px;border-bottom:2px solid var(--medium-gray)}.tab-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 16px;border:none;background:none;font-size:14px;font-weight:600;color:var(--dark-gray);cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;border-radius:var(--radius-sm) var(--radius-sm) 0 0;transition:color .15s ease,border-color .15s ease,background .15s ease}.tab-btn:hover{color:var(--brand-color);background:var(--brand-color-light)}.tab-btn.active{color:var(--brand-color);border-bottom-color:var(--brand-color);background:none}.tab-badge{display:inline-flex;align-items:center;justify-content:center;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--medium-gray);color:var(--dark-gray);font-size:11px;font-weight:700}.tab-btn.active .tab-badge{background:var(--brand-color);color:#fff}@media(max-width:480px){.tab-btn{padding:8px 12px;font-size:13px}}.contacts-page{width:100%}.contacts-section-card{background:var(--card-bg);border-radius:var(--radius-md);padding:22px 24px;border:1px solid var(--medium-gray)}.contacts-section-card h3{margin:0 0 12px;font-size:16px;color:var(--text-color)}.contacts-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:4px}.contacts-toolbar .search-box{flex:1;min-width:220px}.contacts-request-item{border:1px solid var(--medium-gray);border-radius:var(--radius-sm);margin-top:10px;overflow:hidden;transition:border-color .12s}.contacts-request-item:hover{border-color:var(--brand-color)}.contacts-request-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;color:var(--dark-gray);font:inherit}.contacts-request-header:hover{background:var(--light-gray)}.contacts-request-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.contacts-request-name{font-size:15px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-request-email{font-size:13px;color:var(--dark-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contacts-request-body{padding:0 14px 14px;border-top:1px solid var(--medium-gray);display:flex;flex-direction:column;gap:2px}.contacts-request-body p{font-size:14px;color:var(--dark-gray);margin-top:10px}.contacts-request-actions{display:flex;gap:10px;margin-top:10px;flex-wrap:wrap;align-items:center}.contacts-status-message{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;background:#0b6cb114;color:var(--brand-color);border:1px solid rgba(11,108,177,.15);margin-bottom:4px}@media(max-width:600px){.contacts-request-actions{flex-direction:column}.contacts-toolbar{flex-direction:column;align-items:stretch}}.stepper{display:flex;align-items:center;gap:8px;margin-bottom:24px;flex-wrap:wrap}.stepper-item{display:flex;align-items:center;gap:8px}button.stepper-item{background:none;border:none;padding:4px;margin:-4px;border-radius:var(--radius-sm);font:inherit}.stepper-item-clickable{cursor:pointer}.stepper-item-clickable:hover{background:var(--brand-color-light)}.stepper-item-clickable:hover .stepper-label{color:var(--brand-color)}.stepper-circle{width:24px;height:24px;border-radius:999px;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex-shrink:0;background:var(--medium-gray);color:var(--dark-gray)}.stepper-circle.done{background:var(--brand-color);color:#fff}.stepper-circle.current{background:var(--brand-color);color:#fff;box-shadow:0 0 0 4px #0b6cb126}.stepper-label{font-size:14px;color:var(--dark-gray)}.stepper-label.current{color:var(--brand-color);font-weight:600}.stepper-line{flex:1;height:1px;background:var(--medium-gray);min-width:24px;max-width:64px}.contact-request-page{width:100%}.contact-request-page>h1,.contact-request-page>p,.contact-request-page>.stepper,.contact-request-page>.contact-request-card,.contact-request-page>.contact-request-status,.contact-request-page>.contact-request-loading{max-width:640px;margin-left:auto;margin-right:auto}.contact-request-page>h1,.contact-request-page>p{text-align:center}.contact-request-page>.stepper{justify-content:center}.contact-request-card{background:var(--card-bg);border-radius:var(--radius-md);padding:22px 24px;border:1px solid var(--medium-gray)}.contact-request-card h3{margin:0 0 12px;font-size:16px;color:var(--text-color)}.contact-request-step-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.contact-request-step-header h3{margin:0}.contact-request-back{background:none;border:none;padding:0;font-size:13px;font-weight:600;color:var(--brand-color);cursor:pointer;white-space:nowrap}.contact-request-back:hover{text-decoration:underline}.contact-request-success{text-align:center;display:flex;flex-direction:column;align-items:center;gap:4px;padding:32px 24px}.contact-request-success-icon{width:48px;height:48px;border-radius:999px;background:#15803d1a;border:1px solid rgba(21,128,61,.2);color:#15803d;display:flex;align-items:center;justify-content:center;margin-bottom:8px}.contact-request-success .form-btn{margin-top:12px}.contact-request-search-actions{margin-top:14px}.contact-request-results-grid{display:grid;gap:12px;margin-top:4px}.contact-request-result-item{border:1px solid var(--medium-gray);border-radius:var(--radius-sm);background:var(--light-gray);overflow:hidden;transition:border-color .12s}.contact-request-result-item:hover{border-color:var(--brand-color)}.contact-request-result-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.contact-request-result-header:hover{background:#0b6cb10d}.contact-request-result-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.contact-request-result-name{font-size:15px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-request-result-email{font-size:13px;color:var(--dark-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.contact-request-result-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--dark-gray)}.contact-request-result-body{padding:0 14px 14px;border-top:1px solid var(--medium-gray);display:flex;flex-direction:column;gap:2px}.contact-request-result-body p{font-size:13px;color:var(--dark-gray);margin-top:10px}.contact-request-result-actions{margin-top:8px}.contact-request-message-wrap{margin-top:14px;display:flex;flex-direction:column;gap:6px}.contact-request-message-wrap label{font-size:14px;color:var(--dark-gray);font-weight:500}.contact-request-textarea{width:100%;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);padding:10px 12px;font-size:14px;font-family:inherit;resize:vertical;min-height:100px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box;background:var(--card-bg);color:var(--text-color)}.contact-request-textarea:focus{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px #0b6cb11f}.contact-request-send-actions{display:flex;gap:10px;margin-top:16px;flex-wrap:wrap}.contact-request-status{padding:12px 16px;border-radius:var(--radius-sm);font-size:14px;background:#0b6cb114;color:var(--brand-color);border:1px solid rgba(11,108,177,.15)}.contact-request-loading{display:flex;justify-content:center;padding:16px 0}@media(max-width:600px){.contact-request-send-actions{flex-direction:column}.contact-request-result-header{align-items:flex-start}.contact-request-result-meta{flex-wrap:wrap;justify-content:flex-end}}.connections-overview-page{width:100%}.connections-pending-banner{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 16px;border-radius:var(--radius-sm);border:1px solid rgba(217,119,6,.25);background:#d9770614;color:#b45309;font-size:13px;font-weight:600;cursor:pointer;transition:background .15s ease}.connections-pending-banner:hover{background:#d9770624}.connections-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.connections-toolbar .search-box{flex:1;min-width:220px;max-width:360px}.connections-list{display:grid;gap:14px}.connections-list-card{background:var(--card-bg);border-radius:var(--radius-md);border:1px solid var(--medium-gray);transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.connections-list-card:hover{border-color:var(--brand-color);box-shadow:0 0 0 3px #0b6cb10f}.connections-list-empty{background:var(--card-bg);border-radius:var(--radius-md);padding:28px 22px;border:1px solid var(--medium-gray);text-align:center;color:var(--dark-gray)}.connections-card-header{width:100%;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 18px;background:none;border:none;cursor:pointer;text-align:left;color:inherit;font:inherit}.connections-card-header:hover{background:var(--brand-color-light)}.connections-card-heading{display:flex;flex-direction:column;gap:2px;min-width:0}.connections-card-name{font-size:15px;font-weight:600;color:var(--text-color);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections-card-email{font-size:13px;color:var(--dark-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.connections-card-meta{display:flex;align-items:center;gap:8px;flex-shrink:0;color:var(--dark-gray)}.connections-card-body{padding:0 18px 18px;border-top:1px solid var(--medium-gray)}.connections-list-details{margin-top:14px;display:flex;flex-direction:column;gap:2px}.connections-list-details p{font-size:13px;color:var(--dark-gray)}.connections-list-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.connections-customer-numbers-panel{background:var(--light-gray);border-radius:var(--radius-md);padding:14px 16px}.connections-customer-numbers-panel ul{list-style:none;margin:0 0 10px;padding:0;display:flex;flex-direction:column;gap:6px}.connections-customer-numbers-panel li{display:flex;align-items:center;justify-content:space-between;font-size:13px;background:var(--card-bg);border-radius:var(--radius-sm, 6px);padding:6px 10px}.connections-customer-numbers-panel .customer-numbers-remove{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);background:var(--card-bg);color:var(--dark-gray);cursor:pointer;padding:0;transition:border-color .15s,color .15s,background .15s}.connections-customer-numbers-panel .customer-numbers-remove:hover{border-color:var(--error-color);color:var(--error-color);background:#fff5f5}.connections-customer-numbers-add{display:flex;gap:10px}.connections-customer-numbers-add .form-input{flex:1}@media(max-width:768px){.connections-card-header{align-items:flex-start}.connections-card-meta{flex-wrap:wrap;justify-content:flex-end}.connections-toolbar{flex-direction:column;align-items:stretch}}.license-model-page{width:100%}.license-model-narrow{max-width:720px}.license-model-columns{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"header-left header-right" "content-left content-right";gap:24px}.license-model-header-left{grid-area:header-left}.license-model-header-right{grid-area:header-right}.license-model-column-left{grid-area:content-left}.license-model-column-right{grid-area:content-right}.license-model-column-left,.license-model-column-right{display:flex;flex-direction:column;gap:20px}.license-model-section-header h2{margin:0}@media(max-width:960px){.license-model-columns{grid-template-columns:1fr;grid-template-areas:"header-left" "content-left" "header-right" "content-right"}}.license-model-hero{display:flex;justify-content:space-between;gap:20px;align-items:flex-start}.license-model-current-card,.license-model-info-card{background:var(--card-bg);border-radius:var(--radius-lg);padding:22px}.license-model-current-card{flex:1;display:flex;flex-direction:column;justify-content:center}.license-model-empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;padding:12px 0}.license-model-empty-icon{display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:var(--light-gray);color:var(--dark-gray)}.license-model-empty-icon-pending{background:var(--tier-amber-bg);color:var(--tier-amber-accent)}.license-model-current-header{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.license-model-status{display:inline-flex;padding:5px 12px;border-radius:999px;background:#15803d1a;color:var(--success-color);font-weight:700;font-size:13px;border:1px solid rgba(21,128,61,.2);white-space:nowrap}:root[data-theme=dark] .license-model-status{background:#22c55e29;border-color:#22c55e4d}.license-model-stats-grid{display:grid;grid-template-columns:repeat(2,minmax(120px,1fr));gap:14px;margin-top:20px}.license-model-stat{padding:16px;border-radius:var(--radius-sm);background:var(--light-gray);border:1px solid var(--medium-gray);display:flex;flex-direction:column;gap:6px}.license-model-stat span{font-size:12px;text-transform:uppercase;letter-spacing:.04em;font-weight:600;color:var(--dark-gray)}.license-model-stat strong{font-size:22px;font-weight:700;color:var(--text-color)}.license-model-usage-block{margin-top:20px}.license-model-usage-labels{display:flex;justify-content:space-between;margin-bottom:8px;font-size:14px;color:var(--dark-gray)}.license-model-usage-labels strong{color:var(--brand-color);font-weight:700}.license-model-progress-bar{width:100%;height:10px;border-radius:999px;background:var(--medium-gray);overflow:hidden}.license-model-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-color) 0%,#38bdf8 100%);transition:width .5s ease}.license-model-tier-hint{margin:4px 0 0;font-size:13px;color:var(--dark-gray)}.license-model-tier-section{flex:1;display:flex;flex-direction:column}.license-model-tier-grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;gap:18px}@media(max-width:560px){.license-model-tier-grid{grid-template-columns:1fr}}.license-model-tier-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;height:100%;background:var(--card-bg);border-radius:var(--radius-lg);padding:22px;border:1px solid var(--medium-gray);font-family:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.license-model-tier-card:hover:not(:disabled){border-color:var(--brand-color);box-shadow:0 4px 16px #0b6cb11f;transform:translateY(-2px)}.license-model-tier-card:disabled{cursor:not-allowed;opacity:.55}.license-model-tier-card.active{border-width:2px}.license-model-tier-badge{position:absolute;top:-10px;left:18px;display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;color:#fff;font-size:11px;font-weight:700}.license-model-tier-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-sm)}.license-model-tier-card h3{margin:0 0 2px;font-size:17px}.license-model-tier-price{font-size:26px;font-weight:700}.license-model-tier-meta{display:flex;flex-direction:column;gap:4px;color:var(--dark-gray);font-size:13px;padding-top:10px;border-top:1px solid var(--medium-gray);width:100%;margin-top:auto}@media(max-width:768px){.license-model-hero{flex-direction:column}.license-model-current-header{flex-direction:column;gap:10px}.license-model-stats-grid{grid-template-columns:repeat(2,1fr)}}.license-model-pending-notice{display:inline-flex;align-self:flex-start;align-items:center;gap:8px;padding:10px 16px;border-radius:var(--radius-sm);background:var(--tier-amber-bg);color:var(--tier-amber-accent);border:1px solid rgba(234,179,8,.22);font-size:13px;font-weight:600;max-width:100%}:root[data-theme=dark] .license-model-pending-notice{border-color:#fbbf244d}.license-model-withdraw-row{display:flex;margin-top:10px}.license-model-empty-state .license-model-withdraw-row{justify-content:center;margin-top:0}.license-model-next-card{display:flex;align-items:flex-start;gap:14px;background:var(--card-bg);border-radius:var(--radius-md);padding:18px 22px}.license-model-next-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--brand-color-light);color:var(--brand-color);flex-shrink:0}.license-model-next-card strong{font-size:15px;color:var(--text-color)}.license-confirm-modal{max-width:420px}.license-confirm-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm)}.license-confirm-price{font-size:30px;font-weight:700;margin-top:8px}.license-confirm-meta{display:flex;flex-direction:column;gap:2px;color:var(--dark-gray);font-size:13px}.license-confirm-note{font-size:12px;color:var(--dark-gray);margin-top:4px}.license-modal-actions{display:flex;gap:10px;justify-content:flex-end;padding-top:16px;margin-top:8px;border-top:1px solid var(--medium-gray)}.license-modal-btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);font-size:14px;font-weight:600;cursor:pointer;white-space:nowrap;background:var(--light-gray);color:var(--dark-gray);transition:background .15s ease,border-color .15s ease}.license-modal-btn-secondary:hover{background:var(--medium-gray)}.pagination-controls{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.pagination-btn{min-width:32px;height:32px;padding:0 8px;border:1px solid var(--medium-gray);border-radius:6px;background:var(--card-bg);color:var(--dark-gray);font-size:13px;cursor:pointer;transition:background .12s,border-color .12s,color .12s;line-height:1}.pagination-btn:hover:not(:disabled){background:var(--light-gray);border-color:var(--brand-color);color:var(--brand-color)}.pagination-btn--active{background:var(--brand-color);border-color:var(--brand-color);color:#fff;font-weight:700}.pagination-btn--nav{font-size:16px;padding:0 10px}.pagination-btn:disabled{opacity:.35;cursor:not-allowed}.pagination-dots{padding:0 4px;color:var(--dark-gray);font-size:14px;line-height:32px}@media(max-width:640px){.pagination-btn{min-width:28px;height:28px;font-size:12px}}.delivery-note-protocol-page{width:100%}.delivery-note-grid-wrap{background:var(--card-bg);border-radius:var(--radius-md);padding:20px}.delivery-note-grid-header{padding:0 0 12px;border-bottom:2px solid var(--medium-gray);font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-gray)}.delivery-note-grid-row{padding:12px 0;border-bottom:1px solid var(--medium-gray);cursor:default;transition:background .1s ease}.delivery-note-grid-row:hover{background:var(--light-gray)}.delivery-note-empty-state{padding:28px 0 12px;text-align:center;color:var(--dark-gray)}.dnp-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}.dnp-page-size-select{min-width:72px}.dnp-modal{background:var(--card-bg);border-radius:var(--radius-lg);width:100%;max-width:760px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 48px #0003;overflow:hidden}.dnp-modal-header h3{margin:0;color:var(--text-color)}.dnp-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--dark-gray);padding:4px 8px;border-radius:6px;transition:background .1s}.dnp-modal-close:hover{background:var(--light-gray);color:var(--error-color)}.dnp-detail-label{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--dark-gray);letter-spacing:.06em}.dnp-detail-code{font-family:Consolas,Courier New,monospace;font-size:13px;word-break:break-all}.dnp-detail-pre{background:var(--light-gray);border:1px solid var(--medium-gray);border-radius:var(--radius-sm);padding:14px;font-family:Consolas,Courier New,monospace;font-size:12px;overflow-x:auto;max-height:260px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0}@media(max-width:960px){.delivery-note-filter-grid{grid-template-columns:1fr}.delivery-note-grid-header{display:none}.delivery-note-grid-row{grid-template-columns:1fr;padding:16px;border:1px solid var(--medium-gray);border-radius:var(--radius-sm);margin-top:10px;gap:8px}.dnp-detail-grid{grid-template-columns:1fr}.dnp-modal{max-height:92vh}}.delivery-note-summary-label{display:block;color:var(--dark-gray);margin-bottom:8px}.delivery-note-summary-value{font-size:32px}.delivery-note-filter-grid{display:grid;grid-template-columns:minmax(240px,360px) minmax(220px,280px) minmax(220px,280px) minmax(140px,180px);justify-content:start;gap:16px;align-items:center}.delivery-note-filter-grid .dnp-page-size-selector,.delivery-note-filter-grid .dnp-filter-inline{display:flex;align-items:center;gap:8px}.dnp-filter-inline{min-width:0}.dnp-filter-inline-label{flex-shrink:0;white-space:nowrap;font-size:13px;color:var(--dark-gray)}.dnp-filter-inline .dropdown{flex:1;min-width:0}.delivery-note-filter-grid .search-box{max-width:360px}.delivery-note-filter-select-wrap{display:flex;flex-direction:column}.delivery-note-grid-header,.delivery-note-grid-row{display:grid;grid-template-columns:1.6fr .5fr 1.8fr .9fr .5fr .7fr .5fr;gap:12px;align-items:center}.delivery-note-grid-header{padding-bottom:12px;border-bottom:1px solid var(--medium-gray);font-weight:700}.delivery-note-grid-row{padding:12px 0;border-bottom:1px solid var(--light-gray);cursor:default}.delivery-note-grid-row:last-child{border-bottom:0}.delivery-note-empty-state{padding:24px 0 8px}.dnp-cell-endpoint{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.dnp-cell-date{font-size:13px}.dnp-cell-duration{font-size:13px;color:var(--dark-gray)}.dnp-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:4px 0}.dnp-page-size-selector{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dark-gray)}.dnp-page-size-label{white-space:nowrap}.dnp-modal-backdrop{position:fixed;inset:0;background:#00000073;display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.dnp-modal{background:var(--card-bg);border-radius:14px;width:100%;max-width:760px;max-height:85vh;display:flex;flex-direction:column;box-shadow:0 8px 40px #0000002e;overflow:hidden}.dnp-modal-header{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 16px;border-bottom:1px solid var(--medium-gray);flex-shrink:0}.dnp-modal-close{background:none;border:none;font-size:18px;cursor:pointer;color:var(--dark-gray);padding:4px 8px;border-radius:6px}.dnp-modal-close:hover{background:var(--light-gray)}.dnp-modal-body{overflow-y:auto;padding:20px 24px 24px;display:flex;flex-direction:column;gap:20px}.dnp-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dnp-detail-item{display:flex;flex-direction:column;gap:4px}.dnp-detail-item--full{grid-column:1 / -1}.dnp-detail-label{font-size:12px;font-weight:700;text-transform:uppercase;color:var(--dark-gray);letter-spacing:.04em}.dnp-detail-code{font-family:monospace;font-size:13px;word-break:break-all}.dnp-detail-section{display:flex;flex-direction:column;gap:8px}.dnp-detail-pre{background:var(--light-gray);border-radius:8px;padding:14px;font-family:monospace;font-size:12px;overflow-x:auto;max-height:260px;overflow-y:auto;white-space:pre-wrap;word-break:break-all;margin:0}@media(max-width:960px){.delivery-note-filter-grid,.delivery-note-grid-header,.delivery-note-grid-row{grid-template-columns:1fr}.delivery-note-grid-header{display:none}.delivery-note-grid-row{padding:16px;border:1px solid var(--medium-gray);border-radius:10px;margin-top:12px;gap:8px}.dnp-detail-grid{grid-template-columns:1fr}.dnp-modal{max-height:92vh}}.legal-page{min-height:100vh;display:flex;align-items:flex-start;justify-content:center;background:var(--light-gray);padding:40px 16px;box-sizing:border-box}.legal-card{background:var(--card-bg);border-radius:16px;box-shadow:0 4px 24px #00000017;padding:40px 44px 32px;width:100%;max-width:720px;box-sizing:border-box;word-break:break-word;overflow-wrap:break-word}.legal-back-btn{background:none;border:none;padding:0;font-size:14px;color:var(--dark-gray);cursor:pointer;margin-bottom:24px;display:inline-flex;align-items:center;gap:4px;transition:color .15s;min-height:44px}.legal-back-btn:hover{color:var(--secondary-color)}.legal-title{font-size:28px!important;font-weight:700;margin:0 0 28px!important;color:var(--secondary-color);border-bottom:2px solid var(--medium-gray);padding-bottom:16px}.legal-section{margin-bottom:28px}.legal-section h2{font-size:14px!important;font-weight:600;color:var(--secondary-color);margin:0 0 10px!important;text-transform:uppercase;letter-spacing:.04em}.legal-section p{margin:0 0 12px;line-height:1.7;color:var(--text-color);font-size:15px}.legal-section p:last-child{margin-bottom:0}.legal-section a{color:#2f97ff;word-break:break-all}.legal-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px;padding:36px 24px;background:var(--light-gray);border:1px dashed var(--medium-gray);border-radius:12px;text-align:center}.legal-placeholder-icon{font-size:32px}.legal-placeholder p{margin:0;color:var(--dark-gray);font-size:15px}.legal-footer{margin-top:32px;padding-top:20px;border-top:1px solid var(--medium-gray)}@media(max-width:600px){.legal-page{padding:16px 12px;align-items:flex-start}.legal-card{padding:24px 16px 20px;border-radius:12px}.legal-title{font-size:20px!important}.legal-section h2{font-size:12px!important}.legal-section p{font-size:14px}.legal-back-btn{font-size:13px}}.datetime-picker{position:relative;display:inline-flex}.datetime-picker-trigger{display:inline-flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:170px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);background:var(--card-bg);color:var(--text-color);padding:10px 12px;font-size:14px;font-family:inherit;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.datetime-picker-trigger:hover{border-color:var(--brand-color)}.datetime-picker-trigger:focus-visible{outline:none;border-color:var(--brand-color);box-shadow:0 0 0 3px var(--brand-color-light)}.datetime-picker-value{flex:1;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datetime-picker-placeholder{flex:1;text-align:left;color:var(--dark-gray);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.datetime-picker-icon{flex-shrink:0;color:var(--dark-gray)}.datetime-picker-panel{position:absolute;left:0;top:calc(100% + 6px);z-index:200;width:280px;padding:14px;border-radius:var(--radius-md);background:var(--card-bg);border:1px solid var(--medium-gray);display:flex;flex-direction:column;gap:12px}.datetime-picker-panel.align-right{left:auto;right:0}.datetime-picker-header{display:flex;align-items:center;justify-content:space-between}.datetime-picker-month{font-size:14px;font-weight:600;color:var(--text-color);text-transform:capitalize}.datetime-picker-nav{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--dark-gray);cursor:pointer;transition:background .1s ease,color .1s ease}.datetime-picker-nav:hover{background:var(--light-gray);color:var(--brand-color)}.datetime-picker-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.datetime-picker-weekday{font-size:11px;font-weight:700;text-transform:uppercase;text-align:center;color:var(--dark-gray);padding-bottom:4px}.datetime-picker-day{display:flex;align-items:center;justify-content:center;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--text-color);font-size:13px;cursor:pointer;transition:background .1s ease,color .1s ease}.datetime-picker-day:hover{background:var(--light-gray)}.datetime-picker-day.muted{color:var(--dark-gray);opacity:.5}.datetime-picker-day.today{border:1px solid var(--brand-color)}.datetime-picker-day.selected{background:var(--brand-color);color:#fff;font-weight:600}.datetime-picker-time{display:flex;align-items:center;justify-content:center;gap:6px;color:var(--text-color);font-weight:600;border-top:1px solid var(--medium-gray);padding-top:10px}.datetime-picker-time input{width:48px;text-align:center;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);background:var(--light-gray);color:var(--text-color);padding:6px 4px;font-size:13px;font-family:inherit}.datetime-picker-time input:focus-visible{outline:none;border-color:var(--brand-color)}.datetime-picker-actions{display:flex;justify-content:space-between;gap:8px}.datetime-picker-action{border:none;background:transparent;color:var(--brand-color);font-size:13px;font-weight:600;cursor:pointer;padding:4px 6px;border-radius:var(--radius-sm);transition:background .1s ease}.datetime-picker-action:hover{background:var(--brand-color-light)}.admin-page{width:100%}.admin-hero{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}.admin-tabs,.admin-tab-content{margin-top:24px}.admin-health-section{max-width:898px;margin:0 auto}.admin-health-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,286px));justify-content:center;gap:20px;margin-bottom:24px}.admin-health-stat{position:relative;display:flex;flex-direction:column;align-items:flex-start;align-self:stretch;width:100%;box-sizing:border-box;text-align:left;min-height:131px;background:var(--card-bg);border:1px solid var(--medium-gray);border-radius:13px;padding:22px 24px;font-family:inherit;transition:border-color .15s ease,box-shadow .15s ease,transform .15s ease}.admin-health-stat.clickable{cursor:pointer}.admin-health-stat.clickable:hover,.admin-health-stat.clickable:focus-visible{outline:none;border-color:var(--brand-color);box-shadow:0 4px 14px #0000000f;transform:translateY(-1px)}.admin-health-stat-icon{display:inline-flex;align-items:center;justify-content:center;position:absolute;top:20px;right:20px;width:35px;height:35px;border-radius:10px;background:var(--brand-color-light);color:var(--brand-color)}.admin-health-stat.success .admin-health-stat-icon{background:#15803d1f;color:var(--success-color)}.admin-health-stat.warn .admin-health-stat-icon{background:#d977061f;color:var(--warning-color)}.admin-health-stat.error .admin-health-stat-icon{background:#dc26261a;color:var(--error-color)}.admin-health-stat-label{margin:0 44px 9px 0;font-size:17px;font-weight:600;line-height:1.3;color:var(--text-color)}.admin-health-stat strong{font-size:14px;font-weight:600;color:var(--brand-color)}.admin-health-stat.success strong{color:var(--success-color)}.admin-health-stat.warn strong{color:var(--warning-color)}.admin-health-stat.error strong{color:var(--error-color)}.admin-health-status{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600}.admin-health-dot{width:10px;height:10px;border-radius:50%;display:inline-block}.admin-health-dot.ok{background:var(--success-color)}.admin-health-dot.error{background:var(--error-color)}.admin-card{background:var(--card-bg);border-radius:var(--radius-md);padding:20px}.admin-card+.admin-card{margin-top:16px}.admin-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;gap:12px;flex-wrap:wrap}.admin-card-header h3{margin:0;font-size:15px}.admin-table-wrap{overflow-x:auto}.admin-table-wrap-scroll{max-height:60vh;overflow-y:auto}.admin-table-wrap-scroll thead th{position:sticky;top:0;background:var(--card-bg);z-index:1}.admin-table{width:100%;border-collapse:collapse;font-size:13px}.admin-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--dark-gray);border-bottom:2px solid var(--medium-gray);white-space:nowrap}.admin-table td{padding:11px 12px;border-bottom:1px solid var(--medium-gray);vertical-align:middle}.admin-table tr:last-child td{border-bottom:none}.admin-table tr:hover td{background:var(--light-gray)}.admin-log-row{cursor:pointer}.admin-action-row-end{width:100%}.admin-action-row-end button{margin-left:auto}.admin-action-row{display:flex;gap:6px;align-items:center;flex-wrap:wrap}.admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:9px 18px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;cursor:pointer;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.admin-btn:disabled{opacity:.45;cursor:not-allowed}.admin-btn.approve{background:#15803d1f;color:var(--success-color);border:1px solid rgba(21,128,61,.25)}.admin-btn.approve:hover:not(:disabled){background:#15803d38}.admin-btn.reject{background:#dc262617;color:var(--error-color);border:1px solid rgba(220,38,38,.22)}.admin-btn.reject:hover:not(:disabled){background:#dc26262b}.admin-btn.secondary{background:var(--light-gray);color:var(--dark-gray);border:1px solid var(--medium-gray)}.admin-btn.secondary:hover:not(:disabled){background:var(--medium-gray)}.admin-modal-overlay{position:fixed;inset:0;background:#00000059;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.admin-modal{background:var(--card-bg);border-radius:var(--radius-lg);padding:28px;width:100%;max-width:480px;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;box-shadow:0 8px 32px #0000002e;display:flex;flex-direction:column;gap:16px}.admin-modal h3{margin:0;font-size:17px}.admin-modal p{margin:0;font-size:14px}.admin-modal textarea{width:100%;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);padding:10px 12px;font-size:13px;resize:vertical;min-height:80px;font-family:inherit;outline:none;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}.admin-modal textarea:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #0b6cb11f}.admin-modal-actions{display:flex;gap:10px;justify-content:flex-end}.admin-search-bar{display:flex;gap:10px;margin-bottom:16px;align-items:center;flex-wrap:wrap}.admin-search-input{flex:1;min-width:180px;max-width:360px}.admin-page-size-selector{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--dark-gray)}.admin-page-size-label{white-space:nowrap}.admin-page-size-select{min-width:72px}.admin-search-input .search-box-input{box-sizing:border-box;height:46px;font-size:13px}.admin-filter-select{box-sizing:border-box;height:46px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);padding:8px 12px;font-size:13px;outline:none;background:var(--card-bg);cursor:pointer;transition:border-color .15s ease}.admin-filter-select:focus{border-color:var(--brand-color)}.dropdown.admin-filter-select{border:none;padding:0;background:none;border-radius:0;cursor:auto}.dropdown.admin-filter-select:focus{border-color:transparent}.dropdown.admin-filter-select .dropdown-trigger{height:46px;font-size:13px;padding:8px 12px;min-width:140px}.datetime-picker.admin-filter-select{border:none;padding:0;background:none;border-radius:0;cursor:auto}.datetime-picker.admin-filter-select .datetime-picker-trigger{box-sizing:border-box;height:46px;font-size:13px;padding:8px 12px;min-width:160px}.admin-empty-state{text-align:center;padding:36px;color:var(--dark-gray);font-size:14px}.admin-request-meta{font-size:12px;color:var(--dark-gray);margin-top:2px}.admin-card-email{display:block;font-size:14px;font-weight:600;color:var(--brand-color);margin-top:2px;text-decoration:none}.admin-card-email:hover{text-decoration:underline}.admin-log-cell-timestamp{white-space:nowrap;font-size:12px}.admin-log-cell-endpoint{max-width:260px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-family:Consolas,Courier New,monospace}.admin-log-cell-message{max-width:360px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.admin-log-pagination{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:14px 12px 4px}.admin-modal.wide{max-width:720px}.admin-log-detail-banner{margin:-28px -28px 0;padding:12px 28px;border-radius:var(--radius-lg) var(--radius-lg) 0 0;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff}.admin-log-detail-banner-info{background:var(--brand-color);color:#fff}.admin-log-detail-banner-warning{background:#eab308;color:#422006}.admin-log-detail-banner-error{background:var(--error-color);color:#fff}.admin-log-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px}.admin-log-detail-field{display:flex;flex-direction:column;gap:4px}.admin-log-detail-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:var(--dark-gray)}.admin-log-detail-full{grid-column:1 / -1}.admin-log-detail-code{font-family:Consolas,Courier New,monospace;font-size:13px;word-break:break-all}.admin-log-detail-pre{background:var(--light-gray);border-radius:var(--radius-sm);padding:14px;font-family:Consolas,Courier New,monospace;font-size:12px;max-height:320px;overflow:auto;white-space:pre-wrap;word-break:break-word;margin:0}.admin-log-detail-pre-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.admin-log-copy-btn{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;font-size:12px}@media(max-width:1024px){.admin-log-section{grid-template-columns:1fr}}@media(max-width:700px){.admin-log-detail-grid{grid-template-columns:1fr}}@media(max-width:768px){.admin-hero{flex-direction:column}}.session-timeout-toast{position:fixed;top:20px;right:20px;z-index:1000;display:flex;align-items:flex-start;gap:12px;width:min(360px,calc(100vw - 40px));padding:16px 40px 16px 16px;background:var(--card-bg);border-radius:var(--radius-md);box-shadow:0 8px 32px #00000038}:root[data-theme=dark] .session-timeout-toast{box-shadow:0 0 0 1px #ffffff26,0 20px 60px #000000a8}.session-timeout-toast-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:36px;height:36px;border-radius:50%;background:var(--brand-color-light);color:var(--brand-color)}.session-timeout-toast-body{flex:1;min-width:0}.session-timeout-toast-title{margin:0 0 4px;font-weight:600;color:var(--text-color)}.session-timeout-toast-message{margin:0 0 12px;font-size:14px;color:var(--dark-gray)}.session-timeout-toast-extend{display:inline-flex;align-items:center;justify-content:center;padding:8px 16px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;cursor:pointer;background:var(--brand-color);color:#fff;transition:background .15s ease,opacity .15s ease}.session-timeout-toast-extend:hover:not(:disabled){background:var(--brand-color-dark)}.session-timeout-toast-extend:disabled{opacity:.6;cursor:not-allowed}.session-timeout-toast-close{position:absolute;top:10px;right:10px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:0;border-radius:50%;background:transparent;color:var(--dark-gray);cursor:pointer;transition:background .12s ease}.session-timeout-toast-close:hover{background:var(--light-gray)}@media(max-width:480px){.session-timeout-toast{top:12px;right:12px;left:12px;width:auto}}.legal-footer-links{display:flex;justify-content:center;align-items:center;gap:8px;font-size:13px;flex-wrap:wrap}.legal-footer-links a{color:var(--dark-gray);min-height:44px;min-width:44px;display:inline-flex;align-items:center;justify-content:center;padding:4px 2px}.legal-footer-links a:hover{color:var(--secondary-color)}.legal-footer-links-sep{color:var(--medium-gray);-webkit-user-select:none;user-select:none}*{scrollbar-width:thin;scrollbar-color:var(--medium-gray) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--medium-gray);border-radius:999px;border:2px solid transparent;background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background-color:var(--brand-color)}*::-webkit-scrollbar-corner{background:transparent}:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#1a202c;background-color:#f0f4f8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--brand-color: #0b6cb1;--brand-color-dark: #085a97;--brand-color-light: rgba(11, 108, 177, .08);--primary-color: #fff;--secondary-color: #1a202c;--dark-gray: #4a5568;--medium-gray: #e2e8f0;--light-gray: #f0f4f8;--card-bg: #ffffff;--warning-color: #d30000;--info-color: #0b6cb1;--success-color: #15803d;--error-color: #dc2626;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--text-color: #1a202c;--tier-blue-accent: #0b6cb1;--tier-blue-bg: #e4f2fb;--tier-green-accent: #0f6e56;--tier-green-bg: #e1f5ee;--tier-amber-accent: #854f0b;--tier-amber-bg: #faeeda;--tier-pink-accent: #993556;--tier-pink-bg: #fbeaf0}:root[data-theme=dark]{color-scheme:dark;color:#e5e7eb;background-color:#0b0d10;--brand-color: #4babe8;--brand-color-dark: #6fc0ee;--brand-color-light: rgba(75, 171, 232, .22);--primary-color: #0b0d10;--secondary-color: #e5e7eb;--dark-gray: #9aa3b2;--medium-gray: #464e58;--light-gray: #16181d;--card-bg: #1c1f26;--warning-color: #f87171;--info-color: #3b9cdb;--success-color: #22c55e;--error-color: #f87171;--text-color: #e5e7eb;--tier-blue-accent: #5eb3f6;--tier-blue-bg: rgba(94, 179, 246, .22);--tier-green-accent: #3ee6a8;--tier-green-bg: rgba(62, 230, 168, .2);--tier-amber-accent: #ffc94d;--tier-amber-bg: rgba(255, 201, 77, .2);--tier-pink-accent: #ff7fc4;--tier-pink-bg: rgba(255, 127, 196, .2)}html{position:relative;min-height:100%;overflow-x:hidden}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden}.bg-none{background:none!important}.bg-primary{background:var(--primary-color)!important}.bg-secondary{background:var(--secondary-color)!important}.bg-warning{background:var(--warning-color)!important}.bg-info{background:var(--info-color)!important}.bg-success{background:var(--success-color)!important}.bg-dark-gray{background:var(--dark-gray)!important}.bg-medium-gray{background:var(--medium-gray)!important}.bg-light-gray{background:var(--light-gray)!important}.container{width:90%;margin:0 auto}.w-25{width:25%!important}.w-33{width:33%!important}.w-40{width:40%!important}.w-50{width:50%!important}.w-66{width:66%!important}.w-75{width:75%!important}.w-100{width:100%!important}.margin-0{margin:0 auto}.mt-1{margin-top:10px}.mt-2{margin-top:20px}.mt-3{margin-top:30px}.mt-4{margin-top:40px}.mr-1{margin-right:10px}.mr-2{margin-right:20px}.mr-3{margin-right:30px}.mr-4{margin-right:40px}.mb-1{margin-bottom:10px}.mb-2{margin-bottom:20px}.mb-3{margin-bottom:30px}.mb-4{margin-bottom:40px}.ml-1{margin-left:10px}.ml-2{margin-left:20px}.ml-3{margin-left:30px}.ml-4{margin-left:40px}.strong{font-weight:700}.d-flex{display:flex}.flex-column{flex-direction:column}.justify-between{justify-content:space-between}.justify-evenly{justify-content:space-evenly}.input-container{display:flex;flex-direction:column;margin:0 auto;width:50%;border-radius:var(--radius-md);padding:24px;background:var(--card-bg);box-shadow:0 1px 4px #00000012,0 4px 16px #0000000d}.form-input{box-sizing:border-box;height:42px;border-radius:var(--radius-sm);border:1px solid var(--medium-gray);margin:5px 0;padding:10px 12px;font-size:14px;transition:border-color .15s ease,box-shadow .15s ease;outline:none}.form-input:focus{border-color:var(--brand-color);box-shadow:0 0 0 3px #0b6cb11f}.form-btn{display:inline-flex;align-items:center;justify-content:center;padding:10px 22px;border-radius:var(--radius-sm);border:none;font-size:14px;font-weight:600;cursor:pointer;background:var(--brand-color);color:#fff;transition:background .15s ease,opacity .15s ease;white-space:nowrap}.form-btn:hover:not(:disabled){background:var(--brand-color-dark)}.form-btn:disabled{opacity:.5;cursor:not-allowed}.box-shadow{box-shadow:0 1px 4px #0000000f,0 4px 16px #0000000d}:root[data-theme=dark] .box-shadow{box-shadow:0 0 0 1px #ffffff21,0 4px 16px #00000075}.modal-overlay{position:fixed;inset:0;background:#0006;z-index:500;display:flex;align-items:center;justify-content:center;padding:20px}.modal-window{position:relative;width:100%;max-width:640px;max-height:calc(100vh - 40px);overflow-y:auto;overflow-x:hidden;box-sizing:border-box;background:var(--card-bg);border-radius:var(--radius-lg);box-shadow:0 8px 32px #00000038;padding:32px}:root[data-theme=dark] .modal-overlay{background:#000000b8}:root[data-theme=dark] .modal-window{box-shadow:0 0 0 1px #ffffff26,0 20px 60px #000000a8}.modal-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.modal-window h2{font-size:clamp(20px,3vw,24px);margin:0 0 8px;color:var(--text-color)}.modal-window-wide{max-width:900px}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;margin:-6px -6px 0 0;flex-shrink:0;border:0;border-radius:50%;background:transparent;color:var(--dark-gray);cursor:pointer;transition:background .12s ease}.modal-close:hover{background:var(--light-gray)}a{text-decoration:none;color:var(--brand-color);cursor:pointer}p{color:var(--dark-gray);margin:0 0 4px}input,select{color:var(--text-color);background:var(--card-bg)}button{cursor:pointer;color:inherit}.form-input.invalid{border:2px solid var(--error-color);box-shadow:0 0 0 3px #dc262614}input[type=checkbox].invalid{outline:3px solid rgba(220,38,38,.25);border-radius:3px}input[type=checkbox].invalid+span{color:var(--error-color)}.invite-user-success,.invite-user-error{margin:10px 0;padding:10px 14px;border-radius:var(--radius-sm);font-size:14px}.invite-user-success{background:#15803d1a;color:#15803d;border:1px solid rgba(21,128,61,.2)}.invite-user-error{background:#dc262614;color:var(--error-color);border:1px solid rgba(220,38,38,.15)}
