:root{--portal-accent: #2563eb;--portal-bg: #ffffff;--portal-surface: #f4f4f5;--portal-text: #18181b;--portal-muted: #71717a;--portal-radius: 12px;--portal-font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--portal-bg);color:var(--portal-text);font-family:var(--portal-font)}button{font-family:inherit;cursor:pointer}.portal-shell{min-height:100vh;display:flex;flex-direction:column}.portal-topbar{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.5rem;border-bottom:1px solid var(--portal-surface)}.portal-wordmark{font-weight:700;font-size:1.1rem;color:var(--portal-text);text-decoration:none}.portal-logo{max-height:32px}.portal-nav a{color:var(--portal-muted);text-decoration:none;margin-left:1rem}.portal-topbar-right{display:flex;align-items:center;gap:1rem}.portal-notification-bell{position:relative}.portal-bell-button{position:relative;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:999px;background:transparent;color:var(--portal-text)}.portal-bell-button:hover{background:var(--portal-surface)}.portal-bell-badge{position:absolute;top:2px;right:2px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--portal-accent);color:#fff;font-size:.65rem;line-height:16px;text-align:center}.portal-notification-panel{position:absolute;top:calc(100% + .5rem);right:0;width:320px;max-height:400px;overflow-y:auto;background:var(--portal-bg);border:1px solid var(--portal-surface);border-radius:var(--portal-radius);box-shadow:0 8px 24px #0000001f;z-index:20}.portal-notification-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem;border-bottom:1px solid var(--portal-surface);font-weight:600}.portal-link-button{background:transparent;border:none;padding:0;color:var(--portal-accent);font-size:.8rem;font-weight:500}.portal-notification-status{padding:1.5rem 1rem;text-align:center;color:var(--portal-muted);font-size:.9rem}.portal-notification-list{list-style:none;margin:0;padding:0}.portal-notification-item{display:flex;flex-direction:column;gap:.15rem;width:100%;padding:.75rem 1rem;border:none;border-bottom:1px solid var(--portal-surface);background:transparent;text-align:left;color:var(--portal-text)}.portal-notification-item:hover{background:var(--portal-surface)}.portal-notification-item-unread{background:color-mix(in srgb,var(--portal-accent) 8%,transparent);font-weight:600}.portal-notification-title{font-size:.9rem}.portal-notification-body{font-size:.8rem;font-weight:400;color:var(--portal-muted)}.portal-notification-time{font-size:.7rem;font-weight:400;color:var(--portal-muted)}.portal-main{flex:1;padding:2rem 1.5rem;max-width:720px;margin:0 auto;width:100%}.portal-footer{padding:1rem 1.5rem;text-align:center;color:var(--portal-muted);font-size:.8rem}.portal-empty-state{text-align:center;padding:3rem 1rem}.portal-home-header{display:flex;align-items:center;justify-content:space-between}.portal-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;margin-top:1.5rem}.portal-card{border:1px solid var(--portal-surface);border-radius:var(--portal-radius);padding:1rem;background:var(--portal-surface)}a.portal-card{display:block;color:inherit;text-decoration:none}.portal-card-status{color:var(--portal-muted);font-size:.85rem}.portal-form{display:flex;flex-direction:column;gap:.75rem;max-width:320px}.portal-form input{padding:.5rem .75rem;border:1px solid var(--portal-muted);border-radius:var(--portal-radius)}.portal-form button,.portal-home-header button{background:var(--portal-accent);color:#fff;border:none;border-radius:var(--portal-radius);padding:.5rem 1rem}