.portal-shell{--p-canvas:#f4f0e6;--p-sidebar:#0f0f11;--p-sidebar-text:hsla(0,0%,100%,.96);--p-sidebar-muted:hsla(0,0%,100%,.5);--p-sidebar-active-bg:hsla(0,0%,100%,.06);--p-surface:#fff;--p-surface-2:#faf6ec;--p-border:rgba(15,15,17,.08);--p-border-strong:rgba(15,15,17,.16);--p-text:#0f0f11;--p-text-muted:rgba(15,15,17,.62);--p-text-dim:rgba(15,15,17,.42);--p-primary:#facc15;--p-primary-hover:#eab308;--p-primary-text:#0f0f11;--p-primary-bg:#fef9c3;--p-contrast-bg:#0f0f11;--p-contrast-text:#fff;--p-contrast-accent:#facc15;--p-positive:#16a34a;--p-positive-bg:#dcfce7;--p-warning:#f59e0b;--p-warning-bg:#fef3c7;--p-negative:#dc2626;--p-negative-bg:#fee2e2;--p-info:#2563eb;--p-info-bg:#dbeafe;--p-purple:#7c3aed;--p-purple-bg:#ede9fe;--p-card-shadow:0 1px 2px rgba(15,15,17,.04),0 1px 3px rgba(15,15,17,.06);--p-card-shadow-hover:0 8px 24px -8px rgba(15,15,17,.14),0 4px 12px -4px rgba(15,15,17,.08);--p-stripe-color:rgba(15,15,17,.08);background:var(--p-canvas);color:var(--p-text);font-family:var(--font-plex-sans),ui-sans-serif,system-ui,sans-serif;font-feature-settings:"ss01" 1;-webkit-font-smoothing:antialiased;transition:background-color .12s ease,color .12s ease}.portal-shell[data-theme=dark]{--p-canvas:#18181b;--p-sidebar:#09090b;--p-sidebar-text:hsla(0,0%,100%,.96);--p-sidebar-muted:hsla(0,0%,100%,.5);--p-sidebar-active-bg:hsla(0,0%,100%,.08);--p-surface:#27272a;--p-surface-2:#3f3f46;--p-border:hsla(0,0%,100%,.08);--p-border-strong:hsla(0,0%,100%,.16);--p-text:#fafafa;--p-text-muted:hsla(0,0%,98%,.62);--p-text-dim:hsla(0,0%,98%,.42);--p-primary:#facc15;--p-primary-hover:#eab308;--p-primary-text:#0f0f11;--p-primary-bg:rgba(250,204,21,.18);--p-contrast-bg:#000;--p-contrast-text:#fff;--p-contrast-accent:#facc15;--p-positive:#22c55e;--p-positive-bg:rgba(34,197,94,.18);--p-warning:#f59e0b;--p-warning-bg:rgba(245,158,11,.18);--p-negative:#ef4444;--p-negative-bg:rgba(239,68,68,.18);--p-info:#60a5fa;--p-info-bg:rgba(96,165,250,.18);--p-purple:#a78bfa;--p-purple-bg:rgba(167,139,250,.18);--p-card-shadow:0 1px 3px rgba(0,0,0,.4),0 1px 2px rgba(0,0,0,.25);--p-card-shadow-hover:0 8px 28px -8px rgba(0,0,0,.5),0 2px 6px -2px rgba(0,0,0,.3);--p-stripe-color:hsla(0,0%,100%,.1)}.portal-shell .p-mono{font-family:var(--font-plex-mono),ui-monospace,monospace;font-feature-settings:"tnum" 1,"zero" 1;letter-spacing:-.01em}.portal-shell .p-card{background:var(--p-surface);border-radius:24px;box-shadow:var(--p-card-shadow);border:1px solid var(--p-border);transition:box-shadow .2s ease,transform .2s ease,border-color .12s ease}.portal-shell .p-card-hover:hover{box-shadow:var(--p-card-shadow-hover);transform:translateY(-2px)}.portal-shell .p-card-primary{background:var(--p-primary);color:var(--p-primary-text);border-radius:24px;box-shadow:var(--p-card-shadow)}.portal-shell .p-card-contrast{background:var(--p-contrast-bg);color:var(--p-contrast-text);border-radius:24px;box-shadow:var(--p-card-shadow)}.portal-shell .p-surface{background:var(--p-surface);border:1px solid var(--p-border);border-radius:24px;box-shadow:var(--p-card-shadow)}.portal-shell .p-surface,.portal-shell .p-surface-hover{transition:background-color .12s ease,border-color .12s ease,box-shadow .2s ease,transform .2s ease}.portal-shell .p-surface-hover:hover{border-color:var(--p-border-strong);transform:translateY(-1px);box-shadow:var(--p-card-shadow-hover)}.portal-shell .p-eyebrow{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--p-text-dim)}.portal-shell .p-sidebar-panel{background:var(--p-sidebar);border-radius:24px;color:var(--p-sidebar-text)}.portal-shell .p-snav{position:relative;display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;margin:0 .5rem;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--p-sidebar-muted);transition:background .12s ease,color .12s ease;text-decoration:none}.portal-shell .p-snav:hover,.portal-shell .p-snav[data-active=true]{background:var(--p-sidebar-active-bg);color:var(--p-sidebar-text)}.portal-shell .p-snav[data-active=true]:before{content:"";position:absolute;left:-.5rem;top:50%;transform:translateY(-50%);width:3px;height:1.25rem;border-radius:2px;background:var(--p-primary)}.portal-shell .p-nav{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--p-text-muted);transition:background .12s ease,color .12s ease;text-decoration:none}.portal-shell .p-nav:hover{background:var(--p-surface-2);color:var(--p-text)}.portal-shell .p-nav[data-active=true]{background:var(--p-primary);color:var(--p-primary-text);font-weight:600}.portal-shell .p-nav-link{display:flex;align-items:center;gap:.625rem;padding:.625rem .875rem;border-radius:10px;font-size:.875rem;font-weight:500;color:var(--p-text-muted);transition:background .12s ease,color .12s ease;text-decoration:none}.portal-shell .p-nav-link:hover{background:var(--p-surface-2);color:var(--p-text)}.portal-shell .p-tabs{display:inline-flex;background:var(--p-surface);border:1px solid var(--p-border);padding:.25rem;border-radius:999px;gap:2px}.portal-shell .p-tab{padding:.4rem .85rem;border-radius:999px;font-size:.8125rem;font-weight:500;color:var(--p-text-muted);transition:background .12s ease,color .12s ease}.portal-shell .p-tab[data-active=true]{background:var(--p-contrast-bg);color:var(--p-contrast-text)}.portal-shell .p-pill{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .625rem;border-radius:999px;font-size:.6875rem;font-weight:600}.portal-shell .p-pill-positive{background:var(--p-positive-bg);color:var(--p-positive)}.portal-shell .p-pill-warning{background:var(--p-warning-bg);color:var(--p-warning)}.portal-shell .p-pill-negative{background:var(--p-negative-bg);color:var(--p-negative)}.portal-shell .p-pill-info{background:var(--p-info-bg);color:var(--p-info)}.portal-shell .p-pill-purple{background:var(--p-purple-bg);color:var(--p-purple)}.portal-shell .p-pill-primary{background:var(--p-primary-bg);color:var(--p-primary-text)}.portal-shell .p-pill-neutral{background:var(--p-surface-2);color:var(--p-text-muted);border:1px solid var(--p-border)}.portal-shell .p-stripe{background-image:repeating-linear-gradient(135deg,var(--p-stripe-color) 0 2px,transparent 2px 6px)}.portal-shell .p-input{width:100%;background:var(--p-surface);border:1px solid var(--p-border);border-radius:12px;padding:.625rem .875rem;font-size:.875rem;color:var(--p-text);transition:border-color .12s ease,box-shadow .12s ease}.portal-shell .p-input:focus{outline:none;border-color:var(--p-text);box-shadow:0 0 0 3px var(--p-primary-bg)}.portal-shell .p-btn-primary{display:inline-flex;align-items:center;gap:.5rem;background:var(--p-primary);color:var(--p-primary-text);padding:.625rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;transition:background .12s ease,transform .12s ease}.portal-shell .p-btn-primary:hover{background:var(--p-primary-hover)}.portal-shell .p-btn-primary:disabled{opacity:.5;cursor:not-allowed}.portal-shell .p-btn-dark{display:inline-flex;align-items:center;gap:.5rem;background:var(--p-contrast-bg);color:var(--p-contrast-text);padding:.625rem 1rem;border-radius:12px;font-size:.875rem;font-weight:600;transition:background .12s ease,transform .12s ease}.portal-shell .p-btn-dark:hover{transform:translateY(-1px)}.portal-shell .p-btn-ghost{display:inline-flex;align-items:center;gap:.5rem;background:var(--p-surface);border:1px solid var(--p-border);color:var(--p-text);padding:.5rem .875rem;border-radius:12px;font-size:.8125rem;font-weight:500;transition:background .12s ease,border-color .12s ease}.portal-shell .p-btn-ghost:hover{background:var(--p-surface-2);border-color:var(--p-border-strong)}.portal-shell .p-focus:focus-visible{outline:none;box-shadow:0 0 0 2px var(--p-canvas),0 0 0 4px var(--p-primary);border-radius:8px}.portal-shell .p-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.25rem;height:1.25rem;padding:0 .375rem;border-radius:4px;border:1px solid var(--p-border);background:var(--p-surface-2);color:var(--p-text-muted);font-family:var(--font-plex-mono);font-size:.6875rem;font-weight:500}.portal-shell .p-sidebar-panel .p-kbd{border:1px solid hsla(0,0%,100%,.1);background:hsla(0,0%,100%,.04);color:var(--p-sidebar-muted)}.portal-shell .p-text-muted{color:var(--p-text-muted)}.portal-shell .p-text-dim{color:var(--p-text-dim)}.portal-shell .p-gradient-text{color:var(--p-primary)}.portal-shell .p-divider{border-color:var(--p-border)}.portal-shell .p-radial-glow{position:relative}