body{margin:0;font-family:Inter,sans-serif}html,body{min-height:100%}#app{min-height:100vh;color-scheme:light;line-height:1.6;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app *,#app *:before,#app *:after{box-sizing:border-box;margin:0}#app input,#app textarea,#app select{font:inherit}#app{--page-bg: #f5f5f5;--surface: #ffffff;--text: #111111;--muted: #666666;--line: #dddddd;--line-strong: #cccccc;--radius: 12px;background:var(--page-bg);color:var(--text);font-family:Montserrat,sans-serif}#app a{text-decoration:none}#app .shell{display:flex;min-height:100vh;width:100%;flex-direction:column;gap:24px;justify-content:center;align-items:center}#app .topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}#app .brand{display:inline-flex;flex-direction:column;gap:2px}#app .brand__eyebrow,#app .eyebrow{font-size:.75rem;text-transform:uppercase;color:var(--muted)}#app .brand__title{font-size:1rem;font-weight:600}#app .topnav{display:flex;flex-wrap:wrap;gap:8px}#app .topnav__link{padding:.55rem .8rem;border:1px solid transparent;border-radius:8px;color:var(--muted)}#app .topnav__link--active{border-color:var(--line);background:var(--surface);color:var(--text)}#app .topbar__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}#app .user-chip{display:inline-flex;flex-direction:column;gap:2px;padding:.65rem .85rem;border:1px solid var(--line);border-radius:8px;background:var(--surface)}#app .user-chip span{color:var(--muted);font-size:.875rem}#app .content{width:100%;flex:1}#app .flash{margin-top:16px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}#app .page{display:grid;width:100%;gap:24px}#app .panel,#app .stack-card,#app .credential-card{padding:20px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}#app .panel.checklist-table{padding:0;border-radius:0}#app .panel--dark{background:var(--surface);color:inherit}#app .title{margin-top:8px;font-size:clamp(1.75rem,3vw,2.5rem);line-height:1.2;font-weight:700}#app .subtitle,#app .section-copy{margin-top:12px;max-width:62ch;color:var(--muted)}#app .section-title{margin-top:8px;font-size:1.25rem;font-weight:600}#app .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:.7rem 1rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}#app .button--primary{background:var(--text);color:#fff;border-color:var(--text)}#app .button--ghost,#app .button.button--light{background:var(--surface);color:var(--text);border-color:var(--line-strong)}#app .hero-grid>*:first-child{grid-column:span 8}#app .hero-grid>*:last-child{grid-column:span 4}#app .hero{display:flex;flex-direction:column;gap:16px}#app .hero-actions,#app .demo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}#app .feature-grid{display:grid;gap:24px;grid-template-columns:repeat(3,minmax(0,1fr))}#app .credential-panel,#app .credential-list,#app .stack,#app .form-grid{display:grid;gap:14px}#app .credential-card,#app .stack-card{padding:16px}#app .credential-card span,#app .stat-label,#app .field-error,#app .checkbox,#app .demo-chip{color:var(--muted)}#app .credential-card code{width:fit-content;padding:.25rem .5rem;border:1px solid var(--line);border-radius:6px;background:#f8f8f8}#app .info-grid>*{grid-column:span 6}#app .field{display:grid;gap:8px}#app .field label{font-size:.92rem;font-weight:600}#app .field input,#app .field select{width:100%;padding:.85rem .95rem;border:1px solid var(--line-strong);border-radius:8px;background:var(--surface);color:var(--text)}#app .checkbox{display:flex;align-items:center;gap:10px}#app .checkbox input{width:18px;height:18px}#app .demo-chip{padding:.65rem .85rem;border:1px solid var(--line);border-radius:8px;background:var(--surface);cursor:pointer}#app .table{margin-top:16px;border-collapse:collapse}#app .table th,#app .table td{padding:.5rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}#app .table th{font-size:.8rem;text-transform:uppercase;color:var(--muted)}#app .badge{display:inline-flex;align-items:center;padding:.3rem .55rem;border:1px solid var(--line);border-radius:999px;font-size:.78rem;color:var(--muted)}#app .badge--admin,#app .badge--member{background:transparent}@media(max-width:980px){#app .hero-grid>*,#app .info-grid>*,#app .dashboard-grid>*{grid-column:span 12}#app .feature-grid,#app .stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){#app .panel,#app .stack-card,#app .credential-card{padding:16px}#app .title{font-size:1.9rem}}