:root{color-scheme:light;--color-background: #f8fafc;--color-surface: #ffffff;--color-surface-muted: #f1f5f9;--color-panel: #0f172a;--color-text: #0f172a;--color-text-muted: #64748b;--color-primary: #4f46e5;--color-border: #e2e8f0;--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Outfit", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-size-base: 16px;--line-height-base: 1.5;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: 1rem;--size-control-height: 2.25rem}*,*:before,*:after{box-sizing:border-box}html{font-size:var(--font-size-base);scrollbar-gutter:stable}::selection{background:var(--color-selection)}[data-theme=commander] h1,[data-theme=commander] h2,[data-theme=commander] .app-sidebar__brand h2{text-shadow:0 0 12px var(--shadow-glow);letter-spacing:.02em}[data-theme=commander] .button--primary{box-shadow:0 0 10px var(--shadow-glow)}[data-theme=commander] .button--primary:hover{box-shadow:0 0 20px var(--shadow-glow)}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}*::-webkit-scrollbar{width:6px;height:6px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{background-color:var(--color-border);border-radius:var(--radius-pill)}*::-webkit-scrollbar-thumb:hover{background-color:var(--color-text-muted)}body{margin:0;background:var(--color-background);color:var(--color-text);font-family:var(--font-family-base);line-height:var(--line-height-base)}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}button,input,select,textarea{border-radius:var(--radius-sm)}button,input,select,textarea,[role=button]{transition:border-color .16s ease,background-color .16s ease,color .16s ease,box-shadow .16s ease,transform .16s ease}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:none;box-shadow:var(--shadow-focus)}a{color:inherit}h1,h2,h3,h4{margin:0;font-family:var(--font-family-display),var(--font-family-base),sans-serif;line-height:1.1;font-weight:800}h1{font-size:var(--font-size-4xl)}h2{font-size:var(--font-size-3xl)}h3{font-size:var(--font-size-xxl)}h4{font-size:var(--font-size-xl)}p,ul,ol{margin:0}ul[role=list],ol[role=list]{list-style:none;padding:0}table{width:100%;border-collapse:collapse}th,td{padding:.875rem 1rem;text-align:left;border-bottom:1px solid var(--color-border)}thead th{color:var(--color-text-muted);font-size:.875rem;font-weight:700;letter-spacing:.02em}input,select,textarea{width:100%;min-height:var(--size-control-height);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:.4rem .75rem}select:not([multiple]){-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke-width='1.5' stroke='%2364748b'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M8.25 15L12 18.75 15.75 15m-7.5-6L12 5.25 15.75 9' /%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;padding-right:2.5rem}select[multiple]{min-height:8rem;padding:.4rem}select[multiple] option{padding:.4rem .6rem;border-radius:var(--radius-sm)}input::placeholder,textarea::placeholder{color:color-mix(in srgb,var(--color-text-muted) 80%,var(--color-surface) 20%)}textarea{min-height:8rem;resize:vertical}label{font-weight:600}.theme-root{min-height:100vh}.app-shell{display:flex;flex-direction:column;min-height:100vh}.app-sidebar{position:fixed;top:0;bottom:0;left:0;right:auto;width:min(85vw,var(--size-sidebar-width));z-index:100;padding:var(--space-xl);background:var(--color-panel);color:var(--color-text);border-right:1px solid var(--color-border);display:flex;flex-direction:column;transform:translate(-101%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.app-sidebar[data-open=true]{transform:translate(0)}.app-sidebar-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);opacity:0;pointer-events:none;transition:opacity .3s ease}.app-sidebar-backdrop[data-open=true]{opacity:1;pointer-events:auto}.app-header{height:var(--size-header-height);padding:0 var(--space-md);display:flex;align-items:center;justify-content:space-between;flex-wrap:nowrap;background:var(--color-surface);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:80;gap:var(--space-sm)}@media (min-width: 640px){.app-header{padding:0 var(--space-lg);gap:var(--space-md)}}.app-header__left{display:flex;align-items:center;gap:.5rem;min-width:0;flex:1 1 auto}@media (min-width: 640px){.app-header__left{gap:1rem;flex:0 1 auto}}.app-header__menu-btn{padding:.4rem;min-height:2.25rem;width:2.25rem;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center}.app-header__brand{display:flex;align-items:center;gap:.5rem;min-width:0}.app-header__brand-text{display:flex;flex-direction:column;min-width:0}.app-header__title{font-size:1.05rem;margin:0;white-space:nowrap;font-weight:700;line-height:1.2}.app-header__subtitle{font-size:.75rem;white-space:nowrap;display:none}@media (min-width: 640px){.app-header__subtitle{display:block}}.app-header__right{display:flex;align-items:center;gap:.4rem;flex-shrink:0}@media (min-width: 640px){.app-header__right{gap:.75rem}}.app-header__action-btn{position:relative;padding:.4rem;min-height:2.25rem;width:2.25rem;display:inline-flex;align-items:center;justify-content:center}.app-header__user{display:flex;align-items:center;gap:.4rem}@media (min-width: 640px){.app-header__user{gap:.5rem}}.app-header__user-badge{display:none}@media (min-width: 768px){.app-header__user-badge{display:inline-flex}}.app-header__user-name{display:none;font-size:.85rem;font-weight:600;white-space:nowrap}@media (min-width: 768px){.app-header__user-name{display:inline-block}}.app-header__logout-btn{font-size:.85rem;padding:.35rem .5rem;min-height:2.25rem;display:inline-flex;align-items:center;gap:.35rem}@media (min-width: 768px){.app-header__logout-btn{padding:.35rem .75rem}}.app-header__logout-text{display:none}@media (min-width: 768px){.app-header__logout-text{display:inline}}.app-header__popover-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:95;background:transparent}.app-header__popover{position:absolute;right:0;top:100%;width:min(360px,calc(100vw - 1.5rem));max-height:400px;overflow-y:auto;z-index:100;box-shadow:0 10px 25px #0000004d;padding:1rem;margin-top:.5rem}.app-sidebar__close-btn{display:flex}@media (min-width: 1024px){.app-sidebar__close-btn{display:none!important}}.app-sidebar__footer{margin-top:auto;padding-top:var(--space-lg)}.theme-picker{display:grid;gap:var(--space-sm)}.theme-picker__label{font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#fff9}.theme-picker__grid{display:flex;flex-wrap:wrap;gap:.5rem}.theme-swatch{width:1.5rem;height:1.5rem;border-radius:var(--radius-sm);border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;padding:0}.theme-swatch:hover{transform:scale(1.1);border-color:#fff}.theme-swatch[aria-current=true]{outline:2px solid white;outline-offset:2px;border-color:#fff}.app-sidebar__brand{display:grid;gap:var(--space-xs);margin-bottom:var(--space-xl)}.app-sidebar__eyebrow{color:var(--color-text-muted);font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.app-sidebar__nav{display:grid;gap:var(--space-sm)}.app-sidebar__nav-button{display:grid;gap:.15rem;width:100%;padding:.85rem .95rem;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);text-align:left}.app-sidebar .text-muted{color:var(--color-text-muted)}.app-sidebar__nav-button[aria-current=page]{background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary)}.app-main{width:100%;max-width:var(--size-content-max-width);padding:var(--space-lg);margin-inline:auto}.page{display:grid;gap:var(--space-xl)}.page-header{display:grid;gap:var(--space-md)}.page-header__meta,.meta-row{display:flex;flex-wrap:wrap;gap:var(--space-sm);color:var(--color-text-muted)}.dashboard-grid,.detail-grid,.content-grid,.component-grid{display:grid;gap:var(--space-md);grid-template-columns:1fr}.span-3,.span-4,.span-5,.span-6,.span-7,.span-8,.span-12{grid-column:span 1}.surface-card{display:grid;gap:var(--space-sm);padding:var(--space-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-sm)}.surface-card--muted{background:var(--color-surface-muted)}.kpi-card__value{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:700}.kpi-card__delta{color:var(--color-success);font-weight:600}.kpi-stat-tile{min-height:10rem}.kpi-stat-tile__delta[data-tone=success]{color:var(--color-success)}.kpi-stat-tile__delta[data-tone=warning]{color:var(--color-warning)}.kpi-stat-tile__delta[data-tone=info]{color:var(--color-info)}.visual-chart,.embed-frame-card__viewport,.embed-frame-card__fallback,.graphic-panel__graphic{border:1px solid var(--color-border);border-radius:calc(var(--radius-lg) - .2rem);background:color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface) 28%)}.visual-chart{position:relative;display:grid;gap:var(--space-sm);align-content:stretch;padding:1rem;overflow:hidden}.visual-chart__library,.visual-chart__donut-canvas{min-height:100%}.visual-chart__library>div,.visual-chart__donut-canvas>div{width:100%}.google-visualization-tooltip{background:var(--color-surface)!important;color:var(--color-text)!important;border:1px solid var(--color-border)!important;border-radius:var(--radius-md)!important;box-shadow:var(--shadow-md)!important;padding:.65rem .8rem!important}.google-visualization-tooltip *,.google-visualization-tooltip span,.google-visualization-tooltip div,.google-visualization-tooltip-item-list,.google-visualization-tooltip-action{color:var(--color-text)!important}.visual-chart--google{background:radial-gradient(circle at top right,color-mix(in srgb,var(--color-primary) 16%,transparent) 0,transparent 34%),color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface) 28%)}.visual-chart--recharts{background:linear-gradient(180deg,color-mix(in srgb,var(--color-info) 10%,transparent),transparent 35%),color-mix(in srgb,var(--color-surface-muted) 72%,var(--color-surface) 28%)}.visual-chart__plot{position:relative;flex:1;min-height:10rem}.visual-chart__grid,.visual-chart__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.visual-chart__grid-line,.visual-chart__grid-line--dash{stroke:color-mix(in srgb,var(--color-text-muted) 18%,var(--color-surface) 82%);stroke-width:.8}.visual-chart__grid-line--dash{stroke-dasharray:2 3}.visual-chart__axis{display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));gap:.5rem;color:var(--color-text-muted);font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.visual-chart__axis span:last-child{text-align:right}.visual-card__footer{display:grid;gap:var(--space-sm)}.visual-legend{display:flex;flex-wrap:wrap;gap:.75rem 1rem}.visual-legend__item{display:inline-flex;align-items:center;gap:.45rem;color:var(--color-text-muted);font-size:.875rem;font-weight:600}.visual-legend__swatch{width:.7rem;height:.7rem;border-radius:999px}.visual-chart__empty{min-height:100%;display:grid;place-items:center;text-align:center;gap:.35rem;padding:1rem}.visual-chart__donut-layout{display:grid;gap:1rem;align-items:center;min-height:100%}.visual-chart__donut{width:min(100%,16rem);margin-inline:auto}.visual-chart__summary{display:grid;justify-items:center;gap:.25rem}.visual-chart__summary-value{font-size:clamp(1.8rem,4vw,2.5rem);font-weight:800}.graphic-panel__layout{display:grid;gap:var(--space-lg)}.graphic-panel__eyebrow{width:fit-content}.graphic-panel__metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(8rem,1fr));gap:.75rem}.graphic-panel__metric{padding:.85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted) 65%,var(--color-surface) 35%)}.graphic-panel__metric dt{color:var(--color-text-muted);font-size:.8rem;font-weight:700}.graphic-panel__metric dd{margin:.4rem 0 0;font-size:1.15rem;font-weight:800}.graphic-panel__graphic{display:grid;place-items:center;padding:1rem}.signal-graphic{width:100%;display:grid;gap:1rem}.signal-graphic__canvas{width:100%;height:auto}.signal-graphic__content{display:grid;gap:.4rem}.signal-graphic__title{color:var(--color-text-muted);font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.signal-graphic__emphasis{font-size:1.2rem}.signal-graphic__nodes{display:grid;gap:.45rem}.signal-graphic__nodes li{display:flex;align-items:center;justify-content:space-between;gap:var(--space-md);padding-top:.45rem;border-top:1px solid var(--color-border);color:var(--color-text-muted)}.signal-graphic__nodes strong{color:var(--color-text)}.embed-frame-card__viewport{overflow:hidden}.embed-frame-card__viewport iframe{width:100%;height:100%;border:0;display:block}.embed-frame-card__fallback{display:grid;gap:.4rem;place-items:center;min-height:14rem;text-align:center;padding:1rem}.component-grid--compact{grid-template-columns:repeat(auto-fit,minmax(12rem,1fr))}.component-grid--lab{grid-template-columns:1fr}.stack-xs,.stack-sm,.stack-md,.stack-lg{display:grid}.stack-xs{gap:.25rem}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;gap:var(--space-sm)}.split{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-md)}.text-muted{color:var(--color-text-muted)}.badge{display:inline-flex;align-items:center;justify-content:center;min-height:1.75rem;padding:.25rem .85rem;border-radius:var(--radius-pill);background:var(--color-surface-muted);color:var(--color-text);font-size:.8125rem;font-weight:700;white-space:nowrap;flex-shrink:0;max-width:100%}.badge--truncate{overflow:hidden;text-overflow:ellipsis;display:inline-block;vertical-align:middle;text-align:center}.badge[data-tone=success]{background:color-mix(in srgb,var(--color-success) 16%,var(--color-surface) 84%);color:var(--color-success)}.badge[data-tone=warning]{background:color-mix(in srgb,var(--color-warning) 18%,var(--color-surface) 82%);color:var(--color-warning)}.badge[data-tone=danger]{background:color-mix(in srgb,var(--color-danger) 14%,var(--color-surface) 86%);color:var(--color-danger)}.badge[data-tone=info]{background:color-mix(in srgb,var(--color-info) 12%,var(--color-surface) 88%);color:var(--color-info)}.control-field{display:grid;gap:.45rem}.control-field__label-row{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--space-sm)}.control-field__hint,.control-field__error{font-size:.875rem}.control-field__hint{color:var(--color-text-muted)}.control-field__error{color:var(--color-danger)}.control-row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-md)}.control-choice,.control-choice-list{display:grid;gap:var(--space-sm)}.control-choice__item{display:flex;align-items:flex-start;gap:var(--space-sm);padding:.8rem .85rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface)}.control-choice__item input{width:auto;min-height:auto;margin-top:.2rem}.button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--size-control-height);padding:.75rem 1rem;border:1px solid transparent;border-radius:var(--radius-md);font-weight:700;cursor:pointer}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.65;cursor:not-allowed;transform:none}.button--primary{background:var(--color-primary);color:var(--color-inverse)}.button--primary:hover{background:var(--color-primary-strong)}.button--secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.button--ghost{background:transparent;color:var(--color-text);border-color:transparent}.button--danger{background:var(--color-danger);color:var(--color-inverse)}.button-group{display:inline-flex;flex-wrap:wrap;gap:var(--space-sm)}.tabs{display:grid;gap:var(--space-md)}.tabs__list{display:flex;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;gap:var(--space-xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--color-border);scrollbar-width:none}.tabs__list::-webkit-scrollbar{display:none}.tabs__trigger{padding:.6rem .85rem;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-muted);font-weight:700;white-space:nowrap;flex-shrink:0}.tabs__trigger[aria-selected=true]{background:var(--color-surface-muted);color:var(--color-text)}.alert{display:grid;gap:var(--space-xs);padding:.95rem 1rem;border-left:4px solid var(--color-info);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-info) 7%,var(--color-surface) 93%)}.alert[data-tone=success]{border-left-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 8%,var(--color-surface) 92%)}.alert[data-tone=warning]{border-left-color:var(--color-warning);background:color-mix(in srgb,var(--color-warning) 12%,var(--color-surface) 88%)}.alert[data-tone=danger]{border-left-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 9%,var(--color-surface) 91%)}.notification-stack{position:fixed;right:var(--space-lg);bottom:var(--space-lg);z-index:20;display:grid;gap:var(--space-sm);width:min(24rem,calc(100vw - 2rem))}.notification{display:grid;gap:var(--space-xs);padding:1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);box-shadow:var(--shadow-md)}.filter-bar,.toolbar{display:flex;flex-wrap:wrap;gap:var(--space-md);align-items:end}.search-box{position:relative}.search-box input{padding-left:2.45rem}.search-box__icon{position:absolute;top:50%;left:.85rem;transform:translateY(-50%);color:var(--color-text-muted)}.calendar{display:grid;gap:var(--space-md)}.calendar__toolbar,.calendar__meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.calendar__title-block{display:grid;gap:.35rem}.calendar__actions{display:inline-flex;flex-wrap:wrap;gap:.5rem}.calendar__nav-button{min-height:2.5rem;padding:.5rem .8rem}.calendar__grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-border)}.calendar__header,.calendar__day{min-height:6.2rem;background:var(--color-surface)}.calendar__header{min-height:auto;padding:.75rem;font-size:.82rem;font-weight:700;color:var(--color-text-muted)}.calendar__day--outside{background:color-mix(in srgb,var(--color-surface-muted) 60%,var(--color-surface) 40%)}.calendar__day-button{width:100%;min-height:100%;display:flex;flex-direction:column;align-items:stretch;gap:.55rem;padding:.75rem;border:0;background:transparent;color:inherit;cursor:pointer;text-align:left;-webkit-user-select:none;user-select:none}.calendar__day-button:hover{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-surface) 92%)}.calendar__day-button:focus-visible{box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 50%,white 50%)}.calendar__day-button:disabled{cursor:not-allowed}.calendar__day--disabled .calendar__day-button{opacity:.52}.calendar__day--disabled .calendar__day-button:hover{background:transparent}.calendar__day--in-range .calendar__day-button{background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface) 88%)}.calendar__day--selected .calendar__day-button{background:color-mix(in srgb,var(--color-primary) 24%,var(--color-surface) 76%)}.calendar__day--range-start .calendar__day-button,.calendar__day--range-end .calendar__day-button{background:color-mix(in srgb,var(--color-primary) 36%,var(--color-surface) 64%)}.calendar__day-number{font-size:1.05rem}.calendar__day--outside .calendar__day-number{color:var(--color-text-muted)}.calendar__events{display:grid;gap:.3rem}.calendar__event{padding:.32rem .45rem;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface) 88%);font-size:.78rem}.calendar__event[data-tone=success]{background:color-mix(in srgb,var(--color-success) 22%,var(--color-surface) 78%)}.calendar__event[data-tone=warning]{background:color-mix(in srgb,#f59e0b 26%,var(--color-surface) 74%)}.calendar__event[data-tone=info]{background:color-mix(in srgb,#38bdf8 22%,var(--color-surface) 78%)}.list-view{display:grid;gap:var(--space-sm)}.list-view__item{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-md);padding:.9rem 0;border-bottom:1px solid var(--color-border)}.pagination{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-sm)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:grid;place-items:center;padding:1rem;background:#0f172a85}.modal{width:min(38rem,100%);display:flex;flex-direction:column;gap:var(--space-md);padding:var(--space-lg);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-md);max-height:90vh}.modal__content{overflow-y:auto;flex-grow:1}.data-grid__wrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin-bottom:var(--space-md)}.data-grid{min-width:100%}.data-grid__wrapper table caption{text-align:left;padding-bottom:var(--space-sm);color:var(--color-text-muted);font-size:.875rem;font-weight:600}.rich-text-ready{min-height:10rem;border:1px dashed color-mix(in srgb,var(--color-border) 75%,var(--color-primary) 25%);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-surface-muted) 60%,var(--color-surface) 40%);padding:.9rem 1rem;color:var(--color-text-muted)}@media (min-width: 640px){.app-main{padding:var(--space-xl)}.surface-card{gap:var(--space-md);padding:var(--space-lg)}.dashboard-grid{grid-template-columns:repeat(2,1fr)}.graphic-panel__layout,.visual-chart__donut-layout{grid-template-columns:minmax(0,1fr) minmax(14rem,.9fr)}}@media (min-width: 768px){.control-row{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:repeat(12,1fr)}.span-3{grid-column:span 3}.span-4{grid-column:span 4}.span-5{grid-column:span 5}.span-6{grid-column:span 6}.span-7{grid-column:span 7}.span-8{grid-column:span 8}.span-12{grid-column:span 12}.calendar__grid{grid-template-columns:repeat(7,1fr)}}@media (min-width: 1024px){.app-shell{flex-direction:row}.app-header{display:none}.app-sidebar{position:sticky;top:0;align-self:start;min-height:100vh;width:var(--size-sidebar-width);transform:none;transition:none}.app-sidebar-backdrop{display:none}.detail-grid,.content-grid{grid-template-columns:repeat(2,1fr)}.component-grid{grid-template-columns:repeat(auto-fit,minmax(18rem,1fr))}.component-grid--lab{grid-template-columns:repeat(2,minmax(0,1fr))}}.hidden-mobile{display:none!important}@media (min-width: 640px){.hidden-mobile{display:block!important}}.visible-mobile{display:block!important}@media (min-width: 640px){.visible-mobile{display:none!important}}.alert-banner,.alert{display:flex;align-items:flex-start;gap:.85rem;padding:.9rem 1.15rem;border-radius:var(--radius-md, 8px);border:1px solid var(--color-border);background:var(--color-surface);box-shadow:0 2px 6px #0000000f;line-height:1.45;transition:all .2s ease-in-out}.alert-banner__icon{flex-shrink:0;display:flex;align-items:center;margin-top:.15rem}.alert-banner__content{flex:1;display:flex;flex-direction:column;gap:.2rem}.alert-banner__title{font-size:.925rem;font-weight:600}.alert-banner__message{font-size:.875rem;opacity:.92}.alert-banner__dismiss{flex-shrink:0;background:transparent;border:none;cursor:pointer;padding:.25rem;border-radius:4px;color:currentColor;opacity:.7;display:flex;align-items:center;justify-content:center;transition:opacity .15s ease}.alert-banner__dismiss:hover{opacity:1;background:#0000000d}.alert-banner--danger,.alert[data-tone=danger]{background:color-mix(in srgb,var(--color-danger, #ef4444) 10%,var(--color-surface) 90%);border-color:color-mix(in srgb,var(--color-danger, #ef4444) 40%,var(--color-border) 60%);color:var(--color-danger, #ef4444)}.alert-banner--danger .alert-banner__content,.alert-banner--danger .alert-banner__message{color:var(--color-text)}.alert-banner--warning,.alert[data-tone=warning]{background:color-mix(in srgb,var(--color-warning, #f59e0b) 12%,var(--color-surface) 88%);border-color:color-mix(in srgb,var(--color-warning, #f59e0b) 45%,var(--color-border) 55%);color:var(--color-warning, #d97706)}.alert-banner--warning .alert-banner__content,.alert-banner--warning .alert-banner__message{color:var(--color-text)}.alert-banner--success,.alert[data-tone=success]{background:color-mix(in srgb,var(--color-success, #10b981) 10%,var(--color-surface) 90%);border-color:color-mix(in srgb,var(--color-success, #10b981) 40%,var(--color-border) 60%);color:var(--color-success, #10b981)}.alert-banner--success .alert-banner__content,.alert-banner--success .alert-banner__message{color:var(--color-text)}.alert-banner--info,.alert[data-tone=info]{background:color-mix(in srgb,var(--color-info, #3b82f6) 10%,var(--color-surface) 90%);border-color:color-mix(in srgb,var(--color-info, #3b82f6) 40%,var(--color-border) 60%);color:var(--color-info, #3b82f6)}.alert-banner--info .alert-banner__content,.alert-banner--info .alert-banner__message{color:var(--color-text)}.rich-text{line-height:1.65;color:var(--color-text)}.rich-text h1,.rich-text h2,.rich-text h3,.rich-text h4{color:var(--color-text);font-weight:700;margin-top:1.25rem;margin-bottom:.5rem}.rich-text p{margin-bottom:.75rem}.rich-text ul,.rich-text ol{padding-left:1.5rem;margin-bottom:.75rem}.rich-text li{margin-bottom:.35rem}.rich-text blockquote{border-left:4px solid var(--color-primary);padding:.5rem 1rem;background:var(--color-surface-muted);border-radius:0 6px 6px 0;margin:1rem 0}.rich-text pre{background:var(--color-surface-muted);border:1px solid var(--color-border);padding:.85rem;border-radius:6px;overflow-x:auto;font-family:monospace}.rich-text code{font-family:monospace;font-size:.9em}.app-sidebar__nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.65rem .85rem;border-radius:6px;border:1px solid transparent;background:transparent;color:var(--color-text);text-align:left;cursor:pointer;font-size:.9rem;font-weight:500;transition:all .15s ease}.app-sidebar__nav-item:hover{background:var(--color-surface-muted);color:var(--color-primary)}.app-sidebar__nav-item[aria-current=page]{background:var(--color-surface-muted);border-color:var(--color-primary);color:var(--color-primary);font-weight:600}.app-sidebar__nav-icon{font-size:1.15rem;line-height:1;flex-shrink:0}.settings-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;width:100%}.app-sidebar__section-header{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);padding:.75rem .85rem .25rem;-webkit-user-select:none;user-select:none}.surface-card--overdue{border-left:3px solid var(--color-danger, #ef4444)!important;background:var(--color-surface)!important}.surface-card--due-soon{border-left:3px solid var(--color-warning, #f59e0b)!important;background:var(--color-surface)!important}.surface-card--in-progress{border-left:3px solid var(--color-info, #0284c7)!important}.surface-card--compact-completed{background:var(--color-surface-muted)!important;border-color:var(--color-border)!important;opacity:.92;transition:opacity .15s ease,box-shadow .15s ease}.surface-card--compact-completed:hover{opacity:1;box-shadow:var(--shadow-sm)}.workspace-list{display:flex;flex-direction:column;gap:.5rem;width:100%}.workspace-list-header{display:grid;grid-template-columns:36px minmax(200px,2.5fr) 110px 140px 140px 150px;align-items:center;gap:.75rem;padding:.5rem 1rem;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-muted);border-bottom:1px solid var(--color-border)}.workspace-list-row{display:grid;grid-template-columns:36px minmax(200px,2.5fr) 110px 140px 140px 150px;align-items:center;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 6px);transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease}.workspace-list-row:hover{border-color:var(--color-primary);box-shadow:var(--shadow-sm)}.workspace-list-row--overdue{border-left:3px solid var(--color-danger, #ef4444);background:var(--color-surface)}.workspace-list-row--due-soon{border-left:3px solid var(--color-warning, #f59e0b);background:var(--color-surface)}.workspace-list-row--completed{background:var(--color-surface-muted);opacity:.88}.workspace-list-row--completed:hover{opacity:1}@media (max-width: 900px){.workspace-list-header{display:none}.workspace-list-row{grid-template-columns:1fr;gap:.5rem;padding:1rem}}.filter-controls-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.75rem 1rem;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px)}.filter-pills-group{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem}.filter-pill{display:inline-flex;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.825rem;border-radius:var(--radius-sm, 4px);border:1px solid var(--color-border);background:transparent;color:var(--color-text-muted);cursor:pointer;transition:all .12s ease}.filter-pill:hover{background:var(--color-surface-muted);color:var(--color-text)}.filter-pill.is-active{background:var(--color-primary);border-color:var(--color-primary);color:#fff;font-weight:600}.filter-pill.is-active .filter-pill__count{background:#ffffff40;color:#fff}.filter-pill__count{font-size:.72rem;padding:.05rem .35rem;border-radius:8px;background:var(--color-surface-muted);color:var(--color-text-muted)}