:root{--radius-sm:12px;--radius-md:16px;--radius-lg:20px;--radius-xl:22px;--radius-xxl:28px;--space-xs:8px;--space-sm:12px;--space-md:20px;--space-lg:28px;--space-xl:40px;--container-max:1480px;--container-pad-desktop:40px;--container-pad-tablet:24px;--container-pad-mobile:16px;--container-pad:var(--container-pad-desktop);--page-pad-block:32px;--header-gap:24px;--shadow-soft:0px 4px 20px rgba(0,0,0,0.04);--shadow-glow-teal:0px 0px 0px 4px rgba(76,198,195,0.25);--shadow-sm:0 12px 26px rgba(26,28,46,0.06);--shadow-md:0 18px 44px rgba(15,23,42,0.08);--shadow-lg:0 24px 60px rgba(15,23,42,0.12);--indigo:#4e46e5;--violet:#312e81;--navy:#1a1c2e;--muted-teal:#4cc6c3;--calm-turquoise:#76e7d8;--soft-grey:#f5f6f8;--off-white:#fcfcfd;--sand:#ede7e3;--blush:#f3e9e9;--surface-0:transparent;--surface-1:rgba(255,255,255,0.72);--surface-2:rgba(255,255,255,0.86);--surface-muted:rgba(245,246,248,0.8);--bg-calm:var(--soft-grey);--bg-insight:radial-gradient(circle at 18% 20%,rgba(76,198,195,0.12),transparent 32%),radial-gradient(circle at 58% 0%,rgba(78,70,229,0.14),transparent 36%),radial-gradient(circle at 92% 22%,rgba(118,231,216,0.14),transparent 34%),linear-gradient(180deg,#f5f6f8,#f1f4ff);--text-faint:rgba(26,28,46,0.55);--focus-outline:2px solid rgba(76,198,195,0.45);--focus-ring:0 0 0 6px rgba(118,231,216,0.15);--card-pad-sm:18px;--card-pad-md:24px;--card-pad-lg:26px;--gradient-indigo-teal:linear-gradient(90deg,#4e46e5,#4cc6c3);--gradient-navy-violet:linear-gradient(120deg,#1a1c2e,#312e81)}@media (max-width:1024px){:root{--container-pad:var(--container-pad-tablet)}}@media (max-width:640px){:root{--container-pad:var(--container-pad-mobile)}}.page-shell{max-width:1480px;margin:0 auto;padding:var(--space-xl) var(--space-md)}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-header h1{margin:0;font-size:2rem;font-weight:600;color:var(--navy);letter-spacing:.2px}.page-header p{margin:.35rem 0 0;color:#4b5563;font-size:1rem;line-height:1.5}.ui-actions{display:flex;gap:var(--space-sm);align-items:center}.ui-section{background:var(--off-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:var(--space-lg);margin-bottom:var(--space-xl)}.ui-section.secondary{background:var(--soft-grey)}.ui-card{background:var(--off-white);border-radius:var(--radius-md);padding:var(--space-lg);box-shadow:var(--shadow-soft)}.ui-card.muted{background:var(--soft-grey)}.ui-button{border:none;border-radius:var(--radius-sm);padding:12px 18px;font-weight:600;cursor:pointer;transition:transform .12s ease,box-shadow .12s ease;letter-spacing:.1px}.ui-button.size-md{height:40px;padding:0 16px;font-size:14px}.ui-button.size-md,.ui-button.size-sm{border-radius:var(--radius-pill);line-height:1}.ui-button.size-sm{height:36px;padding:0 14px;font-size:13px}.ui-button.icon{height:40px;width:40px;padding:0;border-radius:var(--radius-pill);display:inline-grid;place-items:center}.ui-button.primary{background:var(--indigo);color:#fff;box-shadow:var(--shadow-soft)}.ui-button.secondary{background:var(--soft-grey);color:var(--navy)}.ui-button.tertiary{background:transparent;color:var(--indigo);padding:10px 14px}.ui-button:focus,.ui-button:focus-visible{outline:none;box-shadow:var(--shadow-glow-teal)}.ui-button:hover{transform:translateY(-1px)}.ui-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:8px;font-size:.85rem;font-weight:600;background:var(--soft-grey);color:var(--navy)}.ui-table{width:100%;border-collapse:separate;border-spacing:0}.ui-table th{background:var(--soft-grey);text-align:left;font-weight:600;color:var(--text-muted)}.ui-table td,.ui-table th{padding:14px var(--space-sm);border-bottom:1px solid var(--border-subtle)}.ui-table td{background:var(--off-white)}.ui-add-card{border:1px dashed rgba(26,28,46,.15);border-radius:var(--radius-lg);padding:var(--space-lg);background:var(--soft-grey);color:var(--navy);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,border-color .12s ease;display:flex;align-items:center;gap:var(--space-sm);font-weight:600}.ui-add-card:hover{transform:translateY(-2px);border-color:var(--indigo);box-shadow:var(--shadow-soft)}:root{--text-primary:#111827;--text-muted:#4b5563;--border-subtle:#e5e7eb;--radius-pill:999px}body,html{padding:0;height:100%;font-family:var(--font-inter,"Inter"),var(--font-dm-sans,"DM Sans"),system-ui,-apple-system,sans-serif;background:radial-gradient(1200px at 70% 20%,rgba(78,70,229,.1),transparent 70%),radial-gradient(1000px at 20% 70%,rgba(76,198,195,.12),transparent 70%),var(--off-white);letter-spacing:.01em;line-height:1.5}body,h1,h2,h3,h4,html{margin:0;color:var(--navy)}h1,h2,h3,h4{font-weight:600;letter-spacing:.005em}p{color:var(--text-muted);margin:0}a{text-decoration:none;color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:var(--focus-outline,2px solid rgba(76,198,195,.45));outline-offset:2px;box-shadow:var(--focus-ring,0 0 0 6px rgba(118,231,216,.15));border-radius:10px}.layout{display:grid;grid-template-columns:240px minmax(0,1fr);height:100vh;background:var(--grey-soft)}.fullscreen-content{min-height:100vh;width:100%;padding:0;margin:0}.layout .sidebar{display:flex;flex-direction:column;gap:1.5rem;padding:24px;background:linear-gradient(265deg,rgba(250,250,252,.92),rgb(236 244 249));border-right:1px solid rgba(26,28,46,.06);box-shadow:inset -1px 0 0 rgba(26,28,46,.04),var(--shadow-soft);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:var(--radius-lg)}.layout .sidebar .logo{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1.5rem;padding-left:.1rem}.layout .sidebar .logo img{display:block;height:36px;width:auto}.nav-switchers{display:grid;grid-template-columns:1fr;grid-gap:.65rem;gap:.65rem;margin-bottom:.5rem;position:relative}.switch-link{display:flex;align-items:center;gap:.5rem;padding:.65rem .75rem;border-radius:12px;background:rgba(255,255,255,.6);border:1px solid rgba(26,28,46,.04);box-shadow:0 6px 14px rgba(26,28,46,.05);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.switch-link.muted{background:rgba(255,255,255,.4);border:1px solid rgba(26,28,46,.03);box-shadow:none}.switch-link:hover{transform:translateY(-2px);box-shadow:0 12px 24px rgba(26,28,46,.08)}.account-switch-wrapper{position:relative}button.account-switch{width:100%;cursor:pointer;border:none;background:rgba(255,255,255,.65);padding-right:.9rem}.account-switch-label{display:flex;flex-direction:column;align-items:flex-start;gap:.05rem}.account-switch-title{font-weight:600;color:var(--navy)}.account-switch-caret{margin-left:auto;color:var(--text-muted);transition:transform .16s ease}.account-switch-caret.open{transform:rotate(180deg)}.account-menu{position:absolute;top:calc(100% + 10px);left:0;right:0;background:rgba(255,255,255,.95);border-radius:18px;border:1px solid rgba(26,28,46,.08);box-shadow:0 16px 42px rgba(26,28,46,.16),0 4px 18px rgba(26,28,46,.08);padding:.9rem;display:flex;flex-direction:column;gap:.35rem;z-index:40;animation:fadeInScale .18s ease forwards;max-height:360px;overflow-y:auto}.account-menu:before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(78,70,229,.05),rgba(76,198,195,.08));opacity:.65;pointer-events:none}.account-menu>*{position:relative;z-index:1}.account-menu-header{display:flex;flex-direction:column;gap:.1rem;padding:.25rem .35rem .5rem}.account-menu-header span{font-weight:600;color:var(--navy)}.account-menu-header p{margin:0;font-size:.8rem;color:var(--text-muted)}.account-menu-item{border:1px solid rgba(26,28,46,.08);border-radius:14px;padding:.75rem .85rem;display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem;background:rgba(255,255,255,.85);cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease;text-align:left}.account-menu-item:hover{border-color:rgba(78,70,229,.35);box-shadow:0 10px 24px rgba(78,70,229,.1);transform:translateY(-1px)}.account-menu-item.active{border-color:rgba(76,198,195,.6);background:linear-gradient(120deg,rgba(76,198,195,.15),rgba(78,70,229,.12));box-shadow:0 14px 32px rgba(76,198,195,.16)}.account-menu-text{display:flex;flex-direction:column;gap:.2rem}.account-name{font-weight:600;color:var(--navy)}.account-hint{font-size:.78rem;color:var(--text-muted)}.account-role-pill{min-width:-moz-fit-content;min-width:fit-content;font-size:.75rem;text-transform:capitalize}@keyframes fadeInScale{0%{opacity:0;transform:translateY(4px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}.pill{display:inline-flex;align-items:center;justify-content:center;padding:.25rem .6rem;border-radius:var(--radius-pill);background:rgba(78,70,229,.08);color:var(--navy);font-weight:600;font-size:.82rem;letter-spacing:.02em}.pill.ghost{background:rgba(76,198,195,.12);color:var(--navy);font-weight:500}.pill.outline{background:transparent;border:1px solid rgba(26,28,46,.08);color:var(--text-muted)}.switch-label{color:var(--navy);font-weight:600}.switch-label.subtle-text{font-weight:500;color:var(--text-muted)}.nav-divider{border:none;height:1px;margin:.5rem 0 .25rem;background:linear-gradient(90deg,rgba(26,28,46,.05),rgba(26,28,46,.18) 50%,rgba(26,28,46,.05))}.layout .sidebar nav{display:flex;flex-direction:column;gap:.75rem;flex-grow:1}.layout .sidebar a.nav-link{display:flex;align-items:center;gap:.75rem;padding:.85rem 1rem;border-radius:12px;color:var(--navy);background:rgba(255,255,255,.65);border:1px solid rgba(26,28,46,.05);transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.layout .sidebar a.nav-link:hover{background:rgba(118,231,216,.1);box-shadow:0 12px 26px rgba(26,28,46,.08);transform:translateY(-2px)}.layout .sidebar a.nav-link.active{background:rgba(78,70,229,.14);border-color:rgba(78,70,229,.25);color:var(--navy);box-shadow:0 14px 30px rgba(78,70,229,.18)}.layout .sidebar .nav-footer{display:flex;flex-direction:column;gap:.65rem;margin-top:auto}.mini-note{font-size:.85rem;color:var(--text-muted);line-height:1.4}.layout .content{overflow-y:auto;padding:28px 32px;background:radial-gradient(circle at 80% 10%,rgba(78,70,229,.08),transparent 32%),radial-gradient(circle at 10% 80%,rgba(76,198,195,.08),transparent 30%),var(--off-white)}.layout[data-layout=bleed] .content{padding:0;background:transparent}.layout[data-layout=bleed] .content header{padding-bottom:0;margin-bottom:0;border-bottom:0}.layout .content header{padding-bottom:1.25rem;margin-bottom:2rem;border-bottom:1px solid rgba(26,28,46,.06);font-weight:600;font-size:1.25rem;color:var(--navy)}.panel{background:rgba(255,255,255,.86);border:1px solid rgba(26,28,46,.06);border-radius:var(--radius-card);box-shadow:var(--shadow-soft);padding:1.25rem 1.5rem}.panel.subtle{background:rgba(252,252,253,.9);box-shadow:0 12px 28px rgba(26,28,46,.06)}.nav-skeleton{height:320px;border-radius:14px;background:linear-gradient(135deg,rgba(76,198,195,.15),rgba(78,70,229,.08));opacity:.6}