.compass-app-outlet{position:relative;min-height:50vh}.compass-app-outlet .compass-loader--fullscreen{position:absolute;top:0;right:0;bottom:0;left:0;z-index:100}.compass-demo-nav{position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #e1e3e5;box-shadow:0 1px #0000000a}.compass-demo-nav__inner{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1680px;margin:0 auto;padding:0 20px;min-height:56px}.compass-demo-nav__brand{display:inline-flex;align-items:center;gap:10px;flex-shrink:0;text-decoration:none;color:#202223}.compass-demo-nav__logo{width:32px;height:32px;border-radius:8px;object-fit:contain}.compass-demo-nav__title{font-size:17px;font-weight:700;letter-spacing:-.01em}.compass-demo-nav__links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:4px;min-width:0}.compass-demo-nav__link{display:inline-flex;align-items:center;padding:8px 12px;border-radius:8px;font-size:14px;font-weight:500;line-height:1.2;color:#44474a;text-decoration:none;white-space:nowrap;border:1px solid transparent;transition:background .15s ease,color .15s ease}.compass-demo-nav__link:hover{background:#f6f6f7;color:#202223}.compass-demo-nav__link--active{color:#008060;background:#0080601a;border-color:#00806038;font-weight:600}.compass-demo-nav__link:focus-visible{outline:2px solid #008060;outline-offset:2px}@media(max-width:768px){.compass-demo-nav{display:none}}.compass-mobile-nav{display:none}@media(max-width:768px){.compass-mobile-nav{display:block;position:sticky;top:0;z-index:200;background:#fff;border-bottom:1px solid var(--p-color-border, #e1e3e5)}.compass-mobile-nav__bar{display:flex;align-items:center;gap:10px;min-height:52px;padding:8px 12px}.compass-mobile-nav__menu-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:1px solid var(--p-color-border, #e1e3e5);border-radius:8px;background:#fff;color:var(--p-color-text, #202223);cursor:pointer;flex-shrink:0}.compass-mobile-nav__menu-btn:hover{background:var(--p-color-bg-surface-secondary, #f6f6f7)}.compass-mobile-nav__menu-btn:focus-visible{outline:2px solid var(--compass-accent, #008060);outline-offset:2px}.compass-mobile-nav__menu-icon{display:block;width:18px;height:12px}.compass-mobile-nav__menu-icon line{stroke:currentColor;stroke-width:2;stroke-linecap:round}.compass-mobile-nav__brand{display:flex;align-items:center;gap:8px;min-width:0;flex:1;text-decoration:none;color:var(--p-color-text, #202223)}.compass-mobile-nav__logo{width:28px;height:28px;flex-shrink:0;border-radius:6px;object-fit:contain}.compass-mobile-nav__title{font-size:16px;font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compass-mobile-nav__backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:210;background:#00000059;border:none;padding:0;cursor:pointer}.compass-mobile-nav__drawer{position:fixed;top:0;left:0;z-index:220;width:min(300px,88vw);height:100%;background:#fff;box-shadow:4px 0 24px #0000001f;display:flex;flex-direction:column;animation:compass-mobile-nav-slide-in .22s ease-out}.compass-mobile-nav__drawer-header{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--p-color-border, #e1e3e5)}.compass-mobile-nav__drawer-title{margin:0;font-size:16px;font-weight:700;color:var(--p-color-text, #202223)}.compass-mobile-nav__close{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:1px solid var(--p-color-border, #e1e3e5);border-radius:8px;background:#fff;font-size:22px;line-height:1;color:var(--p-color-text-secondary, #6d7175);cursor:pointer}.compass-mobile-nav__close:hover{background:var(--p-color-bg-surface-secondary, #f6f6f7)}.compass-mobile-nav__links{list-style:none;margin:0;padding:10px;display:flex;flex-direction:column;gap:4px;overflow-y:auto;flex:1}.compass-mobile-nav__link{display:block;padding:12px 14px;border-radius:10px;font-size:15px;font-weight:500;color:var(--p-color-text, #202223);text-decoration:none;border:1px solid transparent}.compass-mobile-nav__link:hover{background:var(--p-color-bg-surface-secondary, #f6f6f7)}.compass-mobile-nav__link--active{background:var(--compass-accent-muted, rgba(0, 128, 96, .12));color:var(--compass-accent, #008060);border-color:#00806040;font-weight:600}@keyframes compass-mobile-nav-slide-in{0%{transform:translate(-100%)}to{transform:translate(0)}}}.cd-toaster{position:fixed;bottom:max(16px,env(safe-area-inset-bottom,0px));left:50%;z-index:10000;display:flex;flex-direction:column-reverse;align-items:center;gap:10px;width:min(380px,calc(100vw - 24px));transform:translate(-50%);pointer-events:none}.cd-toaster__toast{position:relative;display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px 36px 14px 14px;background:#fff;border:1px solid #e8e8e8;border-radius:12px;box-shadow:0 16px 40px #0000001f,0 4px 12px #0000000f;overflow:hidden;pointer-events:auto;animation:cd-toaster-enter .35s cubic-bezier(.21,1.02,.73,1) forwards}.cd-toaster__toast--exit{animation:cd-toaster-exit .28s cubic-bezier(.4,0,1,1) forwards}.cd-toaster__toast--success{border-color:#b7e4d4}.cd-toaster__toast--error{border-color:#f5c4b8}.cd-toaster__toast--warning{border-color:#f0d9a8}.cd-toaster__icon{flex-shrink:0;width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:12px;font-weight:700;line-height:1;margin-top:1px}.cd-toaster__icon--success{background:#e3f5ef;color:#008060}.cd-toaster__icon--error{background:#fce9e8;color:#d72c0d}.cd-toaster__icon--warning{background:#fff5e8;color:#b98900}.cd-toaster__content{flex:1;min-width:0}.cd-toaster__message{margin:0;font-size:14px;font-weight:600;line-height:1.35;color:#202223}.cd-toaster__description{margin:4px 0 0;font-size:13px;line-height:1.45;color:#6d7175}.cd-toaster__close{position:absolute;top:10px;right:10px;width:22px;height:22px;padding:0;border:none;border-radius:6px;background:transparent;color:#8c9196;font-size:16px;line-height:1;cursor:pointer}.cd-toaster__close:hover{background:#f1f2f3;color:#202223}.cd-toaster__progress{position:absolute;left:0;bottom:0;height:3px;width:100%;transform-origin:left center;animation-name:cd-toaster-progress;animation-timing-function:linear;animation-fill-mode:forwards}.cd-toaster__toast--success .cd-toaster__progress{background:#008060}.cd-toaster__toast--error .cd-toaster__progress{background:#d72c0d}.cd-toaster__toast--warning .cd-toaster__progress{background:#b98900}@keyframes cd-toaster-enter{0%{opacity:0;transform:translateY(calc(100% + 12px))}to{opacity:1;transform:translateY(0)}}@keyframes cd-toaster-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(calc(100% + 12px))}}@keyframes cd-toaster-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}