@import"https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,300..700;1,8..60,400&family=IBM+Plex+Sans:wght@300;400;500;600&family=IBM+Plex+Mono:wght@400;500&display=swap";.vi-select{box-sizing:border-box;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem 2rem .55rem .75rem;font-size:var(--text-base);line-height:1;color:var(--text);outline:none;transition:border-color .15s ease;font-family:var(--font);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6860' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;cursor:pointer}.dashboard{width:100%;max-width:900px;padding:var(--space-6) var(--space-4);text-align:left}.dashboard-section{margin-bottom:2.5rem}.dashboard-section>h2{margin:0 0 var(--space-4)}.dashboard-section h2{font-size:1.1rem;font-weight:600;color:var(--text-muted)}.dashboard-section-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-4)}.dashboard-section-header h2{margin:0}.dashboard-section-header>*{min-width:0}.invite-desc{font-size:var(--text-sm);color:var(--text-muted);margin:0 0 var(--space-3)}.device-setup-dialog{max-width:460px}.device-setup-steps{margin:0 0 var(--space-4);padding-left:1.25rem;display:flex;flex-direction:column;gap:var(--space-3);font-size:var(--text-base)}.device-setup-steps::marker{font-size:1.05rem;font-weight:700}.device-setup-steps li{color:var(--text);font-size:var(--text-base);line-height:var(--line-normal);padding-left:.25rem}.device-setup-step-label{display:block;font-weight:600;font-size:1.02rem}.partners-panel{display:flex;flex-direction:column;gap:.9rem}.partners-group-label{margin:0 0 .6rem;font-size:.8rem;font-weight:600;color:var(--text-muted)}.partner-key-notice{margin-bottom:var(--space-4)}.partner-device-list{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:var(--space-3)}.partner-device-chip{display:inline-flex;align-items:center;gap:.35rem;border:1px solid var(--border);border-radius:var(--radius-full);padding:.2rem .55rem;background:transparent;color:var(--text-muted);font-size:.8rem;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease}.partner-device-chip:hover{background:var(--bg-subtle);border-color:var(--control-border-hover);color:var(--text)}.partner-device-status{width:.5rem;height:.5rem;border-radius:var(--radius-full)}.partner-device-status-online{background:var(--success)}.partner-device-status-offline{background:var(--text-muted)}.partner-device-more{margin:0;color:var(--text-muted);font-size:.8rem}.partner-card-compact{min-height:0;padding:.95rem}.partner-card-compact .vi-card-actions{margin-top:.6rem}.logs-page{flex:1;width:100%;max-width:1100px;min-height:0;display:flex;justify-content:center;padding:2rem 1rem}@media(max-width:600px){.logs-page{padding:1rem}}.logs-page--gallery-fullscreen{max-width:none;padding:1rem}.logs-layout{display:flex;width:100%;min-height:0;gap:1.75rem;text-align:left}@media(max-width:600px){.logs-layout{flex-direction:column;min-height:auto}}.logs-page--gallery-fullscreen .logs-layout{gap:0}.logs-sidebar{width:200px;flex-shrink:0;min-width:0;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.25rem}.logs-sidebar h2{margin:0 0 .75rem;font-size:.75rem;font-weight:700;color:var(--text-muted)}@media(max-width:900px){.logs-sidebar{position:fixed;top:0;left:0;bottom:0;z-index:50;width:min(18rem,calc(100vw - 2.75rem));padding:.75rem;background:var(--surface);border-right:1px solid var(--border);overflow-y:auto;transform:translate(-100%);visibility:hidden;pointer-events:none;transition:transform .18s ease}.logs-sidebar.is-open{transform:translate(0);visibility:visible;pointer-events:auto;box-shadow:var(--shadow-md)}}.logs-sidebar .logs-sidebar-header{display:none}@media(max-width:900px){.logs-sidebar .logs-sidebar-header{display:flex;margin-bottom:.75rem}}button.logs-sidebar-close{display:none}@media(max-width:900px){button.logs-sidebar-close{display:inline-flex}}.logs-sidebar-group{margin-top:1rem;min-width:0}.logs-sidebar-group-label{margin:0 0 .3rem .65rem;font-size:.72rem;font-weight:700;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-device-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.logs-device-list li{min-width:0;width:100%}.logs-device-button{width:100%;max-width:100%;min-width:0;background:transparent;border:none;border-radius:6px;padding:.45rem .65rem;font-size:.875rem;cursor:pointer;color:var(--text);text-align:left;display:flex;align-items:center;gap:.5rem;overflow:hidden;transition:background .12s}.logs-device-button:hover{background:var(--bg-subtle)}.logs-device-button.is-active{background:var(--accent);color:#fff}.logs-device-button.is-active .logs-status-dot--online,.logs-device-button.is-active .logs-status-dot--offline{background:#fff}.logs-device-button-label{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-status-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}.logs-status-dot--online{background:var(--success)}.logs-status-dot--offline{background:var(--text-muted)}.logs-device-button-group{color:var(--text-muted);font-weight:700}.logs-sidebar-loading{font-size:.85rem;color:var(--text-muted);padding:.4rem .65rem;margin-left:.99rem}.logs-main{flex:1;min-width:0;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable;padding-right:.25rem}.logs-header{display:flex;flex-direction:column;margin-bottom:1.25rem;gap:.75rem}.logs-header h1{margin:0;font-size:1.3rem;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.logs-header-actions{display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap}button.logs-sidebar-toggle{display:none;align-items:center;gap:.45rem}@media(max-width:900px){button.logs-sidebar-toggle{display:inline-flex}}button.logs-sidebar-toggle svg{width:1rem;height:1rem}.logs-header-view-controls{display:flex;align-items:center;gap:.6rem;margin-left:auto}@media(max-width:900px){button.logs-fullscreen-btn{display:none}}button.logs-sidebar-backdrop,button.logs-sidebar-backdrop.is-open{display:none;opacity:0;pointer-events:none}@media(max-width:900px){button.logs-sidebar-backdrop.is-open{display:block;opacity:1;pointer-events:auto}}@media(max-width:600px){.logs-header{margin-bottom:1rem}.logs-header-actions{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-areas:"toggle  view-controls" "filters filters";align-items:center;width:100%;row-gap:.5rem;column-gap:.6rem}button.logs-sidebar-toggle{grid-area:toggle;justify-self:start}.logs-header-view-controls{grid-area:view-controls;justify-self:end;margin-left:0;min-width:0}.logs-filter-section{grid-area:filters;min-width:0}}@media(max-width:420px){button.logs-sidebar-toggle span{display:none}button.logs-sidebar-toggle{padding:0 .55rem}}.logs-meta{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.15rem .65rem;font-size:.8rem}.logs-meta dt{color:var(--text-muted);font-weight:500}.logs-meta dd{margin:0;min-width:0;overflow-wrap:anywhere}.logs-virtual-scroll{width:100%;position:relative}.logs-vrow{display:flex;align-items:center;gap:.75rem;padding:0 1rem;background:var(--surface);border:1px solid var(--border);border-top:none;border-radius:0;cursor:pointer;text-align:left;color:inherit;box-sizing:border-box;transition:background .1s}.logs-vrow:hover{background:var(--bg-subtle)}.logs-vrow--first{border-top:1px solid var(--border);border-radius:8px 8px 0 0}.logs-vrow--last{border-radius:0 0 8px 8px}.logs-vrow--first.logs-vrow--last{border-radius:8px}.logs-vrow-thumb{flex:0 0 2.8rem;width:2.8rem;height:2.8rem;border-radius:4px;overflow:hidden;background:var(--bg-subtle);display:flex;align-items:center;justify-content:center}.logs-vrow-thumb img{width:100%;height:100%;object-fit:cover;display:block}.logs-thumb-placeholder{width:100%;height:100%;background:var(--bg-subtle)}.logs-vrow-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.2rem}.logs-vrow-top{display:flex;align-items:center;gap:.4rem;flex-wrap:wrap}.logs-vrow-sub{display:flex;align-items:center;gap:.5rem}.logs-loading{color:var(--text-muted);font-size:.9rem;margin:.75rem 0 0}.logs-summary{font-size:.85rem;color:var(--text-muted);margin:0 0 1rem}.logs-sticky-date{position:sticky;top:.5rem;right:.5rem;z-index:10;width:fit-content;margin-left:auto;background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:.3rem .9rem;font-size:.8rem;font-weight:600;color:var(--text);margin-bottom:.75rem;box-shadow:0 2px 6px -1px #00000014}.logs-load-more{display:flex;gap:.6rem;justify-content:center;padding:1.25rem 0 .5rem}.logs-type{font-size:.875rem;font-weight:600;background:var(--bg-subtle);border:1px solid var(--border);border-radius:5px;padding:.1rem .45rem;font-family:ui-monospace,monospace}.logs-device{font-size:.8rem;color:var(--text-muted);font-weight:500}.logs-device--indented{margin-left:var(--space-2)}.logs-time{font-size:.8rem;color:var(--text-muted);margin-left:auto;white-space:nowrap}.logs-vrow-message{font-size:.8rem;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.logs-detail-dialog{max-height:calc(100dvh - 2rem);overflow-y:auto;padding:1.25rem}.logs-view-switcher .vi-segmented-control__item{padding:0 .85rem;font-size:.85rem}.logs-view-switcher{box-sizing:border-box;height:var(--button-height);max-width:100%;min-width:0}.logs-inline-filters{display:flex;align-items:flex-end;gap:.6rem;flex-wrap:wrap}button.logs-filter-toggle{display:none}@media(max-width:600px){.logs-inline-filters{display:none}button.logs-filter-toggle{display:flex;width:100%;justify-content:center}}.logs-filter-field{min-width:0}.logs-filter-select{min-width:8.75rem;max-width:min(11.5rem,32vw)}.logs-filter-date{box-sizing:border-box;height:var(--button-height);padding:0 .4rem;border:1px solid var(--border);border-radius:6px;font-size:.875rem;background:var(--surface);color:var(--text)}.logs-filter-dialog-fields{display:flex;flex-direction:column;gap:.75rem}.logs-filter-dialog-fields .logs-filter-field{width:100%}.logs-filter-dialog-fields .logs-filter-date,.logs-filter-dialog-fields .logs-filter-select{width:100%;min-width:0;max-width:none;box-sizing:border-box}@media(max-width:600px){.logs-view-switcher .vi-segmented-control__item{padding:.28rem .65rem;font-size:.8rem}}.logs-gallery-virtual{width:100%;position:relative}.logs-gallery-item{min-width:0;overflow:hidden}.logs-gallery-item .logs-thumb-button,.logs-gallery-item .logs-thumb-image{width:100%;height:100%}.logs-gallery-item--unverified{outline:2px solid var(--danger);outline-offset:-2px}.logs-thumb-button{width:100%;height:100%;border:1px solid var(--border);border-radius:6px;padding:0;cursor:pointer;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bg-subtle)}.logs-thumb-image{display:block;width:100%;height:100%;object-fit:contain;background:var(--bg-subtle)}.logs-lightbox-overlay{position:fixed;inset:0;background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:center;justify-content:center;z-index:100;cursor:default}.logs-lightbox-frame{width:calc(100vw - 2rem);height:calc(100vh - 2rem);position:relative;display:flex;align-items:center;justify-content:center;pointer-events:none}.logs-lightbox-image{width:100%;height:100%;display:block;pointer-events:none;object-fit:contain}.logs-verify-badge{border-radius:4px;padding:.1rem .45rem;font-size:.75rem;font-weight:600;white-space:nowrap}.logs-verify-badge--failed{background:var(--danger);color:#fff}.logs-verify-badge--moderate{background:var(--warning);color:#fff}.logs-detail-dialog .vi-dialog-header{margin-bottom:.2rem}.logs-detail-subtitle{font-size:.8rem;color:var(--text-muted);margin:0 0 .75rem}.logs-detail-image-button{display:block;width:100%;border:0;border-radius:8px;padding:0;margin-bottom:.75rem;cursor:zoom-in;overflow:hidden;background:var(--bg-subtle);text-align:center}.logs-detail-image{display:block;width:auto;height:auto;max-width:100%;max-height:65dvh;object-fit:contain;margin:0 auto}.logs-detail-risk-neutral{font-size:.75rem;font-weight:600;color:var(--text-muted)}.logs-detail-meta{margin-top:.5rem}.logs-detail-message{font-size:1rem;font-weight:500;margin:.5rem 0 .75rem}.logs-detail-more{margin-top:1rem;font-size:.85rem}.logs-detail-more summary{cursor:pointer;color:var(--text-muted);font-weight:500;-webkit-user-select:none;user-select:none;margin-bottom:.5rem}.auth-page{display:flex;align-items:center;justify-content:center;min-height:100%;width:100%;padding:2rem 1rem}@media(max-width:420px){.auth-page{padding:0}}.auth-card{width:100%;padding:2.5rem 2rem;max-width:420px}@media(max-width:420px){.auth-card{min-height:100svh;border-radius:0;height:100%}}.auth-header{display:flex;align-items:center;justify-content:space-between}@media(max-width:450px){.auth-header .vi-icon-btn{display:none}}.auth-title{margin:0 0 .25rem;font-size:1.75rem;font-weight:700}.auth-subtitle{margin:0 0 1rem;color:var(--text-muted);font-size:.95rem}.auth-dev-warning{margin-bottom:1rem}.auth-tabs{margin-bottom:1.5rem;width:100%}.auth-tabs .vi-segmented-control__item{flex:1}.auth-form{display:flex;flex-direction:column;gap:1rem}.auth-flow-hint{margin-bottom:1.25rem}.auth-submit{margin-top:.25rem;width:100%}.auth-links{margin-top:1rem;display:flex;justify-content:center}.auth-link{border:none;background:transparent;color:var(--accent);cursor:pointer;font:inherit;padding:0}.email-link-page{display:flex;justify-content:center;align-items:flex-start;padding:4rem 1rem 2rem;width:100%}.email-link-card{width:100%;max-width:420px;padding:2.5rem 2rem;display:flex;flex-direction:column;gap:1rem}.email-link-card h2{margin:0}.email-link-card p{margin:0;color:var(--text-muted)}.settings-page{width:100%;max-width:640px;padding:2rem 1.25rem;--settings-control-width: 20rem}.settings-title{margin:0 0 1.5rem;font-size:1.5rem;font-weight:700}.settings-section{margin-bottom:1.5rem}.settings-section h2{margin:0 0 1.25rem;font-size:1rem;font-weight:600}.settings-section-hint{margin:-.5rem 0 1.25rem}.settings-form{display:flex;flex-direction:column;gap:1rem;align-items:flex-start}.settings-list{display:flex;flex-direction:column;gap:1rem}.settings-item{border:1px solid var(--border);border-radius:10px;padding:1rem;display:flex;flex-direction:column;gap:.9rem;background:var(--bg-subtle)}.settings-item-header{display:flex;justify-content:space-between;align-items:center;gap:1rem}.settings-badge{display:inline-flex;align-items:center;justify-content:center;padding:.15rem .5rem;border-radius:999px;background:var(--bg-subtle);color:var(--text-muted);font-size:.8rem;text-transform:capitalize}.settings-inline-field{display:flex;flex-direction:column;gap:.4rem}.settings-followup-hint{margin-top:.65rem}.settings-preference-grid{display:grid;gap:.85rem}.settings-page .vi-field{width:min(100%,var(--settings-control-width))}.settings-page .vi-field input{width:100%}.settings-checkbox{display:flex;align-items:center;gap:.6rem;color:var(--text)}.settings-danger-zone{border-color:color-mix(in srgb,var(--danger) 40%,var(--border))}@media(max-width:600px){.settings-page{padding:1.1rem .75rem}.settings-page .settings-section.vi-card{padding:.95rem}.settings-title,.settings-section{margin-bottom:1.1rem}}.not-found{display:flex;flex-direction:column;align-items:center;gap:1rem;padding:5rem 1.5rem;text-align:center}.not-found-title{font-size:1.75rem;font-weight:700;letter-spacing:-.02em}.not-found-message{color:var(--text-muted);font-size:.975rem}.not-found-path{font-family:monospace;background:var(--bg-subtle);border:1px solid var(--border);border-radius:4px;padding:.1em .4em;font-size:.9em}.not-found-actions{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-top:.5rem}:root{--font: "IBM Plex Sans", ui-sans-serif, sans-serif;--font-serif: "Source Serif 4", Georgia, serif;--font-mono: "IBM Plex Mono", ui-monospace, monospace;--button-height: 2.25rem;--button-padding-x: .8rem;--danger: #ef4444;--danger-strong: #dc2626;--warning: #9c6b2e;--success: #4f7a5a;--overlay: #0006;--overlay-strong: #000a;--shadow-sm: 0 1px 3px #0002;--shadow-md: 0 8px 40px #0003;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.5rem;--space-6: 2rem;--space-7: 3rem;--space-8: 4rem;--radius-sm: 2px;--radius-md: 4px;--radius-lg: 6px;--radius-xl: 8px;--radius-full: 999px;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--line-tight: 1.2;--line-normal: 1.5;--z-base: 1;--z-dropdown: 50;--z-dialog: 100;--z-toast: 200;--bp-sm: 480px;--bp-md: 720px;--bp-lg: 960px}:root{color-scheme:light;--bg: #f4efe3;--surface: #fbf7ea;--bg-subtle: #ebe4ce;--border: #d9d1bc;--text: #1b1a16;--text-muted: #6a6655;--accent: #1e3a2e;--success: #4f7a5a;--control-border-hover: #c9c0a8;--control-active-bg: var(--bg-subtle);--control-active-border: #4d6b58;--control-active-text: var(--accent);--ink-2: #3a382f;--ink-3: #6a6655;--ink-4: #9c9682;--rule-2: #e8e1cb;--paper: #f4efe3;--paper-2: #ebe4ce;--paper-3: #fbf7ea;--forest: #1e3a2e;--forest-2: #163026;--forest-3: #2c4d3e;--moss: #4d6b58;--moss-2: #7a8f76;--ochre: #a67f3d;--ochre-soft: #c9a56b;--good: #4f7a5a}input[type=password]:-webkit-autofill,input[type=password]:-webkit-autofill:hover,input[type=password]:-webkit-autofill:focus{-webkit-text-fill-color:var(--text);-webkit-box-shadow:0 0 0 1000px var(--bg) inset;box-shadow:0 0 0 1000px var(--bg) inset;caret-color:var(--text)}.vi-card__name{font-weight:600;font-size:1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.vi-card__meta{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.2rem .75rem;font-size:.85rem}.vi-card__meta dt{color:var(--text-muted);font-weight:500}.vi-card__meta dd{margin:0}.muted{color:var(--text-muted)}.hint-text{color:var(--text-muted);font-size:.875rem;line-height:1.5}.empty,.loading{color:var(--text-muted);font-size:.95rem}.splash{display:flex;align-items:center;justify-content:center;height:100vh;color:var(--text-muted);font-size:.95rem}.eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted)}.section-stack{display:flex;flex-direction:column;gap:1rem}.section-heading{margin:0 0 .55rem;padding-bottom:.35rem;border-bottom:1px solid var(--border);font-size:.76rem;font-weight:700;color:var(--text-muted)}.vi-btn{box-sizing:border-box;min-height:var(--button-height);display:inline-flex;align-items:center;justify-content:center;padding:0 var(--button-padding-x);border:1px solid transparent;border-radius:var(--radius-sm);font-family:var(--font);font-size:var(--text-sm);font-weight:500;letter-spacing:.005em;line-height:1;cursor:pointer;text-decoration:none;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.vi-btn:hover:not(:disabled){text-decoration:none}.vi-btn:disabled{opacity:.6;cursor:not-allowed}.vi-btn--primary{background:var(--accent);color:var(--paper-3);border-color:transparent}.vi-btn--primary:hover:not(:disabled){background:var(--forest-3)}.vi-btn--outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.vi-btn--outline:hover:not(:disabled){background:var(--accent);color:var(--paper-3)}.vi-btn--ghost{background:transparent;color:var(--text-muted)}.vi-btn--ghost:hover:not(:disabled){background:var(--bg-subtle);color:var(--text)}.vi-btn--quiet{background:var(--bg-subtle);color:var(--text);border:1px solid var(--border)}.vi-btn--quiet:hover:not(:disabled){background:var(--paper-2);border-color:var(--control-border-hover)}.vi-btn--danger{background:transparent;color:var(--danger);border-color:var(--danger)}.vi-btn--danger:hover:not(:disabled){background:color-mix(in srgb,var(--danger) 12%,transparent);border-color:var(--danger);color:var(--danger)}.vi-btn--flat{background:transparent;color:var(--text-muted);border-color:transparent}.vi-btn--flat:hover:not(:disabled){background:var(--bg-subtle);color:var(--text);border-color:transparent}.vi-btn--sm{min-height:1.9rem;padding:0 .65rem;font-size:.8125rem}.vi-btn--lg{min-height:3rem;padding:0 1.5rem}.vi-icon-btn{box-sizing:border-box;height:var(--button-height);width:var(--button-height);min-width:var(--button-height);display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted);padding:0;border:1px solid var(--border);border-radius:var(--radius-md);background:transparent;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.vi-icon-btn svg{width:1.1rem;height:1.1rem}.vi-icon-btn:hover{background:var(--bg-subtle);color:var(--text);border-color:var(--control-border-hover)}.vi-icon-btn:disabled{opacity:.6;cursor:not-allowed}.vi-icon-btn--active{background:var(--control-active-bg);color:var(--control-active-text);text-shadow:0 0 1px var(--control-active-text);border-color:var(--control-active-border)}.vi-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);padding:1.25rem}.vi-card--highlight{border-color:var(--accent)}.vi-card--tight{padding:var(--space-3)}.vi-card--flush{padding:0}.vi-card-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-3);gap:var(--space-2)}.vi-card-actions{display:flex;justify-content:space-between;margin-top:var(--space-4)}.vi-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-4)}.vi-field{display:flex;flex-direction:column;gap:.35rem}.vi-field__label{font-size:var(--text-sm);font-weight:500}.vi-field__help{font-size:var(--text-xs);color:var(--text-muted)}.vi-field__error{font-size:var(--text-xs);color:var(--danger)}.vi-field--error .vi-field__label{color:var(--danger)}.vi-input{box-sizing:border-box;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.55rem .75rem;font-size:var(--text-base);line-height:1;color:var(--text);outline:none;transition:border-color .15s ease;font-family:var(--font)}.vi-input:focus{border-color:var(--accent)}.vi-input::placeholder{color:var(--text-muted)}.vi-input:disabled{opacity:.6;cursor:not-allowed}.vi-input--md{min-height:var(--button-height);padding:.4rem .75rem}.vi-input--sm{min-height:1.9rem;padding:.28rem .65rem;font-size:.8125rem}.vi-input--error{border-color:var(--danger)}.vi-input--error:focus{border-color:var(--danger)}.vi-textarea{box-sizing:border-box;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem .75rem;font-size:var(--text-base);color:var(--text);outline:none;transition:border-color .15s ease;font-family:var(--font);resize:vertical;min-height:6rem;line-height:var(--line-normal)}.vi-textarea:focus{border-color:var(--accent)}.vi-textarea::placeholder{color:var(--text-muted)}.vi-textarea:disabled{opacity:.6;cursor:not-allowed}.vi-textarea--error{border-color:var(--danger)}.vi-textarea--error:focus{border-color:var(--danger)}.vi-select{box-sizing:border-box;width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-md);padding:.55rem 2rem .55rem .75rem;font-size:var(--text-base);line-height:1;color:var(--text);outline:none;transition:border-color .15s ease;font-family:var(--font);appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b6860' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .6rem center;cursor:pointer}.vi-select:focus{border-color:var(--accent)}.vi-select:disabled{opacity:.6;cursor:not-allowed}.vi-select--md{min-height:var(--button-height);padding-top:.4rem;padding-bottom:.4rem}.vi-select--sm{min-height:1.9rem;padding-top:.28rem;padding-bottom:.28rem;font-size:.8125rem}.vi-select--error{border-color:var(--danger)}.vi-select--error:focus{border-color:var(--danger)}.vi-checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.vi-checkbox input[type=checkbox]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.vi-checkbox__label{color:var(--text);line-height:var(--line-normal);-webkit-user-select:none;user-select:none}.vi-radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer;font-size:var(--text-sm)}.vi-radio input[type=radio]{width:1rem;height:1rem;accent-color:var(--accent);cursor:pointer;flex-shrink:0}.vi-radio__label{color:var(--text);line-height:var(--line-normal);-webkit-user-select:none;user-select:none}.vi-dialog{border:1px solid var(--border);border-radius:var(--radius-md);padding:1.75rem;width:100%;max-width:400px;margin:auto;background:var(--surface);color:var(--text);box-shadow:var(--shadow-md)}.vi-dialog::backdrop{background:var(--overlay);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.vi-dialog form{display:flex;flex-direction:column;gap:.85rem}.vi-dialog--lg{max-width:min(56rem,calc(100vw - 1.5rem))}.vi-dialog-title{margin:0;font-size:var(--text-lg);font-weight:600;line-height:var(--line-tight)}.vi-dialog-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.25rem;gap:var(--space-2)}.vi-dialog-header-actions{display:flex;align-items:center;gap:.4rem;margin-left:auto;flex-shrink:0}.vi-dialog-close{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:none;background:transparent;color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;padding:0;flex-shrink:0;transition:color .15s ease,background-color .15s ease}.vi-dialog-close svg{width:1.1rem;height:1.1rem}.vi-dialog-close:hover{color:var(--text);background:var(--bg-subtle)}.vi-dialog-actions{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-2);margin-top:1.25rem}.vi-dialog-actions-left{margin-right:auto}.vi-dialog-actions-right{display:flex;align-items:center;gap:var(--space-2)}.vi-dialog-secondary-actions{margin-top:var(--space-3);display:flex;justify-content:flex-start}.vi-alert{border-radius:var(--radius-md);padding:.6rem .75rem;font-size:var(--text-sm);line-height:var(--line-normal)}.vi-alert--error{background:#fee2e2;color:#b91c1c}.vi-alert--success{background:#4f7a5a1f;color:var(--good)}.vi-alert--warning{background:#9c6b2e1f;color:var(--warning)}.vi-alert--info{background:#dbeafe;color:#1d4ed8}@keyframes vi-toast-in{0%{opacity:0;transform:translateY(.5rem) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes vi-toast-out{0%{opacity:1;transform:translateY(0) scale(1)}to{opacity:0;transform:translateY(.5rem) scale(.96)}}.vi-toast-stack{position:fixed;bottom:var(--space-5);right:var(--space-5);z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-end;pointer-events:none}.vi-toast{pointer-events:auto;display:flex;align-items:center;gap:var(--space-3);min-width:240px;max-width:380px;padding:.65rem .85rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;color:var(--text);box-shadow:var(--shadow-md);animation:vi-toast-in .2s ease both}.vi-toast--closing{animation:vi-toast-out .2s ease both}.vi-toast--error{border-left:3px solid var(--danger);color:var(--danger-strong)}.vi-toast--success{border-left:3px solid var(--good);color:var(--good)}.vi-toast--info{border-left:3px solid var(--forest);color:var(--text)}.vi-toast__message{flex:1}.vi-toast__close{background:transparent;border:none;cursor:pointer;color:inherit;font-size:1.1rem;line-height:1;padding:0;opacity:.7;flex-shrink:0}.vi-toast__close:hover{opacity:1}.vi-badge{font-size:var(--text-xs);font-weight:600;padding:.15rem .55rem;border-radius:2px;flex-shrink:0;display:inline-block}.vi-badge--green{background:#4f7a5a1f;color:var(--good)}.vi-badge--gray{background:var(--bg-subtle);color:var(--text-muted)}.vi-badge--yellow{background:#9c6b2e1f;color:var(--warning)}.vi-badge--red{background:#fee2e2;color:#b91c1c}.vi-tabs{display:flex;gap:0;border-bottom:1px solid var(--border)}.vi-tab{box-sizing:border-box;background:transparent;border:none;border-bottom:2px solid transparent;padding:.6rem var(--space-4);font-size:var(--text-sm);font-weight:500;color:var(--text-muted);cursor:pointer;transition:color .15s ease,border-color .15s ease;margin-bottom:-1px;white-space:nowrap}.vi-tab:hover{color:var(--text)}.vi-tab--active{color:var(--accent);border-bottom-color:var(--accent);font-weight:600}.vi-segmented-control{display:flex;gap:3px;padding:3px;border-radius:var(--radius-md);background:var(--bg-subtle)}.vi-segmented-control__item{display:inline-flex;align-items:center;justify-content:center;border:none;background:transparent;border-radius:var(--radius-sm);padding:.45rem 1rem;font-size:.9rem;font-weight:500;color:var(--text-muted);text-decoration:none;cursor:pointer;transition:background .12s,color .12s}.vi-segmented-control__item:hover{color:var(--text);text-decoration:none}.vi-segmented-control__item.is-active{background:var(--forest);color:var(--paper-3);box-shadow:var(--shadow-sm)}.vi-segmented-control__item.is-active:hover{color:var(--paper-3)}@keyframes vi-spin{to{transform:rotate(360deg)}}.vi-spinner{display:inline-block;width:1.25rem;height:1.25rem;border:2px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:vi-spin .65s linear infinite;flex-shrink:0}.vi-spinner--sm{width:.875rem;height:.875rem;border-width:2px}.vi-spinner--lg{width:2rem;height:2rem;border-width:3px}@keyframes vi-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.vi-skeleton{display:inline-block;background:linear-gradient(90deg,var(--bg-subtle) 25%,var(--border) 50%,var(--bg-subtle) 75%);background-size:200% 100%;animation:vi-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.vi-skeleton--text{height:1em;width:100%;border-radius:var(--radius-sm)}.vi-skeleton--rect{display:block;width:100%;height:4rem;border-radius:var(--radius-md)}.vi-skeleton--circle{border-radius:50%;width:2.5rem;height:2.5rem}.vi-menu{position:relative;display:inline-block}.vi-menu__trigger{cursor:pointer}.vi-menu__dropdown{position:absolute;top:calc(100% + var(--space-1));right:0;z-index:var(--z-dropdown);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);padding:var(--space-1) 0;min-width:160px;display:flex;flex-direction:column}.vi-menu__item{display:block;width:100%;box-sizing:border-box;padding:.45rem var(--space-3);font-size:var(--text-sm);color:var(--text);text-decoration:none;background:transparent;border:none;text-align:left;cursor:pointer;transition:background-color .15s ease;white-space:nowrap}.vi-menu__item:hover{background:var(--bg-subtle)}.vi-menu__item--danger{color:var(--danger)}.vi-menu__item--danger:hover{background:color-mix(in srgb,var(--danger) 8%,transparent)}.vi-tooltip-wrapper{position:relative;display:inline-flex;align-items:center}.vi-tooltip{position:absolute;bottom:calc(100% + var(--space-1));left:50%;transform:translate(-50%);background:var(--text);color:var(--bg);font-size:var(--text-xs);font-weight:500;padding:.3rem .6rem;border-radius:var(--radius-sm);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity .15s ease;z-index:var(--z-dropdown);max-width:240px;white-space:normal;text-align:center}.vi-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--text)}.vi-tooltip-wrapper:hover .vi-tooltip,.vi-tooltip-wrapper:focus-within .vi-tooltip{opacity:1}.vi-avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--accent);color:#fff;font-weight:600;overflow:hidden;flex-shrink:0;width:2.25rem;height:2.25rem}.vi-avatar--sm{width:1.75rem;height:1.75rem;font-size:var(--text-xs)}.vi-avatar--md{width:2.25rem;height:2.25rem;font-size:var(--text-sm)}.vi-avatar--lg{width:3rem;height:3rem;font-size:var(--text-base)}.vi-avatar__img{width:100%;height:100%;object-fit:cover;display:block}.vi-avatar__initials{font-size:inherit;line-height:1;-webkit-user-select:none;user-select:none}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background:var(--bg);color:var(--text);font-family:var(--font);line-height:1.5;-webkit-font-smoothing:antialiased}::selection{background:var(--forest);color:var(--paper-3)}a{color:var(--forest);text-decoration:none}a:hover{text-decoration:underline}:root{font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{display:flex;flex-direction:column;min-height:100vh;width:100%;overflow-x:hidden}.app-shell{display:flex;flex-direction:column;min-height:100vh;height:100dvh;width:100%;overflow-x:hidden;overflow-y:hidden}.app-main{flex:auto;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center;overflow-y:auto;overflow-x:hidden;scrollbar-gutter:stable}@media(max-width:720px){#app{min-height:100svh}}.app-drawer-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.app-drawer-close{display:inline-flex;align-items:center;justify-content:center;width:2.25rem;min-width:2.25rem;height:2.25rem;min-height:2.25rem;border:0;border-radius:999px;background:transparent;color:var(--text-muted);padding:0;cursor:pointer;flex:0 0 auto;appearance:none;transition:background-color .15s ease,color .15s ease}.app-drawer-close svg{width:1.1rem;height:1.1rem}.app-drawer-close:hover{background:var(--bg-subtle);color:var(--text)}.app-drawer-backdrop{display:none;position:fixed;inset:0;z-index:45;border:0;padding:0;background:color-mix(in srgb,var(--overlay) 78%,transparent);opacity:0;pointer-events:none;transition:opacity .18s ease}.app-drawer-backdrop.is-open{display:block;opacity:1;pointer-events:auto}.app-header{position:relative;z-index:60;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:.75rem 1rem;background-color:var(--surface);border-bottom:1px solid var(--border);padding:.5rem 1.25rem}.app-header-brand-row{min-height:2.25rem;display:flex;align-items:center;flex:1 1 auto;min-width:0}.app-header-brand{color:var(--text);font-weight:700;font-size:1.1rem;letter-spacing:.02em;line-height:1.1}a.app-header-brand{text-decoration:none;background:none}a.app-header-brand:hover{color:var(--text)}.app-header-toolbar{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.app-header-mobile-actions,.app-header-mobile-menu{display:none}.app-header-nav-group,.app-header-action-group{display:flex;align-items:center;gap:.5rem}.app-header-action-group .vi-icon-btn{width:2.25rem;min-width:2.25rem;height:2.25rem}.app-header-nav-group .vi-btn--flat.is-active{color:var(--accent);font-weight:700}@media(max-width:720px){.app-header{align-items:center}.app-header-brand-row{min-width:0}.app-header-toolbar{display:none}.app-header-mobile-actions{display:flex;align-items:center;gap:.5rem;flex-shrink:0}.app-header-mobile-menu{display:flex;position:fixed;top:0;right:0;bottom:0;z-index:50;width:min(18rem,calc(100vw - 2.75rem));padding:.75rem .75rem 1rem;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:stretch;gap:.25rem;transform:translate(100%);visibility:hidden;pointer-events:none;transition:transform .18s ease}.app-header-mobile-menu-header{margin-bottom:.5rem}.app-header-mobile-menu-title{font-size:1rem;font-weight:700;color:var(--text);text-align:left}.app-header-mobile-menu.is-open{transform:translate(0);visibility:visible;pointer-events:auto;box-shadow:var(--shadow-md)}.app-header-mobile-menu .vi-btn{justify-content:flex-start;width:100%;min-height:2.6rem;font-size:.95rem}.app-header-mobile-menu .vi-btn--flat{border-color:transparent}.app-header-mobile-menu .vi-btn--flat.is-active{color:var(--accent);font-weight:700}.app-header-mobile-menu .app-header-mobile-logout{margin-top:.5rem;width:auto;min-width:8.5rem;align-self:center;justify-content:center}}@media(max-width:420px){.app-header-mobile-menu{width:min(17rem,calc(100vw - 1.5rem))}}dialog{width:min(100%,calc(100vw - 1rem));max-height:calc(100dvh - 1rem);margin:auto;overflow:auto}@media(max-width:480px){dialog{padding:1.25rem}}