*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f8f9fa;color:#1a1a2e;line-height:1.5}a{color:inherit;text-decoration:none}.portal-shell{display:grid;grid-template-columns:260px 1fr;min-height:100vh}@media (max-width:880px){.portal-shell{grid-template-columns:1fr}.sidebar{align-items:center;gap:.5rem 1rem}.sidebar,.sidebar-nav{flex-direction:row;flex-wrap:wrap}.sidebar-nav{margin-top:0}}.sidebar{background:#1a1a2e;color:#fff;padding:1.5rem;display:flex;flex-direction:column;gap:1rem}.sidebar-brand{font-size:1.25rem;font-weight:700;letter-spacing:-.02em;padding-bottom:1rem;border-bottom:1px solid hsla(0,0%,100%,.1)}.sidebar-pack{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:#a0aec0;margin-top:.25rem}.sidebar-nav{display:flex;flex-direction:column;gap:.25rem;margin-top:1rem}.nav-link{padding:.6rem .75rem;border-radius:.5rem;font-size:.875rem;color:#cbd5e0;transition:all .15s}.nav-link:hover{background:hsla(0,0%,100%,.06);color:#fff}.nav-link.active{background:hsla(0,0%,100%,.1);color:#fff;font-weight:500}.main{padding:2rem;overflow-y:auto}.persona-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:1rem;gap:1rem;margin-top:1.5rem}.persona-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:1.25rem;cursor:pointer;transition:all .15s}.persona-card:hover{border-color:#1a1a2e;box-shadow:0 4px 12px rgba(0,0,0,.06)}.persona-card .label{font-weight:600;font-size:.95rem}.persona-card .category{font-size:.7rem;text-transform:uppercase;letter-spacing:.06em;color:#5a6678;margin-top:.25rem}.persona-card .tip{font-size:.8rem;color:#4a5568;margin-top:.5rem}.surface-header{margin-bottom:1.5rem}.surface-header h1{font-size:1.5rem;font-weight:600}.surface-header .meta{font-size:.8rem;color:#5a6678;margin-top:.25rem}.placeholder-card{background:#fff;border:1px solid #e2e8f0;border-radius:.75rem;padding:2rem;text-align:center;color:#5a6678}.topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:1px solid #e2e8f0}.topbar-persona{font-size:.8rem;color:#5a6678}.topbar-persona strong{color:#1a1a2e}