.portal-shell{background:var(--color-bg);min-height:100vh;color:var(--color-text);font-family:var(--font-body);flex-direction:column;display:flex}.portal-header{padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-surface);justify-content:space-between;align-items:center;display:flex}.portal-brand{align-items:baseline;gap:var(--space-3);font-family:var(--font-display);letter-spacing:.06em;text-transform:uppercase;color:var(--color-text);font-weight:700;text-decoration:none;display:flex}.portal-brand-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);letter-spacing:.18em}.portal-user{align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:var(--color-text-muted);display:flex}.portal-signout{border:1px solid var(--color-border);color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-interactive);background:0 0}.portal-signout:hover{border-color:var(--color-primary)}.portal-main{max-width:var(--content-wide);width:100%;padding:var(--space-10) var(--space-8);flex:1;margin:0 auto}.portal-crumbs{align-items:center;gap:var(--space-2);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-faint);letter-spacing:.1em;text-transform:uppercase;margin-bottom:var(--space-4);display:flex}.portal-crumbs a{color:var(--color-text-muted);text-decoration:none}.portal-crumbs a:hover{color:var(--color-primary)}.portal-crumbs-sep{color:var(--color-text-faint)}.portal-title{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:.02em;text-transform:uppercase;color:var(--color-text);margin:0 0 var(--space-8);font-weight:700}.portal-empty{padding:var(--space-16) var(--space-4);text-align:center;color:var(--color-text-muted);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.portal-listing{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);overflow:hidden}.portal-row{align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-6);border-top:1px solid var(--color-divider);color:inherit;transition:background var(--transition-interactive);grid-template-columns:1fr 180px 120px;text-decoration:none;display:grid}.portal-row:first-child{border-top:none}.portal-row.is-head{background:var(--color-surface-2);color:var(--color-text-faint);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase}.portal-row:not(.is-head):hover{background:var(--color-surface-2)}.portal-row-name{align-items:center;gap:var(--space-3);min-width:0;display:flex}.portal-icon{width:20px;height:20px;color:var(--color-text-muted);flex:0 0 20px}.portal-row.is-folder .portal-icon{color:var(--color-primary)}.portal-row-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.portal-row-meta{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-text-muted);letter-spacing:.06em}@media (max-width:720px){.portal-row{grid-template-columns:1fr 1fr}.portal-row-meta.is-size{display:none}.portal-main{padding:var(--space-6) var(--space-4)}}.portal-login{background:radial-gradient(1200px 600px at 50% -200px, #e0252d1f, transparent 60%), var(--color-bg);min-height:100vh;padding:var(--space-8);place-items:center;display:grid}.portal-login-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);width:100%;max-width:440px;padding:var(--space-10) var(--space-8);text-align:center;box-shadow:var(--shadow-sm)}.portal-login-tag{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--color-primary);letter-spacing:.24em;text-transform:uppercase;margin-bottom:var(--space-3)}.portal-login-title{font-family:var(--font-display);font-size:var(--text-xl);letter-spacing:.03em;text-transform:uppercase;margin:0 0 var(--space-3);color:var(--color-text);font-weight:700}.portal-login-lede{color:var(--color-text-muted);font-size:var(--text-sm);margin:0 0 var(--space-8);line-height:1.55}.portal-login-btn{justify-content:center;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-4) var(--space-6);background:var(--color-primary);color:#fff;border-radius:var(--radius-sm);font-family:var(--font-display);font-weight:700;font-size:var(--text-base);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;transition:background var(--transition-interactive);border:none;display:inline-flex}.portal-login-btn:hover{background:var(--color-primary-hover)}.portal-login-help{margin-top:var(--space-6);font-size:var(--text-xs);color:var(--color-text-faint);font-family:var(--font-mono);letter-spacing:.08em}.portal-login-help a{color:var(--color-text-muted);text-underline-offset:3px;text-decoration:underline}.portal-notice{margin-bottom:var(--space-6);padding:var(--space-3) var(--space-4);border:1px solid var(--color-warning);background:var(--color-warning-highlight);color:var(--color-text);border-radius:var(--radius-sm);font-size:var(--text-sm);text-align:left;display:block}