:root{--color-bg:#0a0a0b;--color-surface:#131315;--color-surface-raised:#1b1b1e;--color-border:#2a2a2e;--color-border-strong:#3a3a40;--color-text:#f4f2ec;--color-text-muted:#a8a59d;--color-text-on-gold:#141006;--color-gold:#d4af37;--color-gold-strong:#e8c55c;--color-gold-soft:#d4af371f;--color-gold-line:#d4af3759;--color-success:#4fbf7f;--color-success-soft:#4fbf7f24;--color-danger:#f0605a;--color-danger-soft:#f0605a24;--color-focus:#f5d77a;--font-sans:system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-md:1rem;--font-size-lg:1.125rem;--font-size-xl:1.5rem;--font-size-2xl:2rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:800;--letter-spacing-caps:.08em;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-pill:999px;--shadow-card:0 1px 0 #ffffff08 inset, 0 8px 24px #00000059;--touch-target:44px;--topbar-height:56px;--bottom-nav-height:64px;--sidebar-width:248px;--content-max-width:1200px;--duration-fast:.12s;--duration-base:.2s;--easing:cubic-bezier(.2, 0, 0, 1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background:var(--color-bg);min-height:100dvh;color:var(--color-text);font-family:var(--font-sans);font-size:var(--font-size-md);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;line-height:1.5}h1,h2,h3,p{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{top:var(--space-2);left:var(--space-2);z-index:100;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);background:var(--color-gold);color:var(--color-text-on-gold);font-weight:var(--font-weight-bold);position:absolute;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.icon{flex-shrink:0}.btn{justify-content:center;align-items:center;gap:var(--space-2);min-height:var(--touch-target);padding:0 var(--space-5);border-radius:var(--radius-md);font-weight:var(--font-weight-bold);cursor:pointer;transition:background var(--duration-fast) var(--easing), border-color var(--duration-fast) var(--easing);border:1px solid #0000;display:inline-flex}.btn--primary{background:var(--color-gold);color:var(--color-text-on-gold)}.btn--primary:hover{background:var(--color-gold-strong)}.btn--secondary{border-color:var(--color-gold-line);color:var(--color-gold);background:0 0}.btn--secondary:hover{background:var(--color-gold-soft)}.btn--ghost{color:var(--color-text);background:0 0}.btn--ghost:hover{background:var(--color-surface-raised)}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-pill);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:.02em;white-space:nowrap;display:inline-flex}.badge--neutral{background:var(--color-surface-raised);color:var(--color-text-muted)}.badge--gold{background:var(--color-gold-soft);color:var(--color-gold)}.badge--success{background:var(--color-success-soft);color:var(--color-success)}.badge--danger{background:var(--color-danger-soft);color:var(--color-danger)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;display:flex}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);padding:var(--space-4) var(--space-4) 0;display:flex}.card__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-text-muted)}.card__body{padding:var(--space-4);flex:1}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-3);margin-bottom:var(--space-5);flex-wrap:wrap;display:flex}.page-header__title{font-size:var(--font-size-xl);font-weight:var(--font-weight-black);letter-spacing:.02em;text-transform:uppercase}.page-header__title:after{content:"";width:40px;height:3px;margin-top:var(--space-2);border-radius:var(--radius-pill);background:var(--color-gold);display:block}.page-header__subtitle{margin-top:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-sm)}.page-header__meta{align-items:center;gap:var(--space-2);color:var(--color-text-muted);font-size:var(--font-size-xs);flex-wrap:wrap;display:flex}@media (width>=768px){.page-header__title{font-size:var(--font-size-2xl)}}.stat-card{gap:var(--space-1);min-width:0;min-height:112px;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.stat-card--link{transition:border-color var(--duration-base) var(--easing), transform var(--duration-base) var(--easing)}.stat-card--link:hover{border-color:var(--color-gold-line);transform:translateY(-1px)}.stat-card__top{justify-content:space-between;align-items:flex-start;gap:var(--space-2);display:flex}.stat-card__label{font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;color:var(--color-text-muted)}.stat-card__icon{border-radius:var(--radius-md);background:var(--color-gold-soft);width:36px;height:36px;color:var(--color-gold);place-items:center;display:grid}.stat-card__value{font-size:var(--font-size-2xl);font-weight:var(--font-weight-black);font-variant-numeric:tabular-nums;line-height:1.1}.stat-card__hint{font-size:var(--font-size-xs);color:var(--color-text-muted)}.stat-card--missing .stat-card__value{color:var(--color-text-muted)}.state{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-8) var(--space-4);text-align:center;flex-direction:column;display:flex}.state--compact{padding:var(--space-5) var(--space-3)}.state__icon{border-radius:var(--radius-pill);background:var(--color-surface-raised);width:52px;height:52px;color:var(--color-text-muted);place-items:center;display:grid}.state--compact .state__icon{width:40px;height:40px}.state--error .state__icon{background:var(--color-danger-soft);color:var(--color-danger)}.state__title{font-weight:var(--font-weight-bold)}.state__text{max-width:36ch;color:var(--color-text-muted);font-size:var(--font-size-sm)}.state__action{margin-top:var(--space-2)}.spinner{border:3px solid var(--color-border);border-top-color:var(--color-gold);border-radius:50%;width:32px;height:32px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.stat-card__label{overflow-wrap:anywhere;min-width:0}@media (width<=479px){.stat-card__icon{display:none}}.auth-screen{min-height:100dvh;padding:var(--space-6) var(--space-4);background:var(--color-bg);place-items:center;display:grid}.auth-card{gap:var(--space-5);width:100%;max-width:420px;padding:var(--space-6) var(--space-5);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.auth-card__brand{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.auth-card__title{font-size:var(--font-size-xl);margin:0}.auth-card__lead{color:var(--color-text-muted);margin:0}.auth-field__hint{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.auth-form{gap:var(--space-4);flex-direction:column;display:flex}.auth-form .btn{width:100%}.auth-field{gap:var(--space-2);flex-direction:column;display:flex}.auth-field label{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.auth-field input{min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font:inherit}.auth-field input:focus-visible{border-color:var(--color-gold);outline:2px solid var(--color-focus);outline-offset:1px}.auth-field input[aria-invalid=true]{border-color:var(--color-danger)}.auth-field__error,.auth-form__error{color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.auth-form__error{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft)}.auth-card__signed-in{gap:var(--space-3);flex-direction:column;display:flex}.auth-card__signed-in p{margin:0}.auth-card__demo{padding:var(--space-3);border:1px dashed var(--color-gold-line);border-radius:var(--radius-md);color:var(--color-text-muted);font-size:var(--font-size-xs);line-height:1.5}.auth-card__demo p{margin:0}.auth-card__demo .auth-card__logins{margin-top:var(--space-2);color:var(--color-gold);overflow-wrap:anywhere;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.role-home__links{gap:var(--space-2);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style:none;display:grid}.role-home__link{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-weight:var(--font-weight-bold);text-decoration:none;display:flex}.role-home__link>span{flex:1}.role-home__link:hover{border-color:var(--color-gold-line)}.role-home__note{color:var(--color-text-muted);margin:0}@media (width>=768px){.role-home__links{grid-template-columns:repeat(2,minmax(0,1fr))}}.notifications-page{gap:var(--space-4);flex-direction:column;width:100%;min-width:0;max-width:960px;display:flex}.notifications-alert{padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);margin:0}.notifications-toolbar{gap:var(--space-3);flex-wrap:wrap;align-items:center;display:flex}.notifications-status{gap:var(--space-1);padding:var(--space-1);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);flex:280px;display:flex}.notifications-status__option{min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-sm);color:var(--color-text-muted);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;border:0;flex:1}.notifications-status__option:hover{color:var(--color-text)}.notifications-status__option--active,.notifications-status__option--active:hover{background:var(--color-gold-soft);color:var(--color-gold)}.notifications-toolbar .filter-select{flex:200px}.notification-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notification-item{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;min-width:0;display:flex;overflow:hidden}.notification-item--unread{border-color:var(--color-gold-line);box-shadow:inset 3px 0 0 var(--color-gold)}.notification-item__link{gap:var(--space-1);min-height:var(--touch-target);padding:var(--space-3) var(--space-4);color:var(--color-text);flex-direction:column;text-decoration:none;display:flex}.notification-item__link:hover{background:var(--color-surface-raised)}.notification-item__link:focus-visible{outline-offset:-3px}.notification-item__head{justify-content:space-between;align-items:center;gap:var(--space-1) var(--space-3);flex-wrap:wrap;display:flex}.notification-type{align-items:center;gap:var(--space-1);color:var(--color-text-muted);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing-caps);text-transform:uppercase;display:inline-flex}.notification-item__date{color:var(--color-text-muted);font-size:var(--font-size-xs);white-space:nowrap}.notification-item__title{align-items:center;gap:var(--space-1) var(--space-2);color:var(--color-text-muted);font-weight:var(--font-weight-medium);flex-wrap:wrap;display:flex}.notification-item__title-text{overflow-wrap:anywhere;min-width:0}.notification-item--unread .notification-item__title{color:var(--color-text);font-weight:var(--font-weight-bold)}.notification-item__new{padding:1px var(--space-2);border-radius:var(--radius-pill);background:var(--color-gold);color:var(--color-text-on-gold);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold)}.notification-item__preview{color:var(--color-text-muted);font-size:var(--font-size-sm);overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;line-height:1.45;display:-webkit-box;overflow:hidden}.notification-item__source{color:var(--color-text-muted);font-size:var(--font-size-xs)}.notification-item__actions{justify-content:flex-end;align-items:center;gap:var(--space-2) var(--space-3);padding:0 var(--space-4) var(--space-3);flex-wrap:wrap;display:flex}.notification-item__error{color:var(--color-danger);font-size:var(--font-size-sm)}.notification-skeleton{gap:var(--space-2);flex-direction:column;display:flex}.notification-skeleton__row{gap:var(--space-2);padding:var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.notification-skeleton__line{border-radius:var(--radius-pill);background:var(--color-surface-raised);width:60%;height:12px;animation:1.1s ease-in-out infinite alternate notification-pulse;display:block}.notification-skeleton__line--short{width:30%}.notification-skeleton__line--long{width:90%}@keyframes notification-pulse{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.notification-skeleton__line{animation:none}}.notifications-more{justify-content:center;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.notifications-more__error{color:var(--color-danger);font-size:var(--font-size-sm)}.notifications-count{color:var(--color-text-muted);font-size:var(--font-size-xs);text-align:center;margin:0}.notification-back{align-items:center;gap:var(--space-1);min-height:var(--touch-target);color:var(--color-gold);font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);align-self:flex-start;text-decoration:none;display:inline-flex}.notification-detail{gap:var(--space-3);padding:var(--space-5) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-surface);flex-direction:column;display:flex}.notification-detail__meta{align-items:center;gap:var(--space-2) var(--space-3);color:var(--color-text-muted);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.notification-detail__title{font-size:var(--font-size-xl);overflow-wrap:anywhere;margin:0;line-height:1.25}.notification-detail__source,.notification-detail__status{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0}.notification-detail__mark-error{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--color-danger-soft);color:var(--color-danger);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex}.notification-detail__body{white-space:pre-line;overflow-wrap:anywhere;line-height:1.6}.notification-detail__action{align-self:flex-start;max-width:100%;text-decoration:none}.unread-badge{min-width:22px;height:22px;padding:0 var(--space-2);border-radius:var(--radius-pill);background:var(--color-gold);color:var(--color-text-on-gold);font-size:var(--font-size-xs);font-weight:var(--font-weight-bold);place-items:center;margin-left:auto;line-height:1;display:inline-grid}.unread-badge--corner{min-width:18px;height:18px;margin:0;padding:0 5px;font-size:11px;position:absolute;top:6px;left:calc(50% + 6px)}@media (width>=768px){.notification-item__link{padding:var(--space-4) var(--space-5)}.notification-item__actions{padding:0 var(--space-5) var(--space-4)}.notification-detail{padding:var(--space-6)}}.shell{min-height:100dvh}.shell__body{flex-direction:column;min-height:100dvh;display:flex}.shell__main{padding:var(--space-5) var(--space-4) calc(var(--bottom-nav-height) + var(--space-6) + env(safe-area-inset-bottom));flex:1}.shell__main:focus{outline:none}.shell__content{width:100%;max-width:var(--content-max-width);margin:0 auto}.shell__backdrop{z-index:40;background:#0009;position:fixed;inset:0}.icon-button{width:var(--touch-target);height:var(--touch-target);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;background:0 0;border:0;place-items:center;display:inline-grid}.icon-button:hover{background:var(--color-surface-raised)}.brand{align-items:center;gap:var(--space-3);min-height:var(--touch-target);display:inline-flex}.brand__badge{border-radius:var(--radius-sm);background:linear-gradient(135deg, var(--color-gold-strong), var(--color-gold));width:36px;height:36px;color:var(--color-text-on-gold);font-weight:var(--font-weight-black);font-size:var(--font-size-lg);place-items:center;display:grid}.brand__text{flex-direction:column;line-height:1;display:flex}.brand__name{font-weight:var(--font-weight-black);letter-spacing:.14em;color:var(--color-gold)}.brand__sub{font-size:.6875rem;font-weight:var(--font-weight-medium);letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);margin-top:3px}.topbar{z-index:30;align-items:center;gap:var(--space-2);min-height:var(--topbar-height);padding:var(--space-1) var(--space-3);padding-top:calc(var(--space-1) + env(safe-area-inset-top));border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0a0beb;display:flex;position:sticky;top:0}.topbar__brand{flex:1;min-width:0}.topbar__actions{align-items:center;gap:var(--space-3);display:flex}.user-chip{align-items:center;gap:var(--space-2);display:flex}.user-chip__avatar{border:1px solid var(--color-gold-line);border-radius:var(--radius-pill);background:var(--color-gold-soft);width:36px;height:36px;color:var(--color-gold);font-weight:var(--font-weight-bold);place-items:center;display:grid}.user-chip__text{flex-direction:column;line-height:1.2;display:none}.user-chip__name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold)}.user-chip__role{font-size:var(--font-size-xs);color:var(--color-text-muted)}.demo-role{align-items:center;gap:var(--space-2);display:flex}.demo-role__label{font-size:var(--font-size-xs);color:var(--color-text-muted);display:none}.demo-role__select{min-height:var(--touch-target);padding:0 var(--space-2);border:1px dashed var(--color-gold-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font:inherit;font-size:var(--font-size-sm)}.sidebar{z-index:50;width:min(84vw, var(--sidebar-width));padding:var(--space-3);padding-top:calc(var(--space-3) + env(safe-area-inset-top));border-right:1px solid var(--color-border);background:var(--color-surface);visibility:hidden;transition:transform var(--duration-base) var(--easing), visibility var(--duration-base);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0;overflow-y:auto;transform:translate(-100%)}.sidebar--open{visibility:visible;transform:translate(0)}.sidebar__header{margin-bottom:var(--space-5);padding:0 var(--space-1);justify-content:space-between;align-items:center;display:flex}.sidebar__list{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.sidebar__link{align-items:center;gap:var(--space-3);min-height:var(--touch-target);padding:0 var(--space-3);border-radius:var(--radius-md);color:var(--color-text-muted);font-weight:var(--font-weight-medium);transition:background var(--duration-fast) var(--easing), color var(--duration-fast) var(--easing);display:flex}.sidebar__link:hover{background:var(--color-surface-raised);color:var(--color-text)}.sidebar__link--active{background:var(--color-gold-soft);color:var(--color-gold);box-shadow:inset 3px 0 0 var(--color-gold)}.sidebar__user{align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-4) var(--space-1) 0;border-top:1px solid var(--color-border);flex-wrap:wrap;margin-top:auto;display:flex}.sidebar__user-text{flex-direction:column;flex:1;min-width:0;line-height:1.25;display:flex}.sidebar__user-name{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);overflow-wrap:anywhere}.sidebar__user-role{color:var(--color-text-muted);font-size:var(--font-size-xs)}.sidebar__logout{justify-content:center;align-items:center;gap:var(--space-2);width:100%;min-height:var(--touch-target);padding:0 var(--space-3);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);color:var(--color-text);font:inherit;font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);cursor:pointer;background:0 0;display:inline-flex}.sidebar__logout:hover{border-color:var(--color-gold-line);color:var(--color-gold)}.shell-blank{min-height:100dvh}.shell-blank:focus{outline:none}.topbar__login{min-height:var(--touch-target);padding:0 var(--space-4)}.bottom-nav{z-index:30;border-top:1px solid var(--color-border);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding-bottom:env(safe-area-inset-bottom);background:#131315f5;position:fixed;inset:auto 0 0}.bottom-nav__list{grid-auto-columns:1fr;grid-auto-flow:column;margin:0;padding:0;list-style:none;display:grid}.bottom-nav__item{width:100%;min-height:var(--bottom-nav-height);color:var(--color-text-muted);font-size:.6875rem;font-weight:var(--font-weight-medium);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.bottom-nav__item--active{color:var(--color-gold)}@media (width>=768px){.shell__main{padding-left:var(--space-6);padding-right:var(--space-6)}.user-chip__text{display:flex}.demo-role__label{display:inline}}@media (width>=1024px){.sidebar{width:var(--sidebar-width);visibility:visible;transition:none;transform:none}.sidebar__close,.topbar__menu,.topbar__brand .brand,.bottom-nav,.shell__backdrop{display:none}.shell__body{margin-left:var(--sidebar-width)}.topbar{padding-left:var(--space-6);padding-right:var(--space-6)}.shell__main{padding:var(--space-8)}}@media (width<=479px){.topbar__brand{overflow:hidden}.demo-role__select{max-width:120px;padding:0 var(--space-1);font-size:var(--font-size-xs)}.topbar__login{display:none}}.app-update{right:var(--space-3);bottom:calc(var(--bottom-nav-height) + env(safe-area-inset-bottom) + var(--space-3));left:var(--space-3);z-index:45;justify-content:space-between;align-items:center;gap:var(--space-2) var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--color-gold-line);border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-card);font-size:var(--font-size-sm);flex-wrap:wrap;display:flex;position:fixed}.app-update__text{flex:12rem}.app-update__actions{gap:var(--space-2);display:flex}@media (width>=1024px){.app-update{right:var(--space-6);bottom:var(--space-6);max-width:28rem;left:auto}}