.ambient-background{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background-color:var(--color-bg)}.notification-bell{position:relative}.notification-bell-button{position:relative;display:flex;align-items:center;justify-content:center;width:var(--control-height);height:var(--control-height);border-radius:50%;border:1px solid var(--color-graphite-soft);background:transparent;color:var(--color-text-inverse);cursor:pointer}.notification-bell-button:hover{background:var(--color-graphite-soft)}.notification-bell-badge{position:absolute;top:-4px;right:-4px;min-width:16px;height:16px;padding:0 4px;border-radius:var(--radius-pill);background:var(--color-status-critical);color:var(--color-text-inverse);font-size:10.5px;font-weight:700;line-height:16px;text-align:center}.notification-bell-menu{position:absolute;top:calc(100% + 10px);right:0;width:300px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated);padding:var(--space-4);z-index:50}.notification-bell-header{display:flex;align-items:center;justify-content:space-between;font-size:var(--font-size-small);font-weight:600;color:var(--color-text);margin-bottom:var(--space-2)}.notification-bell-mark{background:transparent;border:none;color:var(--color-primary);font-size:var(--font-size-small);font-weight:600;cursor:pointer;min-height:var(--control-height);padding:0 var(--space-2)}.notification-bell-mark:hover{text-decoration:underline}.notification-bell-empty{font-size:var(--font-size-small);color:var(--color-text-muted);padding:var(--space-2) 0}.notification-bell-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-1);max-height:260px;overflow-y:auto}.notification-bell-item a{display:flex;align-items:center;min-height:var(--control-height);font-size:var(--font-size-small);color:var(--color-text);text-decoration:none;padding:var(--space-2);border-radius:var(--radius-sm)}.notification-bell-item a:hover{background:var(--color-bg);color:var(--color-primary)}@media(max-width:560px){.notification-bell-menu{right:-48px;width:260px}}.navbar{background:var(--color-graphite);border-bottom:1px solid rgba(153,206,255,.18);position:sticky;top:0;z-index:40}.navbar-inner{display:flex;align-items:center;gap:var(--space-6);min-height:72px}.navbar-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0;padding:var(--space-2) 0}.navbar-logo-img{width:155px;height:auto;display:block}.navbar-links{display:flex;align-items:center;gap:var(--space-4);flex:1;justify-content:center}.navbar-link{font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--color-text-inverse-muted);text-decoration:none;min-height:var(--control-height);padding:var(--space-3) var(--space-1);display:inline-flex;align-items:center;border-bottom:2px solid transparent;white-space:nowrap;transition:color var(--motion-hover)}.navbar-link:hover{color:var(--color-text-inverse)}.navbar-link.is-active{color:var(--color-text-inverse);border-bottom-color:var(--avoki-pale-blue)}.navbar-actions{display:flex;align-items:center;gap:var(--space-3);flex-shrink:0}.navbar-cta{min-height:var(--control-height);display:inline-flex;align-items:center;background:var(--avoki-pale-blue);color:var(--avoki-dark-blue);font-size:14px;font-weight:600;text-decoration:none;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:background var(--motion-hover);white-space:nowrap}.navbar-cta:hover{background:var(--avoki-pastel-blue);color:var(--avoki-dark-blue)}.navbar-profile-wrap{position:relative}.navbar-profile{display:flex;align-items:center;gap:var(--space-2);background:transparent;border:1px solid var(--color-graphite-soft);border-radius:var(--radius-pill);min-height:var(--control-height);padding:4px 12px 4px 6px;cursor:pointer;color:var(--color-text-inverse)}.navbar-profile:hover{background:var(--color-graphite-soft)}.navbar-profile-avatar{width:28px;height:28px;border-radius:50%;background:var(--avoki-pale-blue);color:var(--avoki-dark-blue);font-size:12px;font-weight:600;display:flex;align-items:center;justify-content:center}.navbar-profile-name{font-size:var(--font-size-small);font-weight:500}.navbar-profile-skeleton{background:var(--color-graphite-soft);animation:navbar-skeleton-pulse 1.4s ease-in-out infinite}.navbar-profile-skeleton-text{display:inline-block;width:72px;height:12px;border-radius:var(--radius-sm)}@keyframes navbar-skeleton-pulse{0%,to{opacity:.6}50%{opacity:1}}.navbar-profile-menu{position:absolute;top:calc(100% + 10px);right:0;width:240px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-2);z-index:50}.navbar-profile-menu-header{padding:var(--space-2) var(--space-3) var(--space-3);border-bottom:1px solid var(--color-border);margin-bottom:var(--space-1)}.navbar-profile-menu-name{font-size:var(--font-size-small);font-weight:600;color:var(--color-text)}.navbar-profile-menu-company{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:2px}.navbar-profile-menu-item{display:flex;align-items:center;min-height:var(--control-height);font-size:var(--font-size-small);color:var(--color-text);text-decoration:none;padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm)}.navbar-profile-menu-item:hover{background:var(--color-bg);color:var(--color-primary)}.navbar-menu-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:var(--control-height);height:var(--control-height);background:transparent;border:none;cursor:pointer}.navbar-menu-toggle span{display:block;width:20px;height:2px;background:var(--color-text-inverse)}.navbar-mobile-menu{display:none;flex-direction:column;background:var(--color-graphite-soft);padding:var(--space-2) var(--space-4) var(--space-4)}.navbar-mobile-link{color:var(--color-text-inverse);text-decoration:none;font-size:14px;font-weight:500;min-height:var(--control-height);padding:var(--space-3) 0;display:flex;align-items:center;border-bottom:1px solid rgba(255,255,255,.08)}.navbar-mobile-link.is-active{color:var(--avoki-pale-blue)}.navbar-mobile-cta{font-weight:600;color:var(--avoki-pale-blue)}@media(max-width:900px){.navbar-links,.navbar-profile-name,.navbar-cta{display:none}.navbar-menu-toggle,.navbar-mobile-menu{display:flex}}@media(max-width:560px){.navbar-inner,.navbar-actions{gap:var(--space-2)}.navbar-profile-wrap{display:none}}@media(min-width:561px)and (max-width:900px){.navbar-mobile-account-link{display:none}}.footer{background:var(--color-graphite);color:var(--color-text-inverse-muted);margin-top:var(--space-7);flex-shrink:0;position:relative;z-index:1}.footer-inner.container{display:grid;grid-template-columns:1fr auto 1fr;align-items:start;gap:var(--space-7);padding:24px var(--space-5) 24px}.footer-brand{min-width:0}.footer-logo{font-family:var(--font-heading);font-weight:600;font-size:15px;color:var(--color-text-inverse)}.footer-tagline{font-size:var(--font-size-small);margin-top:var(--space-2)}.footer-credit{display:flex;flex-direction:column;align-items:center;gap:8px}.footer-credit-label{font-size:var(--font-size-small);font-weight:500;color:var(--color-text-inverse-muted);text-transform:uppercase;letter-spacing:.5px}.footer-credit-logo{display:block;width:120px;height:auto;opacity:.85}.footer-help{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.footer-help p{font-size:var(--font-size-small)}.footer-help-link{color:var(--color-text-inverse);font-weight:500;margin-top:var(--space-1);text-decoration:none}.footer-help-link:hover{text-decoration:underline}@media(max-width:900px){.footer-inner.container{gap:var(--space-6)}}@media(max-width:640px){.footer-inner.container{grid-template-columns:1fr;justify-items:center;text-align:center;gap:var(--space-5);padding-inline:var(--space-4)}.footer-help{align-items:center;text-align:center}}.stat-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-5);display:flex;gap:var(--space-4);align-items:flex-start;border-top:3px solid transparent;transition:background var(--transition-standard),border-color var(--transition-standard),box-shadow var(--transition-standard)}.stat-card-clickable{width:100%;text-align:left;font:inherit;color:inherit;cursor:pointer}.stat-card-open{border-top-color:var(--color-status-open)}.stat-card-progress{border-top-color:var(--color-status-progress)}.stat-card-critical{border-top-color:var(--color-status-critical)}.stat-card-waiting{border-top-color:var(--color-status-waiting)}.stat-card-open.stat-card-clickable:hover{background:var(--color-status-open-bg)}.stat-card-progress.stat-card-clickable:hover{background:var(--color-status-progress-bg)}.stat-card-critical.stat-card-clickable:hover{background:var(--color-status-critical-bg)}.stat-card-waiting.stat-card-clickable:hover{background:var(--color-status-waiting-bg)}.stat-card-open.is-active{background:var(--color-status-open-bg);border-color:var(--color-status-open)}.stat-card-progress.is-active{background:var(--color-status-progress-bg);border-color:var(--color-status-progress)}.stat-card-critical.is-active{background:var(--color-status-critical-bg);border-color:var(--color-status-critical)}.stat-card-waiting.is-active{background:var(--color-status-waiting-bg);border-color:var(--color-status-waiting)}.stat-card-icon{width:36px;height:36px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;transition:filter var(--motion-hover)}.stat-card-open .stat-card-icon{background:var(--color-status-open-bg);color:var(--color-status-open)}.stat-card-progress .stat-card-icon{background:var(--color-status-progress-bg);color:var(--color-status-progress)}.stat-card-critical .stat-card-icon{background:var(--color-status-critical-bg);color:var(--color-status-critical)}.stat-card-waiting .stat-card-icon{background:var(--color-status-waiting-bg);color:var(--color-status-waiting)}.stat-card-clickable:hover .stat-card-icon,.stat-card.is-active .stat-card-icon{filter:saturate(1.4) brightness(.95)}.stat-card-value{font-family:var(--font-heading);font-size:32px;font-weight:700;line-height:1}.stat-card-label{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:600;margin-top:var(--space-1)}.stat-card-description{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:2px}.search-bar{display:flex;flex-direction:column;gap:var(--space-1);min-width:240px;flex:1}.search-bar-label{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted)}.search-bar-field{display:flex;align-items:center;gap:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:0 var(--space-3);min-height:var(--control-height);transition:border-color var(--transition-standard),box-shadow var(--transition-standard)}.search-bar-icon{color:var(--color-text-muted);font-size:14px}.search-bar-field input{flex:1;border:none;background:transparent;min-height:calc(var(--control-height) - 2px);padding:var(--space-2) 0;font-size:var(--font-size-body);color:var(--color-text)}.search-bar-field input:focus{outline:none}.search-bar-field:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--avoki-pastel-blue)}@media(max-width:560px){.search-bar{width:100%;min-width:0}}.filter-bar{display:flex;flex-direction:column;gap:var(--space-1);min-width:180px}.filter-bar-label{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted)}.filter-bar select{min-height:var(--control-height);border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-body);color:var(--color-text)}.filter-bar select:focus,.filter-bar select:focus-visible{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--avoki-pastel-blue);outline:none}@media(max-width:560px){.filter-bar{width:100%;min-width:0}}.chip{display:inline-flex;align-items:center;gap:6px;min-height:28px;font-size:var(--font-size-small);font-weight:600;padding:var(--space-1) var(--space-3);border-radius:var(--radius-pill);white-space:nowrap;line-height:1.4}.chip-icon{font-size:12px}.chip-open{background:var(--color-status-open-bg);color:var(--color-status-open)}.chip-progress{background:var(--color-status-progress-bg);color:var(--color-status-progress)}.chip-critical{background:var(--color-status-critical-bg);color:var(--color-status-critical)}.chip-waiting{background:var(--color-status-waiting-bg);color:var(--color-status-waiting)}.chip-resolved{background:var(--color-status-resolved-bg);color:var(--color-status-resolved)}.chip-neutral{background:var(--color-surface-muted, var(--color-border));color:var(--color-text-muted)}.chip-priority-low{background:var(--color-priority-low-bg);color:var(--color-priority-low)}.chip-priority-medium{background:var(--color-priority-medium-bg);color:var(--color-priority-medium)}.chip-priority-high{background:var(--color-priority-high-bg);color:var(--color-priority-high)}.chip-priority-critical{background:var(--color-priority-critical-bg);color:var(--color-priority-critical)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.data-table{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);overflow:hidden}.data-table-empty{padding:var(--space-7) var(--space-5);text-align:center;color:var(--color-text-muted);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle)}.data-table-grid{width:100%;border-collapse:collapse}.data-table-grid th{text-align:left;font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);background:var(--avoki-pastel-blue);color:var(--avoki-dark-blue)}.data-table-grid td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);border-bottom:1px solid var(--color-border);vertical-align:middle}.data-table-row:last-child td{border-bottom:none}.data-table-row{cursor:pointer}.data-table-row:hover{background:#d2e9ff6b}.data-table-row:focus-visible{outline:2px solid var(--color-primary);outline-offset:-2px}.data-table-case-number{font-family:var(--font-heading);font-weight:600;color:var(--color-text-muted)}.data-table-unread-dot{display:inline-block;width:8px;height:8px;margin-right:var(--space-2);border-radius:50%;background:var(--color-status-critical);vertical-align:middle}.data-table-title-link{background:none;border:none;padding:0;min-height:var(--control-height);font-size:var(--font-size-body);font-weight:500;color:var(--color-text);text-align:left;cursor:pointer;text-decoration:underline;text-decoration-color:var(--avoki-pale-grey);text-underline-offset:.2em}.data-table-title-link:hover,.data-table-title-link:focus-visible{color:var(--color-primary);text-decoration-color:currentColor}.data-table-date{color:var(--color-text-muted)}.data-table-cards{display:none;list-style:none}.data-table-card{padding:var(--space-4);border-bottom:1px solid var(--color-border)}.data-table-card:last-child{border-bottom:none}.data-table-card-title{background:none;border:none;padding:0;min-height:var(--control-height);font-size:var(--font-size-body);font-weight:600;color:var(--color-text);text-align:left;cursor:pointer}.data-table-card-number{font-family:var(--font-heading);font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:2px}.data-table-card-chips{display:flex;gap:var(--space-2);margin-top:var(--space-2);flex-wrap:wrap}.data-table-card-date{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:var(--space-2)}@media(max-width:720px){.data-table-grid{display:none}.data-table-cards{display:block}}.pagination{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-3);padding:var(--space-4) 0}.pagination button{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-1);min-height:var(--control-height);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:var(--font-size-small);font-weight:500;color:var(--color-text);cursor:pointer}.pagination button:disabled{opacity:.5;cursor:not-allowed}.pagination button:not(:disabled):hover{border-color:var(--color-primary);background:var(--avoki-pastel-blue);color:var(--avoki-dark-blue)}.pagination-pages{display:flex;justify-content:center;gap:var(--space-1);min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;padding:var(--space-1);scrollbar-width:thin;list-style:none}.pagination-pages button{min-width:var(--control-height)}.pagination-pages button.is-current{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}@media(max-width:480px){.pagination{gap:var(--space-1)}.pagination>button{width:var(--control-height);padding-inline:var(--space-2)}.pagination-button-label{display:none}}.orb-background{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;z-index:0;pointer-events:none}.orb{position:absolute;border-radius:50%;opacity:.55}.orb-a{width:360px;height:360px;top:-230px;right:8%;background:var(--avoki-pale-blue)}.orb-b{width:240px;height:240px;bottom:-190px;right:-40px;background:var(--avoki-dark-blue);opacity:.07}.orb-c{display:none}@media(prefers-reduced-motion:reduce){.orb{transition:none}}.dashboard{padding-block:var(--space-6) var(--space-8)}.dashboard-welcome{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-subtle);padding:var(--space-6);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);overflow:hidden;flex-wrap:wrap}.dashboard-welcome-content{position:relative;z-index:1}.dashboard-welcome-eyebrow{font-size:var(--font-size-small);font-weight:600;color:var(--avoki-dark-blue)}.dashboard-welcome-title{font-size:var(--font-size-h2);margin-top:var(--space-1)}.dashboard-welcome-text{font-size:var(--font-size-body);color:var(--color-text-muted);margin-top:var(--space-1)}.dashboard-new-case{position:relative;z-index:1;background:var(--color-primary);color:var(--color-text-inverse);min-height:var(--control-height);display:inline-flex;align-items:center;justify-content:center;font-size:var(--font-size-small);font-weight:600;text-decoration:none;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);white-space:nowrap;transition:background var(--motion-hover)}.dashboard-new-case:hover{background:var(--color-primary-hover)}.dashboard-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);margin-top:var(--space-5)}.dashboard-cases{margin-top:var(--space-6)}.dashboard-cases-header{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-3);flex-wrap:wrap}.dashboard-cases-header h2{font-size:var(--font-size-h4)}.dashboard-cases-filter-label{font-size:var(--font-size-small);color:var(--color-text-muted);font-weight:500}.dashboard-cases-controls{display:flex;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap}.dashboard-scope-toggle{display:inline-flex;gap:2px;margin-top:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:3px}.dashboard-scope-tab{border:none;background:transparent;color:var(--color-text-muted);min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-hover),color var(--motion-hover)}.dashboard-scope-tab.is-active{background:var(--avoki-dark-blue);color:var(--color-text-inverse);box-shadow:none}.dashboard-state{margin-top:var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-body)}.dashboard-state-error{color:var(--color-status-critical);background:var(--color-status-critical-bg);border-color:#b4233259}.dashboard-retry{margin-top:var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-hover)}.dashboard-retry:hover{background:var(--color-primary-hover)}@media(max-width:900px){.dashboard-stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.dashboard-stats{grid-template-columns:1fr}.dashboard-welcome{flex-direction:column;align-items:flex-start;padding:var(--space-5)}.dashboard-new-case,.dashboard-reset-filters{width:100%}}.page-header{padding:var(--space-6) 0}.page-header-title{font-size:var(--font-size-h1);max-width:22ch}.page-header-description{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-body);line-height:var(--line-height-body);max-width:640px}.page-header-hero{position:relative;padding:var(--space-8) 0 var(--space-7);overflow:hidden}.page-header-hero .page-header-title{font-size:var(--font-size-h1);position:relative;z-index:1}.page-header-hero .page-header-description{font-size:18px;position:relative;z-index:1}@media(max-width:600px){.page-header{padding:var(--space-5) 0}.page-header-hero{padding:var(--space-7) 0 var(--space-6)}}.case-list{padding-bottom:var(--space-8)}.case-list-controls{display:flex;align-items:flex-end;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-3)}.case-list-count{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--space-3)}.case-list-scope-toggle{display:inline-flex;gap:2px;margin-bottom:var(--space-4);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:3px}.case-list-scope-tab{border:none;background:transparent;color:var(--color-text-muted);min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;transition:background var(--motion-hover),color var(--motion-hover)}.case-list-scope-tab.is-active{background:var(--avoki-dark-blue);color:var(--color-text-inverse);box-shadow:none}.case-list-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-6);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-body);margin-bottom:var(--space-4)}.case-list-state-error{color:var(--color-status-critical);background:var(--color-status-critical-bg);border-color:#b4233259}.case-list-retry{margin-top:var(--space-3);background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-hover)}.case-list-retry:hover{background:var(--color-primary-hover)}@media(max-width:560px){.case-list-reset-filters{width:100%}}.attachment-field{display:flex;flex-direction:column;gap:var(--space-3)}.attachment-dropzone{border:1px dashed var(--avoki-pale-grey);border-radius:var(--radius-md);background:var(--color-surface);padding:var(--space-6) var(--space-5);text-align:center;cursor:pointer;transition:border-color var(--transition-standard),background var(--transition-standard)}.attachment-dropzone:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.attachment-dropzone:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-color:var(--color-primary)}.attachment-dropzone.is-dragover{border-style:dashed;border-width:2px;border-color:var(--color-primary);background:var(--color-primary-soft)}.attachment-dropzone-title{font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}.attachment-dropzone-sub{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:4px}.attachment-dropzone-hint{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:var(--space-2)}.attachment-confirmation{font-size:var(--font-size-small);font-weight:500;color:var(--color-status-resolved)}.attachment-errors{list-style:none;display:flex;flex-direction:column;gap:4px;font-size:var(--font-size-small);color:var(--color-status-critical);background:var(--color-status-critical-bg);padding:var(--space-3);border-radius:var(--radius-md)}.attachment-errors li:before{content:"⚠ "}.attachment-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.attachment-item{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.attachment-thumb{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);padding:0;background:none;cursor:pointer;flex-shrink:0}.attachment-thumb img{width:100%;height:100%;object-fit:cover;display:block}.attachment-icon{width:var(--control-height);height:var(--control-height);border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-size:10.5px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.attachment-info{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.attachment-name{font-size:var(--font-size-small);font-weight:500;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.attachment-meta{font-size:var(--font-size-small);color:var(--color-text-muted)}.attachment-remove{background:none;border:none;font-size:20px;line-height:1;color:var(--color-text-muted);cursor:pointer;min-width:var(--control-height);min-height:var(--control-height);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);flex-shrink:0}.attachment-remove:hover{color:var(--color-status-critical);background:var(--color-status-critical-bg)}.attachment-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#16202e99;display:flex;align-items:center;justify-content:center;z-index:200;padding:var(--space-5)}.attachment-modal{background:var(--color-surface);border-radius:var(--radius-lg);padding:var(--space-5);max-width:min(600px,90vw);max-height:85vh;overflow:auto;position:relative;box-shadow:var(--shadow-elevated)}.attachment-modal img{max-width:100%;max-height:70vh;display:block;margin:0 auto;border-radius:var(--radius-md)}.attachment-modal-caption{margin-top:var(--space-3);font-size:var(--font-size-small);color:var(--color-text-muted);text-align:center}.attachment-modal-close{position:absolute;top:8px;right:8px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:50%;width:var(--control-height);height:var(--control-height);font-size:18px;cursor:pointer}.attachment-modal-close:hover{border-color:var(--color-primary);color:var(--color-primary)}.attachment-upload-item{min-width:0;flex-wrap:wrap}.attachment-upload-status{font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);flex-shrink:0}.attachment-upload-status-ferdig{color:var(--color-status-resolved)}.attachment-upload-status-feilet,.attachment-upload-error{color:var(--color-status-critical)}.attachment-upload-error{font-size:var(--font-size-small);overflow-wrap:anywhere}.attachment-upload-retry{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);cursor:pointer;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:5px 8px;flex-shrink:0}.attachment-upload-retry:hover{border-color:var(--color-primary)}@media(max-width:560px){.attachment-upload-item .attachment-info{min-width:min(100%,180px)}.attachment-upload-status{margin-left:52px}}.case-detail{padding:var(--space-6) var(--space-6) var(--space-8)}.case-detail-back{display:inline-flex;align-items:center;min-height:var(--control-height);font-size:var(--font-size-small);color:var(--color-text-muted);text-decoration:none;padding:var(--space-2) var(--space-1);margin:calc(-1 * var(--space-2)) calc(-1 * var(--space-1)) var(--space-2)}.case-detail-back:hover{color:var(--color-primary)}.case-detail-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-4);flex-wrap:wrap;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}.case-detail-number{font-family:var(--font-heading);font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-small)}.case-detail-title{font-size:var(--font-size-h2);margin-top:var(--space-1)}.case-detail-chips{display:flex;gap:var(--space-2);flex-wrap:wrap}.case-detail-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,360px);gap:var(--space-6);margin-top:var(--space-5)}.case-detail-main,.case-detail-sidebar{min-width:0}.case-detail-sidebar{position:sticky;top:calc(var(--header-height) + var(--space-4));align-self:start}.case-detail-section{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-5);margin-bottom:var(--space-4)}.case-detail-section h2{font-size:var(--font-size-h4);margin-bottom:var(--space-3)}.case-detail-section p{font-size:var(--font-size-body);color:var(--color-text);line-height:1.6}.case-detail-action{margin-top:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-status-progress-bg);border-radius:var(--radius-md)}.case-detail-attachments{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.case-detail-attachments li{display:flex;align-items:center;gap:var(--space-3);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3)}.case-detail-attachment-icon{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.case-detail-attachment-name{flex:1;min-width:0;font-size:var(--font-size-small);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.case-detail-attachment-size{font-size:var(--font-size-small);color:var(--color-text-muted);flex-shrink:0}.case-detail-action h3{font-family:var(--font-body);font-size:var(--font-size-body);color:var(--color-status-progress);margin-bottom:var(--space-1)}.case-detail-thread-scroll{max-height:480px;overflow-y:auto;padding-right:var(--space-2)}.case-detail-thread{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.case-detail-thread-date{text-align:center;font-size:var(--font-size-small);font-weight:600;color:var(--color-text-muted);margin:var(--space-2) 0 calc(var(--space-1) * -1)}.case-detail-message{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--color-bg)}.case-detail-message-kunde{background:var(--color-primary-soft)}.case-detail-message-attachments{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.case-detail-message-attachment{width:100%;min-width:0;display:flex;align-items:center;gap:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;padding:var(--space-2) var(--space-3);text-align:left}.case-detail-message-attachment:hover,.case-detail-message-attachment:focus-visible{border-color:var(--color-primary)}.case-detail-message-meta{display:flex;justify-content:space-between;font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--space-1)}.case-detail-message-author{font-weight:600}.case-detail-history{list-style:none;display:flex;flex-direction:column;margin-top:var(--space-4)}.case-detail-timeline{overflow:hidden}.case-detail-timeline-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.case-detail-timeline-header h2{margin-bottom:0}.case-detail-timeline .case-detail-timeline-eyebrow{margin-bottom:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-small, 14px);font-weight:600}.case-detail-timeline-count{display:inline-flex;align-items:center;justify-content:center;min-width:32px;height:32px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary);font-size:var(--font-size-small);font-weight:700}.case-detail-history-item{position:relative;padding:0 0 var(--space-5) var(--space-6)}.case-detail-history-item:last-child{padding-bottom:0}.case-detail-history-item:before{content:"";position:absolute;top:3px;left:3px;z-index:1;width:14px;height:14px;border:3px solid var(--color-primary);border-radius:50%;background:var(--color-surface)}.case-detail-history-item:after{content:"";position:absolute;top:17px;bottom:0;left:9px;width:2px;background:var(--color-border)}.case-detail-history-item:last-child:after{display:none}.case-detail-history-item-status:before{border-color:var(--color-status-resolved)}.case-detail-history-item-customer-update:before{border-color:var(--color-text-muted)}.case-detail-history-content{min-width:0}.case-detail-history-content h3{margin:0 0 var(--space-1);font-family:var(--font-body);font-size:var(--font-size-body);line-height:1.35}.case-detail-history-date{display:block;margin-bottom:var(--space-2);font-size:var(--font-size-small);color:var(--color-text-muted)}.case-detail-history-content p{overflow-wrap:anywhere;color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.5}.case-detail-history-open-email{display:block;width:100%;text-align:left;border:none;background:none;padding:var(--space-1);margin:calc(-1 * var(--space-1));border-radius:var(--radius-sm);cursor:pointer}.case-detail-history-open-email:hover,.case-detail-history-open-email:focus-visible{background:var(--color-bg)}.case-detail-history-email-direction{display:flex;align-items:center;gap:var(--space-1);margin:0 0 var(--space-1);font-weight:600}.case-detail-history-email-counterpart{margin:0 0 var(--space-2)}.case-detail-history-email-cta{display:inline-block;font-size:var(--font-size-small);font-weight:600;color:var(--color-primary)}.case-detail-history-open-email:hover .case-detail-history-email-cta,.case-detail-history-open-email:focus-visible .case-detail-history-email-cta{text-decoration:underline}.case-detail-timeline .case-detail-timeline-status,.case-detail-timeline .case-detail-timeline-note{margin-top:var(--space-4);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text-muted);font-size:var(--font-size-small);line-height:1.5}.case-detail-timeline-status.case-detail-timeline-error{border:1px solid var(--color-status-critical);background:var(--color-status-critical-bg);color:var(--color-status-critical)}.case-detail-articles{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}.case-detail-articles a{font-size:var(--font-size-body);text-decoration:none}.case-detail-articles a:hover{text-decoration:underline}.case-detail-empty-note{font-size:var(--font-size-small);color:var(--color-text-muted);font-style:italic}.case-detail-messages-status{font-size:var(--font-size-small);color:var(--color-text-muted);margin-bottom:var(--space-3)}.case-detail-messages-error{color:var(--color-status-critical)}.case-detail-compose{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-3)}.case-detail-compose-field{display:flex;flex-direction:column;gap:var(--space-1)}.case-detail-compose-field label,.case-detail-compose-label{font-size:var(--font-size-small);font-weight:600}.case-detail-compose-textarea{flex:1;min-width:0;border:none;outline:none;min-height:24px;max-height:160px;padding:var(--space-2) 0;font-size:var(--font-size-body);font-family:var(--font-body);color:var(--color-text);background:transparent;resize:none;overflow-y:auto;line-height:1.4}.case-detail-compose-error{font-size:var(--font-size-small);color:var(--color-status-critical)}.case-detail-compose-submit-error{margin-top:calc(-1 * var(--space-2))}.case-detail-compose-confirmation{font-size:var(--font-size-small);color:var(--color-status-progress)}.case-detail-upload-announcement{min-height:1.2em;font-size:var(--font-size-small);color:var(--color-text-muted)}.case-detail-retry-all{align-self:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-3)}.case-detail-compose-textarea-wrap{display:flex;align-items:flex-end;gap:var(--space-2);border:1px solid var(--color-border);border-radius:24px;background:var(--color-surface);padding:var(--space-2) var(--space-2) var(--space-2) var(--space-4)}.case-detail-compose-textarea-wrap:focus-within{border-color:var(--color-primary)}.case-detail-compose-actions{display:flex;align-items:center;gap:var(--space-2);padding-bottom:4px}.case-detail-emoji-wrap{position:relative}.case-detail-compose-icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--color-border);border-radius:50%;background:var(--color-surface);font-size:16px;line-height:1;cursor:pointer}.case-detail-compose-icon-button:not(:disabled):hover{border-color:var(--color-primary)}.case-detail-compose-icon-button:disabled{opacity:.5;cursor:not-allowed}.case-detail-emoji-popover{position:absolute;right:0;bottom:calc(100% + var(--space-2));z-index:5;display:grid;grid-template-columns:repeat(8,1fr);gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated, var(--shadow-subtle))}.case-detail-emoji-option{width:30px;height:30px;display:inline-flex;align-items:center;justify-content:center;border:none;background:none;font-size:16px;line-height:1;border-radius:var(--radius-sm);cursor:pointer}.case-detail-emoji-option:hover{background:var(--color-primary-soft)}.case-detail-compose-send-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:var(--color-primary);color:var(--color-text-inverse);font-size:14px;cursor:pointer;transition:background var(--motion-hover)}.case-detail-compose-send-button:not(:disabled):hover{background:var(--color-primary-hover)}.case-detail-compose-send-button:disabled{opacity:.7;cursor:not-allowed}.case-detail-category{font-size:12.5px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.case-detail-compose-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(245,247,250,.4);border-top-color:var(--color-text-inverse);animation:case-detail-compose-spin .7s linear infinite}@keyframes case-detail-compose-spin{to{transform:rotate(360deg)}}.case-detail-state{padding:var(--space-8) var(--space-5);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-body)}.case-detail-state-error{color:var(--color-status-critical)}.case-detail-state a{display:inline-flex;align-items:center;min-height:var(--control-height);margin-top:var(--space-3)}.case-detail-not-found{padding:var(--space-8) var(--space-5);text-align:center}.case-detail-not-found h1{font-size:var(--font-size-h3);margin-bottom:var(--space-2)}.case-detail-not-found p{color:var(--color-text-muted);margin-bottom:var(--space-3)}.case-detail-not-found a{display:inline-flex;align-items:center;min-height:var(--control-height)}.case-detail-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-3)}.case-detail-section-header h2{margin-bottom:0}.case-detail-section-header button{min-height:var(--control-height);padding:var(--space-2) var(--space-3);border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-primary);font-size:var(--font-size-small);font-weight:600}.case-detail-section-header button:not(:disabled):hover{background:var(--color-primary-soft)}.email-detail-modal{width:min(560px,90vw);text-align:left}.email-detail-subject{font-size:var(--font-size-h4);margin:0 0 var(--space-3);padding-right:var(--space-6)}.email-detail-meta{display:flex;flex-direction:column;gap:var(--space-1);margin:0 0 var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.email-detail-meta div{display:flex;gap:var(--space-2);font-size:var(--font-size-small)}.email-detail-meta dt{flex-shrink:0;width:48px;color:var(--color-text-muted);font-weight:600}.email-detail-meta dd{margin:0;overflow-wrap:anywhere}.email-detail-body p{white-space:pre-wrap;overflow-wrap:anywhere;font-size:var(--font-size-body);line-height:1.6;color:var(--color-text)}.email-detail-status{padding-right:var(--space-6);color:var(--color-text-muted)}.email-detail-error{color:var(--color-status-critical)}@media(max-width:900px){.case-detail-grid{grid-template-columns:1fr}.case-detail-sidebar{position:static}}@media(max-width:560px){.case-detail{padding:var(--space-5) var(--space-4) var(--space-8)}.case-detail-section{padding:var(--space-4)}.case-detail-message-attachment{flex-wrap:wrap}.case-detail-message-attachment .case-detail-attachment-name{min-width:0}.case-detail-message-attachment .case-detail-attachment-size{margin-left:48px}}.new-case{padding-bottom:var(--space-8);max-width:760px}.new-case-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-4)}.new-case-field{display:flex;flex-direction:column;gap:var(--space-1)}.new-case-field-row{display:flex;gap:var(--space-4)}.new-case-field-row .new-case-field{flex:1}.new-case-field label,.new-case-field-label{font-size:var(--font-size-small);font-weight:600}.new-case-field input,.new-case-field select,.new-case-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--control-height);padding:var(--space-3);font-size:var(--font-size-body);font-family:var(--font-body);color:var(--color-text);background:var(--color-surface)}.new-case-field input:focus,.new-case-field select:focus,.new-case-field textarea:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--avoki-pastel-blue);outline:none}.new-case-field textarea{resize:vertical}.new-case-error{font-size:var(--font-size-small);color:var(--color-status-critical)}.new-case-submit{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-hover)}.new-case-submit:hover{background:var(--color-primary-hover)}.new-case-submit:disabled{opacity:.7;cursor:not-allowed}.new-case-spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(245,247,250,.4);border-top-color:var(--color-text-inverse);animation:new-case-spin .7s linear infinite}@keyframes new-case-spin{to{transform:rotate(360deg)}}.new-case-submit-error{margin-top:calc(-1 * var(--space-2))}.new-case-retry-all{align-self:flex-start;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-3)}.new-case-suggestions{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3);background:var(--color-surface-muted, #eceef0);border-radius:var(--radius-md)}.new-case-suggestions-title{color:var(--color-text);font-size:var(--font-size-body);font-weight:700}.new-case-suggestions-list{display:flex;flex-direction:column;gap:var(--space-1);margin:0;padding:0;list-style:none}.new-case-suggestions-list a{display:inline-flex;align-items:center;gap:var(--space-1);color:#1a73e8;font-size:var(--font-size-body);font-weight:600}.new-case-suggestions-list a:hover{color:var(--color-primary-hover)}.new-case-suggestions-icon{flex-shrink:0}.new-case-upload-announcement{min-height:1.2em;font-size:var(--font-size-small);color:var(--color-text-muted)}@media(max-width:560px){.new-case-form{padding:var(--space-4)}.new-case-field-row{flex-direction:column}.new-case-submit,.new-case-retry-all{width:100%;justify-content:center}}.resource-card{display:block;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-5);text-decoration:none;color:var(--color-text);transition:border-color var(--transition-standard),transform var(--transition-standard),box-shadow var(--transition-standard)}.resource-card:hover{transform:translateY(-2px);border-color:var(--avoki-pale-blue);box-shadow:var(--shadow-elevated)}.resource-card-icon{font-size:22px;display:inline-flex;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);background:var(--color-primary-soft);margin-bottom:var(--space-3)}.resource-card-title{font-size:var(--font-size-h4);font-weight:600;margin-bottom:var(--space-1)}.resource-card-description{font-size:var(--font-size-body);color:var(--color-text-muted);line-height:1.5}.resource-card-meta{font-size:var(--font-size-small);color:var(--color-text-muted);margin-top:var(--space-2);font-weight:500}.knowledge{padding-bottom:var(--space-8)}.knowledge-controls{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.knowledge-empty{color:var(--color-text-muted);padding:var(--space-6) 0}@media(max-width:900px){.knowledge-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.knowledge-grid{grid-template-columns:1fr}}.article{max-width:680px;padding-bottom:var(--space-8)}.article-back{display:inline-block;font-size:13px;color:var(--color-text-muted);text-decoration:none;padding:8px 4px;margin:-8px -4px 8px}.article-back:hover{color:var(--color-primary)}.article-category{font-size:12.5px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.4px}.article-title{font-size:26px;margin-top:var(--space-2);margin-bottom:var(--space-4)}.article-body{font-size:15px;line-height:1.7;color:var(--color-text)}.article:has(.article-body iframe){max-width:1200px}.article-body iframe.article-scribe-embed{display:block;width:100%!important;height:auto!important;min-height:80vh!important;border:0;border-radius:8px}.article-scribe-wrap{position:relative}.article-scribe-wrap--loading .article-scribe-embed{opacity:0}.article-scribe-spinner{display:none}.article-scribe-wrap--loading .article-scribe-spinner{display:flex;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center;min-height:300px;font-size:14px;color:var(--color-text-muted);background:var(--color-surface-muted, #f4f4f6);border-radius:8px}.article-related{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.article-related h2{font-size:16px;margin-bottom:var(--space-2)}.article-related ul{list-style:none}.article-related a{font-size:14px;text-decoration:none}.article-related a:hover{text-decoration:underline}.article-not-found{padding:var(--space-8) var(--space-5);text-align:center}.webinars{padding-bottom:var(--space-8)}.webinars-section{margin-bottom:var(--space-6)}.webinars-section h2{font-size:18px;margin-bottom:var(--space-3)}.webinars-list{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.webinar-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.webinar-card-recording{background:var(--color-bg)}.webinar-date{font-size:12.5px;font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.3px}.webinar-card h3{font-size:16px;margin-top:var(--space-2);margin-bottom:var(--space-1)}.webinar-category{font-size:12px;font-weight:500;color:var(--color-text-muted);margin-bottom:var(--space-1)}.webinar-description{font-size:13.5px;color:var(--color-text-muted)}.webinars-empty{color:var(--color-text-muted);font-size:14px}.webinar-join-button{display:inline-block;margin-top:var(--space-4);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-on-primary, #fff);border-radius:var(--radius-md);font-size:13.5px;font-weight:600;text-decoration:none}.webinar-join-button:hover{opacity:.9}.webinar-video{position:relative;width:100%;aspect-ratio:16 / 9;margin-top:var(--space-4);border-radius:var(--radius-md);overflow:hidden;background:#000}.webinar-video iframe{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;border:0}.webinar-pending-badge{display:inline-block;margin-top:var(--space-4);padding:var(--space-1) var(--space-3);background:var(--color-primary-soft);color:var(--color-primary);border-radius:var(--radius-md);font-size:12.5px;font-weight:600}@media(max-width:720px){.webinars-list{grid-template-columns:1fr}}.courses{padding-bottom:var(--space-8)}.courses-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.course-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5)}.course-level{display:inline-block;font-size:12px;font-weight:600;color:var(--color-primary);background:var(--color-primary-soft);padding:2px 8px;border-radius:var(--radius-pill)}.course-card h3{font-size:16px;margin-top:var(--space-3);margin-bottom:var(--space-1)}.course-description{font-size:13.5px;color:var(--color-text-muted);margin-bottom:var(--space-2)}.course-duration{font-size:12.5px;color:var(--color-text-muted);font-weight:500}@media(max-width:900px){.courses-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.courses-list{grid-template-columns:1fr}}.roadmap{padding-bottom:var(--space-8)}.roadmap-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}.roadmap-column h2{font-size:15px;margin-bottom:var(--space-3);color:var(--color-text-muted)}.roadmap-column ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.roadmap-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.roadmap-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-2)}.roadmap-quarter{font-size:12px;color:var(--color-text-muted);font-weight:600}.roadmap-card h3{font-size:14.5px;margin-bottom:var(--space-1)}.roadmap-card p{font-size:13px;color:var(--color-text-muted)}@media(max-width:900px){.roadmap-columns{grid-template-columns:1fr}}.feedback{padding-bottom:var(--space-8);max-width:720px}.feedback-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-5);margin-bottom:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.feedback-form h2{font-size:15px}.feedback-form-field{display:flex;flex-direction:column;gap:var(--space-1)}.feedback-form-field label{font-size:13px;font-weight:600}.feedback-form-field input,.feedback-form-field textarea{border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);font-size:14px;font-family:var(--font-body)}.feedback-form-field input:focus,.feedback-form-field textarea:focus{border-color:var(--color-primary)}.feedback-error{font-size:12.5px;color:var(--color-status-critical)}.feedback-submit{align-self:flex-start;background:var(--color-primary);color:var(--color-text-inverse);border:none;font-size:14px;font-weight:600;padding:var(--space-2) var(--space-5);border-radius:var(--radius-md);cursor:pointer}.feedback-submit:hover{background:var(--color-primary-hover)}.feedback-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.feedback-card{display:flex;gap:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);padding:var(--space-4)}.feedback-vote{display:flex;flex-direction:column;align-items:center;gap:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);cursor:pointer;height:fit-content;color:var(--color-text-muted)}.feedback-vote:hover{border-color:var(--color-primary);color:var(--color-primary)}.feedback-vote-count{font-family:var(--font-heading);font-weight:700;font-size:14px;color:var(--color-text)}.feedback-card-header{display:flex;justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-1)}.feedback-card-header h3{font-size:15px}.feedback-card-body p{font-size:13.5px;color:var(--color-text-muted)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a73;display:flex;align-items:center;justify-content:center;padding:var(--space-4);z-index:100}.modal-dialog{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);width:100%;max-width:420px;max-height:calc(100vh - var(--space-8));overflow-y:auto}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-4) var(--space-5);border-bottom:1px solid var(--color-border)}.modal-title{font-size:var(--font-size-body);font-weight:700;margin:0}.modal-close{background:none;border:none;font-size:1.25rem;line-height:1;color:var(--color-text-muted);cursor:pointer;padding:var(--space-1)}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--space-5)}.admin-users{padding-bottom:var(--space-8);max-width:900px}.admin-users-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-4)}.admin-users-new-button{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;white-space:nowrap;transition:background var(--motion-hover)}.admin-users-new-button:hover{background:var(--color-primary-hover)}.admin-users-success{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-3) var(--space-4);margin-bottom:var(--space-4);font-size:var(--font-size-small)}.admin-users-state{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.admin-users-state-error{color:var(--color-status-critical)}.admin-users-retry{margin-top:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-4)}.admin-users-table{width:100%;border-collapse:collapse;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.admin-users-table th,.admin-users-table td{text-align:left;padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--color-border);font-size:var(--font-size-small)}.admin-users-table th{font-weight:600;color:var(--color-text-muted)}.admin-users-table tr:last-child td{border-bottom:none}.admin-users-invite-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-primary);cursor:pointer;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-2) var(--space-4);white-space:nowrap}.admin-users-invite-button:disabled{opacity:.7;cursor:not-allowed}.admin-users-cooldown-text{font-size:var(--font-size-small);color:var(--color-text-muted);white-space:nowrap}.admin-users-invite-error{margin-bottom:var(--space-4)}.admin-users-form{display:flex;flex-direction:column;gap:var(--space-4)}.admin-users-field{display:flex;flex-direction:column;gap:var(--space-1)}.admin-users-field label{font-size:var(--font-size-small);font-weight:600}.admin-users-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--control-height);padding:var(--space-3);font-size:var(--font-size-body);font-family:var(--font-body);color:var(--color-text);background:var(--color-surface)}.admin-users-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--avoki-pastel-blue);outline:none}.admin-users-error{font-size:var(--font-size-small);color:var(--color-status-critical)}.admin-users-form-actions{display:flex;justify-content:flex-end;gap:var(--space-3)}.admin-users-cancel-button{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-text);cursor:pointer;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-3) var(--space-5)}.admin-users-submit-button{background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-hover)}.admin-users-submit-button:hover{background:var(--color-primary-hover)}.admin-users-submit-button:disabled,.admin-users-cancel-button:disabled{opacity:.7;cursor:not-allowed}@media(max-width:560px){.admin-users-toolbar{flex-direction:column;align-items:stretch}.admin-users-table thead{display:none}.admin-users-table,.admin-users-table tbody,.admin-users-table tr,.admin-users-table td{display:block;width:100%}.admin-users-table tr{border-bottom:1px solid var(--color-border);padding:var(--space-3) 0}.admin-users-table td{border-bottom:none;padding:var(--space-1) var(--space-4)}}.profile-page{padding-bottom:var(--space-8);max-width:760px}.profile-form{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle);padding:var(--space-5);display:flex;flex-direction:column;gap:var(--space-5)}.profile-fieldset{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.profile-fieldset+.profile-fieldset{padding-top:var(--space-5);border-top:1px solid var(--color-border)}.profile-fieldset legend{padding:0 0 var(--space-1);font-size:var(--font-size-body);font-weight:600;color:var(--color-text)}.profile-field{display:flex;flex-direction:column;gap:var(--space-1)}.profile-field-row{display:flex;gap:var(--space-4)}.profile-field-row .profile-field{flex:1}.profile-field label{font-size:var(--font-size-small);font-weight:600}.profile-field input{border:1px solid var(--color-border);border-radius:var(--radius-md);min-height:var(--control-height);padding:var(--space-3);font-size:var(--font-size-body);font-family:var(--font-body);color:var(--color-text);background:var(--color-surface)}.profile-field input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--avoki-pastel-blue);outline:none}.profile-field input:disabled{background:var(--color-bg);color:var(--color-text-muted);cursor:not-allowed}.profile-hint{font-size:var(--font-size-small);color:var(--color-text-muted)}.profile-loading,.profile-error{font-size:var(--font-size-small)}.profile-error{color:var(--color-status-critical)}.profile-success{font-size:var(--font-size-small);color:var(--color-status-success, #1a7f4b)}.profile-submit{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:var(--color-text-inverse);border:none;min-height:var(--control-height);font-size:var(--font-size-small);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);cursor:pointer;transition:background var(--motion-hover)}.profile-submit:hover{background:var(--color-primary-hover)}.profile-submit:disabled{opacity:.7;cursor:not-allowed}@media(max-width:640px){.profile-field-row{flex-direction:column}}.publichome-hero{position:relative;overflow:hidden}.publichome-hero-content{position:relative;z-index:1}.publichome-hero-actions{display:flex;gap:var(--space-3);margin-top:var(--space-5);flex-wrap:wrap}.publichome-hero-primary,.publichome-hero-secondary{display:inline-flex;align-items:center;font-family:inherit;font-size:14px;font-weight:600;padding:var(--space-3) var(--space-5);border-radius:var(--radius-md);text-decoration:none;cursor:pointer}.publichome-hero-primary{background:var(--color-primary);color:var(--color-text-inverse);border:1px solid var(--color-primary);transition:background var(--motion-hover)}.publichome-hero-primary:hover{background:var(--color-primary-hover)}.publichome-hero-secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.publichome-hero-secondary:hover{border-color:var(--color-primary);color:var(--color-primary)}.publichome-section-title{font-size:20px;margin-bottom:var(--space-4)}.publichome-entries{padding:var(--space-7) 0}.publichome-entries-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4)}.publichome-access{padding-bottom:var(--space-7)}.publichome-access-panel{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5);max-width:640px}.publichome-access-panel p{font-size:13.5px;color:var(--color-text)}.publichome-access-panel p+p{margin-top:var(--space-3)}.publichome-access-muted{color:var(--color-text-muted)}.publichome-how{padding-bottom:var(--space-8)}.publichome-how-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}.publichome-how-steps li{display:flex;gap:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-5)}.publichome-how-step-number{font-family:var(--font-heading);font-weight:700;font-size:18px;color:var(--color-primary);flex-shrink:0}.publichome-how-steps h3{font-size:15px;margin-bottom:var(--space-1)}.publichome-how-steps p{font-size:13.5px;color:var(--color-text-muted)}@media(max-width:900px){.publichome-how-steps{grid-template-columns:1fr}}@media(max-width:560px){.publichome-entries-grid{grid-template-columns:1fr}}:root{--avoki-dark-blue: #0a1325;--avoki-pale-blue: #99ceff;--avoki-off-white: #f9f9f8;--avoki-dark-grey: #1f2022;--avoki-mid-grey: #666d78;--avoki-pale-grey: #a2abba;--avoki-pastel-blue: #d2e9ff;--avoki-pastel-brown: #ebd7c7;--avoki-pastel-yellow: #fdf5b2;--avoki-yellow: #ffd600;--avoki-orange: #ff5000;--avoki-bright-red: #ff2e3e;--avoki-deep-purple: #97154c;--avoki-lime: #c5eb59;--avoki-deep-green: #005037;--color-white: #ffffff;--color-dark-blue-soft: #17233d;--color-text-inverse-muted: #dce3ec;--color-primary: var(--avoki-dark-blue);--color-primary-hover: var(--color-dark-blue-soft);--color-primary-soft: var(--avoki-pastel-blue);--color-graphite: var(--avoki-dark-blue);--color-graphite-soft: var(--color-dark-blue-soft);--color-bg: var(--avoki-off-white);--color-surface: var(--color-white);--color-border: #e4e7ec;--color-text: var(--avoki-dark-grey);--color-text-muted: var(--avoki-mid-grey);--color-text-inverse: var(--color-white);--color-status-open: var(--avoki-dark-blue);--color-status-open-bg: var(--avoki-pastel-blue);--color-status-progress: var(--avoki-deep-purple);--color-status-progress-bg: #f7dfe9;--color-status-critical: #b42332;--color-status-critical-bg: #ffe8eb;--color-status-waiting: #665500;--color-status-waiting-bg: var(--avoki-pastel-yellow);--color-status-resolved: var(--avoki-deep-green);--color-status-resolved-bg: #e4f2ed;--color-priority-low: var(--avoki-mid-grey);--color-priority-low-bg: #eef0f3;--color-priority-medium: #665500;--color-priority-medium-bg: var(--avoki-pastel-yellow);--color-priority-high: #9f3100;--color-priority-high-bg: #fff0e9;--color-priority-critical: #8f1e2a;--color-priority-critical-bg: #ffe1e5;--font-heading: "Space Grotesk", Arial, sans-serif;--font-body: "IBM Plex Sans", Arial, sans-serif;--font-size-body: 16px;--line-height-body: 1.5;--font-size-small: 14px;--font-size-h4: 20px;--font-size-h3: 24px;--font-size-h2: clamp(28px, 3vw, 36px);--font-size-h1: clamp(32px, 4vw, 48px);--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-pill: 999px;--border-subtle: var(--color-border);--shadow-subtle: 0 4px 16px rgba(10, 19, 37, .06);--shadow-elevated: 0 12px 32px rgba(10, 19, 37, .1);--shadow-sm: var(--shadow-subtle);--shadow-md: var(--shadow-elevated);--transition-fast: .12s ease;--transition-standard: .18s ease;--transition-slow: .24s ease;--motion-fade: var(--transition-slow);--motion-hover: var(--transition-standard);--control-height: 44px;--content-max-width: 1120px;--header-height: 72px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{width:100%;min-height:100%;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:var(--font-size-body);line-height:var(--line-height-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}.app-shell{min-height:100dvh;display:flex;flex-direction:column}#main-content{flex:1 1 auto;min-width:0}h1,h2,h3,h4{color:var(--color-text);font-family:var(--font-heading);font-weight:600;line-height:1.2}h1{font-size:var(--font-size-h1)}h2{font-size:var(--font-size-h2)}h3{font-size:var(--font-size-h3)}h4{font-size:var(--font-size-h4)}button,input,select,textarea{font:inherit}button,select,input:not([type=checkbox]):not([type=radio]):not([type=hidden]){min-height:var(--control-height)}button,a{transition-duration:var(--transition-standard);transition-timing-function:ease}a{color:var(--color-primary);text-underline-offset:.18em}:focus-visible{border-radius:var(--radius-sm);outline:2px solid var(--avoki-dark-blue);outline-offset:2px;box-shadow:0 0 0 4px var(--avoki-pale-blue)}::selection{background:var(--avoki-pale-blue);color:var(--avoki-dark-blue)}.container{max-width:var(--content-max-width);margin-inline:auto;padding-inline:var(--space-6)}.filter-reset-button{min-height:var(--control-height);padding:var(--space-2) var(--space-4);border:1px solid var(--avoki-dark-blue);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--avoki-dark-blue);cursor:pointer;font-size:var(--font-size-small);font-weight:600}.filter-reset-button:not(:disabled):hover{background:var(--avoki-pastel-blue)}.filter-reset-button:disabled{border-color:var(--color-border);color:var(--avoki-pale-grey);cursor:not-allowed}.auth-status{min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:var(--space-5)}.auth-status-panel{width:min(100%,520px);padding:var(--space-6);text-align:center;background:var(--color-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:var(--shadow-subtle)}.animate-in{animation:fadeInUp var(--motion-fade) both}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.container{padding-inline:var(--space-4)}.auth-status{padding:var(--space-4)}.auth-status-panel{padding:var(--space-5)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}