:root{--color-orange:#f36d21;--color-white:#fff;--color-dark-grey:#58595b;--color-blue:#468ac9;--color-navy:#1a3868;--color-teal:#48c1bb;--color-bg:#f8f8f8;--color-surface:#fff;--color-border:#e0e0e0;--color-text:var(--color-dark-grey);--color-text-muted:#828282;--color-primary:var(--color-orange);--color-primary-hover:#e05f18;--color-active:var(--color-navy);--color-accent:var(--color-blue);--priority-high:#eb5757;--priority-medium:var(--color-orange);--priority-low:var(--color-teal)}.app{background:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5;min-height:100vh}.global-topbar{background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:0 1px 3px #0000000f;justify-content:space-between;padding:.75rem 1.5rem}.global-topbar,.global-topbar-left{align-items:center;display:flex;flex-shrink:0}.global-topbar-left{gap:1.5rem}.global-topbar-brand{color:var(--color-dark-grey);font-size:1.125rem;font-weight:700}.global-topbar-nav{align-items:center;border-left:1px solid var(--color-border);display:flex;gap:.25rem;padding-left:1rem}.global-topbar-link{border-radius:6px;color:var(--color-dark-grey);font-size:.9375rem;font-weight:500;padding:.5rem .75rem;text-decoration:none;transition:background .15s,color .15s;white-space:nowrap}.global-topbar-link:hover{background:#0000000d;color:var(--color-navy)}.global-topbar-link.global-topbar-active{background:#1a38681a;color:var(--color-navy)}.global-topbar-right{align-items:center;display:flex;flex-shrink:1;gap:1rem;min-width:0}.global-topbar-demo,.global-topbar-user{color:var(--color-dark-grey);font-size:.875rem;max-width:240px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.global-topbar-btn{background:var(--color-primary);border-radius:8px;color:var(--color-white);flex-shrink:0;font-size:.875rem;font-weight:500;padding:.5rem 1rem;text-decoration:none}.global-topbar-btn:hover{background:var(--color-primary-hover)}.global-topbar-logout{background:none;border:1px solid var(--color-border);border-radius:6px;color:var(--color-text-muted);cursor:pointer;flex-shrink:0;font-size:.8125rem;padding:.35rem .75rem}.global-topbar-logout:hover{color:var(--color-dark-grey)}.app>main{flex:1}a{color:var(--color-accent)}a:hover{color:var(--color-navy);text-decoration:underline}