.silveo-os-preview{--os-bg:oklch(98.6% .002 300);--os-surface:oklch(99.8% .001 300);--os-gray:oklch(96.1% .005 300);--os-ink:oklch(23% .015 300);--os-muted:oklch(49% .014 300);--os-border:oklch(25% .015 300/.09);--os-pink:oklch(78% .155 348);--os-accent:oklch(47% .17 348);letter-spacing:normal;color:var(--os-ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,system-ui,Segoe UI,sans-serif;font-size:14px;line-height:1.5}.silveo-os-preview *{box-sizing:border-box}.silveo-os-preview svg{flex-shrink:0}.os-frame{background:var(--os-bg);border:1px solid oklch(25% .015 300/.15);border-radius:12px;overflow:hidden;box-shadow:0 20px 60px -35px #1e142840}.os-layout{grid-template-columns:218px minmax(0,1fr);display:grid}.os-sidebar{color:oklch(73% .009 300);background:oklch(17% .012 300);flex-direction:column;padding:18px 10px 14px;display:flex}.os-brand{border-bottom:1px solid #ffffff1a;justify-content:space-between;align-items:center;margin:0 12px 16px;padding-bottom:18px;display:flex}.silveo-os-preview .os-logo{color:oklch(96% .004 300);width:73px;height:28px}.os-navigation{gap:4px;margin:0;padding:0;list-style:none;display:grid}.os-nav-item{white-space:nowrap;border-radius:8px;align-items:center;gap:11px;min-height:36px;padding:7px 10px;font-size:13px;display:flex}.os-nav-item .os-count{margin-left:auto}.os-selected{color:var(--os-pink);background:oklch(75% .16 348/.14);font-weight:600}.os-sidebar-bottom{margin-top:auto;padding-top:24px}.os-account{color:oklch(96% .004 300);border-top:1px solid #ffffff1a;align-items:center;gap:10px;margin:16px 10px 0;padding-top:18px;display:flex}.os-account>div{flex:1}.os-account small{color:var(--os-pink);margin-top:2px;font-size:11px;display:block}.os-avatar{background:#ffffff1a;border-radius:50%;place-items:center;width:30px;height:30px;font-size:12px;display:grid}.os-main{min-width:0}.os-content{padding:20px}.os-page-heading{justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.os-page-heading>svg{color:var(--os-muted)}.os-content h3{letter-spacing:-.025em;margin:0;font-size:23px;font-weight:700;line-height:1.2}.os-section-nav{border:1px solid var(--os-border);background:var(--os-gray);border-radius:8px;flex-wrap:wrap;gap:4px;padding:4px;display:flex}.os-tab{white-space:nowrap;min-height:34px;color:var(--os-muted);border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:6px 8px;font-size:13px;font-weight:500;display:inline-flex}.os-tab.os-active{background:var(--os-surface);color:var(--os-ink);box-shadow:0 1px 3px #0000001a}.os-count{background:var(--os-pink);min-width:20px;height:20px;color:var(--os-ink);font-variant-numeric:tabular-nums;border-radius:20px;justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:600;line-height:1;display:inline-flex}.os-categories{margin-top:12px}.os-requests{gap:10px;margin-top:12px;display:grid}.os-request{background:var(--os-surface);border:1px solid var(--os-border);border-radius:8px;padding:12px 14px;box-shadow:0 2px 5px oklch(23% .015 300/.025)}.os-request-heading{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:10px;display:flex}.os-request h4{margin:0;font-size:14px;font-weight:600;line-height:1.5}.os-status{background:var(--os-gray);color:var(--os-muted);white-space:nowrap;border-radius:6px;align-items:center;gap:5px;padding:3px 9px;font-size:12px;display:inline-flex}.os-status i{background:currentColor;border-radius:50%;width:5px;height:5px}.os-request-meta{color:var(--os-muted);margin:4px 0 0;font-size:12px;line-height:1.6}.os-days{color:var(--os-accent);margin:0;font-size:13px;font-weight:600}.os-brief{margin:6px 0 8px;font-size:14px;line-height:1.5}.os-request-footer{justify-content:space-between;align-items:center;gap:12px;display:flex}.os-done{background:var(--os-pink);color:var(--os-ink);border-radius:6px;padding:4px 12px;font-size:13px;font-weight:600;display:inline-block}.os-caption{color:var(--os-muted);justify-content:space-between;align-items:flex-start;gap:16px 30px;margin-top:12px;font-size:12px;line-height:1.65;display:flex}.os-caption p{align-items:flex-start;gap:9px;max-width:64ch;margin:0;display:flex}.os-caption svg{margin-top:2px}.os-caption>span{white-space:nowrap}@media (width<=1023px){.os-layout{grid-template-columns:minmax(0,1fr)}.os-sidebar{display:none}.os-caption{flex-direction:column;gap:10px}}@media (width<=639px){.os-content{padding:16px 12px}.os-content h3{font-size:23px}.os-production{flex-direction:column;align-items:stretch}.os-production .os-tab{justify-content:flex-start}.os-tab{min-height:34px;padding:6px}.os-request{padding:12px}.os-request-heading{gap:7px}.os-caption{padding:0 2px}}