.topnav{height:var(--top-nav-height);padding:0 var(--s-5);background:var(--color-bg-canvas);border-bottom:1px solid var(--color-border);z-index:10;justify-content:space-between;align-items:center;display:flex;position:relative}.topnav__left{align-items:center;gap:var(--s-4);min-width:0;display:flex}.topnav__logo{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);letter-spacing:-.01em;color:var(--color-text-primary);padding-right:var(--s-4);border-right:1px solid var(--color-border);white-space:nowrap;text-overflow:ellipsis;align-items:center;max-width:200px;height:28px;text-decoration:none;display:flex;overflow:hidden}.topnav__logo:hover{color:var(--color-text-primary);text-decoration:none}.topnav__tabs{gap:var(--s-1);align-items:center;display:flex}.topnav__tab{font-size:14px;font-weight:var(--font-weight-medium);padding:var(--s-2) var(--s-3);color:var(--color-text-secondary);border-radius:var(--r-sm);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);white-space:nowrap;text-decoration:none}.topnav__tab:hover{background:var(--color-bg-surface);color:var(--color-text-primary);text-decoration:none}.topnav__tab--active,.topnav__tab--active:hover{color:var(--color-action-primary);background:var(--color-action-primary-tint)}.topnav__right{align-items:center;gap:var(--s-2);display:flex;position:relative}.topnav__avatar{background:var(--color-action-primary-tint);width:32px;height:32px;color:var(--color-action-primary);font-weight:var(--font-weight-semibold);cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:50%;justify-content:center;align-items:center;font-size:12px;display:flex}.topnav__avatar:hover{background:#d6e6ff}.topnav__menu{background:var(--color-bg-canvas);border:1px solid var(--color-border);border-radius:var(--r-md);min-width:240px;box-shadow:var(--shadow-2);padding:var(--s-1) 0;z-index:20;animation:topnav-menu-in var(--dur) var(--ease);position:absolute;top:calc(100% + 4px);right:0}@keyframes topnav-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.topnav__menu-header{padding:var(--s-3) var(--s-4) var(--s-2);border-bottom:1px solid var(--color-bg-surface)}.topnav__menu-name{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.topnav__menu-email{color:var(--color-text-secondary);word-break:break-all;margin-top:2px;font-size:12px}.topnav__menu-item{text-align:left;width:100%;padding:var(--s-2) var(--s-4);font-size:var(--font-size-caption);color:var(--color-text-primary);cursor:pointer;transition:background var(--dur-fast) var(--ease);background:0 0;border:none;font-family:inherit;text-decoration:none;display:block}.topnav__menu-item:hover{background:var(--color-bg-surface);color:var(--color-text-primary);text-decoration:none}.topnav__menu-item--danger{color:var(--color-action-destructive)}.topnav__menu-item--danger:hover{color:var(--color-action-destructive);background:var(--color-action-destructive-tint)}.topnav__menu-sep{background:var(--color-bg-surface);height:1px;margin:var(--s-1) 0}.page-shell{background:var(--color-bg-canvas);flex-direction:column;min-height:100svh;display:flex}.page-shell__main{width:100%;max-width:var(--page-max-width);padding:var(--s-7) var(--s-6) var(--s-9);box-sizing:border-box;flex-direction:column;flex:1;margin:0 auto;display:flex}.page-shell__main--full{max-width:none;padding:var(--s-5) var(--s-5) var(--s-7)}.page-shell__header{justify-content:space-between;align-items:flex-start;gap:var(--s-4);margin-bottom:var(--s-6);padding-bottom:var(--s-5);border-bottom:1px solid var(--color-border);display:flex}.page-shell__title{font-size:var(--font-size-h2);letter-spacing:var(--letter-spacing-h2);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin:0}.page-shell__actions{align-items:center;gap:var(--s-2);flex-shrink:0;display:flex}.page-shell__content{flex:1}.page-shell__footer{margin-top:var(--s-8);padding-top:var(--s-5);border-top:1px solid var(--color-border)}