@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600&display=swap";:root{--font-body: "Space Grotesk", system-ui, sans-serif;--font-display: "Fraunces", serif;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--radius-sm: 12px;--radius-md: 16px;--radius-lg: 20px;--radius-xl: 24px;--ink: hsl(222, 47%, 11%);--ink-soft: hsl(222, 20%, 35%);--midnight: hsl(228, 64%, 43%);--midnight-strong: hsl(228, 70%, 34%);--orange: hsl(17, 100%, 55%);--orange-soft: hsl(17, 100%, 96%);--blue-soft: hsl(218, 100%, 96%);--stone: hsl(222, 50%, 88%);--glass: hsla(0, 0%, 100%, .88);--glass-elevated: hsla(0, 0%, 100%, .96);--surface: hsl(0, 0%, 100%);--surface-muted: hsl(218, 100%, 98%);--surface-elevated: hsla(0, 0%, 100%, .98);--border: hsla(228, 64%, 43%, .15);--ring: hsla(17, 100%, 55%, .35);--success: hsl(134, 46%, 34%);--success-soft: hsl(134, 50%, 95%);--warning: hsl(34, 88%, 37%);--warning-soft: hsl(34, 100%, 94%);--danger: hsl(15, 68%, 45%);--danger-soft: hsl(15, 100%, 95%);--info: hsl(228, 64%, 43%);--info-soft: hsl(218, 100%, 96%);--shadow: 0 16px 32px hsla(228, 64%, 43%, .12);--shadow-sm: 0 6px 14px hsla(228, 64%, 43%, .08);--shadow-md: 0 12px 28px hsla(228, 64%, 43%, .12);--shadow-lg: 0 24px 48px hsla(228, 70%, 34%, .16);--shadow-float: 0 32px 64px hsla(228, 70%, 34%, .22);--grad-1: hsla(17, 100%, 55%, .12);--grad-2: hsla(228, 64%, 43%, .15);--motion-fast: .15s;--motion-base: .25s;--motion-slow: .4s;--ease-snappy: cubic-bezier(.175, .885, .32, 1.15);--ease-smooth: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.2, .8, .2, 1);--menu-width: 280px;--menu-collapsed-width: 68px;--color-text: var(--ink);--color-surface: var(--surface);--color-surface-muted: var(--surface-muted);--color-primary: var(--orange);--color-accent: var(--midnight);--color-border: var(--border)}:root[data-theme=dark]{--ink: #e7ecff;--ink-soft: #9eaadf;--midnight: #7da2ff;--midnight-strong: #c6d5ff;--orange: #ff8b5f;--orange-soft: #33231d;--blue-soft: #1a2239;--stone: #334675;--glass: rgba(19, 26, 46, .9);--glass-elevated: rgba(32, 43, 70, .96);--shadow: 0 20px 40px rgba(5, 8, 16, .45);--shadow-sm: 0 8px 18px rgba(5, 8, 16, .28);--shadow-md: 0 16px 30px rgba(5, 8, 16, .36);--shadow-lg: 0 26px 48px rgba(5, 8, 16, .5);--surface: #141d33;--surface-muted: #1b2742;--surface-elevated: rgba(22, 31, 54, .96);--border: rgba(125, 162, 255, .3);--ring: rgba(255, 139, 95, .45);--success: #79c88b;--success-soft: rgba(47, 127, 65, .18);--warning: #f2bc67;--warning-soft: rgba(179, 106, 11, .18);--danger: #ff9a7d;--danger-soft: rgba(194, 76, 36, .18);--info: #9bb7ff;--info-soft: rgba(125, 162, 255, .15);--grad-1: rgba(255, 139, 95, .08);--grad-2: rgba(125, 162, 255, .08)}*{box-sizing:border-box}body{margin:0;font-family:var(--font-body);background:var(--color-surface-muted);color:var(--color-text);font-size:16.5px;line-height:1.55;text-rendering:optimizeLegibility}a{color:inherit}h1{font-family:var(--font-display);font-size:clamp(34px,4.5vw,56px);margin:0 0 12px;color:var(--midnight-strong);letter-spacing:-.02em}h2,h3,h4{color:var(--ink);letter-spacing:-.01em}label{display:block;font-weight:600;margin-bottom:6px;font-size:.9rem;color:var(--ink-soft)}input,select,textarea{border-radius:var(--radius-sm);border:1px solid var(--stone);padding:10px 14px;font-size:15px;background:var(--surface);color:var(--ink);width:100%;transition:border-color var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth)}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--midnight);box-shadow:0 0 0 3px var(--ring)}select[multiple]{min-height:120px}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(ellipse at top left,var(--grad-1) 0%,transparent 40%),radial-gradient(ellipse at bottom right,var(--grad-2) 0%,transparent 50%),var(--surface-muted)}.app-shell.menu-collapsed{--menu-width: var(--menu-collapsed-width)}.top-ribbon{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:10px 20px;background:var(--glass-elevated);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-sm);position:sticky;top:0;z-index:10;min-height:64px}.ribbon-left{display:flex;align-items:center;gap:16px;min-width:0}.brand{display:flex;align-items:center;gap:12px;min-width:0}.brand-logo{width:38px;height:38px;flex-shrink:0;border-radius:12px;box-shadow:var(--shadow-sm);transition:transform var(--motion-base) var(--ease-snappy)}.brand:hover .brand-logo{transform:scale(1.05) rotate(-2deg)}.brand-text{display:flex;align-items:baseline;gap:8px;min-width:0}.brand-mark{font-family:var(--font-display);font-size:21px;color:var(--midnight-strong);letter-spacing:-.02em;white-space:nowrap}.brand-subtitle{font-size:11px;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--midnight);opacity:.7;white-space:nowrap}.ribbon-context{min-width:0;display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid var(--border)}.ribbon-role-pill{display:inline-flex;align-items:center;border-radius:999px;padding:4px 10px;background:var(--info-soft);color:var(--midnight);border:1px solid var(--border);font-size:10.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.ribbon-context-label{min-width:0;font-size:13px;font-weight:500;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ribbon-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}.role-lens-switch{display:inline-flex;align-items:center;gap:4px;padding:4px;border-radius:999px;border:1px solid var(--border);background:var(--surface-muted)}.role-lens-btn{border:1px solid transparent;background:transparent;color:var(--ink-soft);border-radius:999px;padding:6px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background var(--motion-base) var(--ease-smooth),border-color var(--motion-base) var(--ease-smooth),color var(--motion-base) var(--ease-smooth),box-shadow var(--motion-base) var(--ease-smooth)}.role-lens-btn:hover{background:var(--info-soft);color:var(--midnight)}.role-lens-btn.is-active{background:var(--surface);border-color:var(--border);color:var(--midnight-strong);box-shadow:var(--shadow-sm)}.user-menu-root{position:relative;display:inline-flex}.user-avatar-btn{width:38px;height:38px;border-radius:999px;border:2px solid transparent;background:var(--surface);padding:0;display:grid;place-items:center;position:relative;cursor:pointer;transition:border-color var(--motion-fast) var(--ease-smooth),transform var(--motion-fast) var(--ease-snappy)}.user-avatar-btn:hover{transform:scale(1.05);border-color:var(--border)}.user-avatar{width:34px;height:34px;border-radius:999px}.user-avatar-fallback{width:34px;height:34px;border-radius:999px;background:var(--info-soft);color:var(--midnight);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}.notification-dot{position:absolute;right:-2px;top:-2px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border:2px solid var(--surface);font-size:10px;font-weight:800;box-shadow:var(--shadow-sm)}.app-toast-group{z-index:2300;width:min(480px,calc(100vw - 32px));padding:24px}.app-toast{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:start;width:100%;padding:16px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--glass-elevated);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:var(--shadow-float);opacity:1;pointer-events:auto;transition:all var(--motion-base) var(--ease-snappy)}.app-toast-copy{min-width:0}.app-toast-info{border-left:4px solid var(--info)}.app-toast-success{border-left:4px solid var(--success)}.app-toast-error{border-left:4px solid var(--danger)}.app-toast-title{margin:0;font-size:14px;font-weight:700;color:var(--ink);letter-spacing:-.01em}.app-toast-description{margin-top:4px;font-size:13px;color:var(--ink-soft);line-height:1.45}.app-toast-details{margin-top:8px;border-top:1px solid var(--border);padding-top:8px}.app-toast-details>summary{cursor:pointer;font-size:11px;font-weight:700;color:#2647ba;-webkit-user-select:none;user-select:none}.app-toast-details-body{margin-top:6px;max-height:180px;overflow:auto;padding-right:4px}.app-toast-detail-item{margin:0 0 4px;font-size:11px;color:#3f4f7f;line-height:1.35}.app-toast-close{width:26px;height:26px;border-radius:8px;border:1px solid var(--border);background:var(--surface-muted);color:var(--midnight);padding:0;display:inline-flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.app-toast-close svg,.app-toast-close-icon{flex:0 0 14px;min-width:14px;min-height:14px;width:14px;height:14px;display:block;stroke:currentColor;fill:none;opacity:1}.app-toast-close:hover{background:var(--info-soft)}.user-menu{width:240px;background:var(--surface);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow);padding:6px;z-index:20}.user-menu-profile{display:grid;grid-template-columns:34px 1fr;gap:8px;align-items:center;padding:8px 10px 10px;border-bottom:1px solid var(--border);margin-bottom:6px}.user-menu-avatar{width:34px;height:34px;border-radius:999px}.user-menu-avatar-fallback{width:34px;height:34px;font-size:12px}.user-menu-profile-text{min-width:0}.user-menu-name,.user-menu-subtext{margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-name{font-size:13px;font-weight:700;color:var(--ink)}.user-menu-subtext{font-size:11px;color:#6e7fae}.user-menu-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;color:var(--ink);border-radius:8px;padding:8px 10px;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.user-menu-item:hover,.user-menu-item[data-highlighted]{background:var(--blue-soft);border-color:var(--border)}.shell-body{flex:1;display:grid;grid-template-columns:var(--menu-width) 1fr;min-height:0}.side-menu{background:var(--surface);color:var(--ink);border-right:1px solid var(--border);padding:16px 12px;display:flex;flex-direction:column;gap:16px;transition:width var(--motion-base) var(--ease-smooth);width:var(--menu-width);overflow:hidden}.side-menu.is-collapsed{width:var(--menu-collapsed-width)}.side-menu.is-collapsed>.menu-toggle{align-self:center}.side-menu.is-collapsed .menu-label{display:none}.side-menu.is-collapsed .menu-item{min-height:38px;padding:10px;display:grid;place-items:center}.side-menu.is-collapsed .menu-item-text{display:none}.menu-toggle{align-self:flex-end;width:32px;height:32px;border-radius:var(--radius-sm);padding:0;background:var(--surface-muted);color:var(--midnight);border:1px solid var(--border);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth),transform var(--motion-fast) var(--ease-snappy)}.menu-toggle:hover{background:var(--blue-soft);border-color:var(--midnight);transform:scale(1.05)}.menu-toggle-icon{display:block;flex-shrink:0}.menu-section{display:flex;flex-direction:column;gap:8px}.menu-section-secondary{margin-top:auto;padding-top:12px;border-top:1px solid var(--border)}.menu-label{text-transform:uppercase;letter-spacing:.16em;font-size:11px;color:var(--ink-soft);font-weight:700;padding-left:6px}.menu-item{background:transparent;border:1px solid transparent;color:var(--ink);padding:10px 12px;text-align:left;border-radius:var(--radius-sm);cursor:pointer;text-decoration:none;font-size:14px;font-weight:500;display:flex;align-items:center;gap:10px;transition:background var(--motion-fast) var(--ease-smooth),border-color var(--motion-fast) var(--ease-smooth),transform var(--motion-base) var(--ease-snappy),box-shadow var(--motion-fast) var(--ease-smooth)}.menu-item-icon{width:20px;height:20px;display:inline-flex;align-items:center;justify-content:center;color:var(--midnight);flex-shrink:0}.menu-item-text{min-width:0}.menu-item.active{background:var(--blue-soft);border-color:var(--border);font-weight:600;color:var(--midnight-strong);box-shadow:inset 0 0 0 1px var(--border)}.menu-item:hover{background:var(--surface-muted);border-color:var(--border);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.menu-item:active{transform:translateY(0);box-shadow:none}.main-content{padding:32px clamp(20px,4vw,56px) 64px;overflow-y:auto}.inline-edit-input{min-width:0;flex:1;padding:6px 12px;border-radius:var(--radius-sm);border:1px solid var(--stone);background:var(--surface);color:var(--ink);transition:border-color var(--motion-fast) var(--ease-smooth),box-shadow var(--motion-fast) var(--ease-smooth)}.inline-edit-input:focus{outline:none;border-color:var(--midnight);box-shadow:0 0 0 3px var(--ring)}.inline-edit-input--sm{height:32px}.inline-edit-input--md{height:36px}.detail-view{display:flex;flex-direction:column;gap:24px}.skeleton-line{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--info-soft),var(--border),var(--info-soft));background-size:200% 100%;animation:skeleton-shimmer 1.5s var(--ease-smooth) infinite}.skeleton-line.w-40{width:40%}.skeleton-line.w-60{width:60%}.skeleton-line.w-80{width:80%}.skeleton-grid{display:grid;gap:12px}@keyframes skeleton-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.page-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap}.page-hero .hero-copy{display:grid;gap:8px}.page-hero h2,.page-hero p{margin:0}.detail-card{background:var(--surface-elevated);border-radius:var(--radius-xl);padding:32px;box-shadow:var(--shadow-md);border:1px solid var(--border)}.detail-card h2{margin-top:0}.detail-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin-top:16px}.label{font-size:12px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 6px;color:var(--midnight)}.value{font-size:16px;margin:0}.muted{color:#60709a}.user-input-panel{margin-top:20px;padding:16px;border-radius:14px;background:var(--surface-muted);display:grid;gap:12px;overflow:visible}.panel-header{display:flex;align-items:center;justify-content:space-between}.panel-header h3{margin:0}.pill{background:var(--info-soft);color:var(--midnight);font-size:11px;padding:4px 8px;border-radius:999px;text-transform:uppercase;letter-spacing:.08em}.pill.pill-success{background:var(--success-soft);color:var(--success)}.pill.pill-warning{background:var(--warning-soft);color:var(--warning)}.action-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}@media(max-width:900px){.shell-body{grid-template-columns:1fr}.side-menu{width:100%;border-right:none;border-bottom:1px solid var(--border)}.ribbon-context,.role-lens-switch{display:none}}@media(max-width:600px){.top-ribbon{flex-direction:column;align-items:flex-start;gap:10px}.ribbon-left{width:100%}.ribbon-actions{width:100%;justify-content:flex-end}}.panel-divider{height:1px;background:var(--border);margin:16px 0}