.product-os{--color-background-primary:#ffffff;--color-background-secondary:#f5f5f4;--color-background-tertiary:#eeedec;--color-border-tertiary:#e0dedc;--color-border-secondary:#ccc9c6;--color-text-primary:#1a1a2e;--color-text-secondary:#6b6864;--violet:#7c6af7;--violet-ink:#534ab7;--violet-soft:#eeedfe;min-height:100vh;border-radius:0;display:flex;flex-direction:column}.product-os .text-accent-ink{color:var(--violet-ink)}.product-os .text-accent{color:var(--violet)}.product-os .bg-accent{background-color:var(--violet)}.product-os .bg-accent-soft,.product-os .bg-sunken{background-color:var(--color-background-secondary)}.product-os .border-accent,.product-os .border-accent\/20{border-color:color-mix(in srgb,var(--violet) 35%,transparent)}.product-os .bg-card{background-color:var(--color-background-primary)}.product-os .border-rule{border-color:var(--color-border-tertiary)}.product-os .text-ink{color:var(--color-text-primary)}.product-os .text-ink-soft{color:var(--color-text-secondary)}.product-os .text-ink-faint{color:#8a8682}.product-os .hover\:border-accent:hover{border-color:var(--violet)}.product-os .hover\:text-accent-ink:hover{color:var(--violet-ink)}.product-os .focus\:border-accent:focus{border-color:var(--violet)}.product-os .shadow-raised{box-shadow:0 4px 18px -8px rgba(26,26,46,.12)}.product-os .layout{flex:1;min-height:0;grid-template-columns:168px 1fr}@media (max-width:768px){.product-os .layout{grid-template-columns:1fr}.product-os .sidebar{display:none}.product-os .sidebar-mobile-open{display:flex;position:fixed;inset:48px 0 0 0;z-index:40;width:200px;box-shadow:4px 0 24px rgba(0,0,0,.08)}}.product-os .content{flex:1;min-height:0}.product-os .screen{display:block;padding:16px 18px 24px;min-height:100%}.product-os input[type=email],.product-os input[type=number],.product-os input[type=password],.product-os input[type=search],.product-os input[type=text],.product-os input[type=url],.product-os select,.product-os textarea{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:7px;font-family:var(--font-sans);font-size:12px;color:var(--color-text-primary);outline:none}.product-os input:focus,.product-os select:focus,.product-os textarea:focus{border-color:var(--violet)}.product-os .po-btn-primary,.product-os button[type=submit]{background:var(--violet);border:none;border-radius:7px;color:#fff;font-size:12px;cursor:pointer}.product-os .po-btn-primary:hover:not(:disabled),.product-os button[type=submit]:hover:not(:disabled){background:#6a58e8}.product-os .po-btn-secondary{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:7px;color:var(--violet-ink);font-size:12px;cursor:pointer}.product-os .po-btn-secondary:hover{border-color:var(--violet);background:var(--violet-soft)}.product-os .po-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:10px}.product-os .po-card-hover:hover{border-color:var(--violet)}.product-os .topbar-signout{font-size:11px;font-family:var(--font-mono);padding:2px 8px;border-radius:8px;background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);cursor:pointer}.product-os .topbar-signout:hover{border-color:var(--color-border-secondary);color:var(--color-text-primary)}.product-os .mobile-nav-toggle{display:none;font-size:11px;font-family:var(--font-mono);padding:2px 8px;border-radius:8px;background:var(--color-background-secondary);border:.5px solid var(--color-border-tertiary);color:var(--color-text-secondary);cursor:pointer}@media (max-width:768px){.product-os .mobile-nav-toggle{display:inline-flex}}.product-os a.ni{text-decoration:none}.product-os a.dash-handled-row,.product-os a.dash-meeting-row,.product-os a.stat-card{text-decoration:none;color:inherit}.product-os .dash-layout-main{display:grid;grid-template-columns:1fr 280px;gap:10px;align-items:start}@media (max-width:960px){.product-os .dash-layout-main{grid-template-columns:1fr}}.product-os .rounded-xl.border.border-rule.bg-card{background:var(--color-background-primary);border:.5px solid var(--color-border-tertiary);border-radius:10px;box-shadow:none}.product-os .rounded-xl.border.border-rule.bg-card:hover{border-color:var(--violet)}.product-os .df-tabs{margin-top:8px}