:root{--mobile-gray-50:#f5f3ea;--mobile-gray-100:#f5f3ea;--mobile-gray-200:#d9ddd6;--mobile-gray-300:#d9ddd6;--mobile-gray-400:#b3b3b3;--mobile-gray-500:#b3b3b3;--mobile-gray-600:#a68b6f;--mobile-gray-700:#2a3640;--mobile-gray-800:#2a3640;--mobile-gray-900:#1a2244;--mobile-gray-950:#1a2244;--mobile-accent:#6d9b8e;--mobile-accent-hover:#c2d5ca;--mobile-accent-active:#6d9b8e;--mobile-accent-light:#c2d5ca;--mobile-accent-subtle:#d9ddd6;--mobile-success:var(--success);--mobile-success-light:#dcecdf;--mobile-success-subtle:#edf6ef;--mobile-warning:var(--warning);--mobile-warning-light:#f1dfb8;--mobile-warning-subtle:#faf4e8;--mobile-error:var(--error);--mobile-error-light:#f1d6d6;--mobile-error-subtle:#f8eaea;--mobile-info:var(--info);--mobile-info-light:#dbe7f5;--mobile-info-subtle:#edf3fb;--mobile-surface-primary:var(--bg-pure);--mobile-surface-secondary:var(--mobile-gray-50);--mobile-surface-tertiary:var(--mobile-gray-100);--mobile-surface-elevated:var(--surface-elevated);--mobile-surface-overlay:#00000080;--mobile-border:var(--mobile-gray-200);--mobile-border-subtle:var(--mobile-gray-100);--mobile-border-strong:var(--mobile-gray-300);--mobile-text-primary:var(--forest-zen);--mobile-text-secondary:var(--mobile-gray-600);--mobile-text-tertiary:var(--mobile-gray-400);--mobile-text-inverse:var(--bg-pure);--mobile-text-link:var(--mobile-accent);--mobile-interactive-default:var(--mobile-accent);--mobile-interactive-hover:var(--mobile-accent-hover);--mobile-interactive-active:var(--mobile-accent-active);--mobile-interactive-disabled:var(--mobile-gray-300);--mobile-space-1:4px;--mobile-space-2:8px;--mobile-space-3:12px;--mobile-space-4:16px;--mobile-space-5:20px;--mobile-space-6:24px;--mobile-space-8:32px;--mobile-space-10:40px;--mobile-space-12:48px;--mobile-space-16:64px;--mobile-space-20:80px;--mobile-space-24:96px;--mobile-space-32:128px;--mobile-font-display:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Segoe UI", Roboto, sans-serif;--mobile-font-body:-apple-system, BlinkMacSystemFont, "SF Pro Text", "Segoe UI", Roboto, sans-serif;--mobile-font-mono:ui-monospace, "SF Mono", Monaco, "Cascadia Code", "Segoe UI Mono", monospace;--mobile-text-xs:12px;--mobile-text-xs-line:16px;--mobile-text-sm:14px;--mobile-text-sm-line:20px;--mobile-text-base:16px;--mobile-text-base-line:24px;--mobile-text-lg:18px;--mobile-text-lg-line:28px;--mobile-text-xl:20px;--mobile-text-xl-line:28px;--mobile-text-2xl:24px;--mobile-text-2xl-line:32px;--mobile-text-3xl:30px;--mobile-text-3xl-line:36px;--mobile-text-4xl:36px;--mobile-text-4xl-line:40px;--mobile-weight-normal:400;--mobile-weight-medium:500;--mobile-weight-semibold:600;--mobile-weight-bold:700;--mobile-tracking-tight:-.015em;--mobile-tracking-normal:0em;--mobile-tracking-wide:.025em;--mobile-safe-area-top:env(safe-area-inset-top,0px);--mobile-safe-area-right:env(safe-area-inset-right,0px);--mobile-safe-area-bottom:env(safe-area-inset-bottom,0px);--mobile-safe-area-left:env(safe-area-inset-left,0px);--mobile-header-height:56px;--mobile-header-height-safe:calc(56px + var(--mobile-safe-area-top));--mobile-bottom-nav-height:64px;--mobile-bottom-nav-height-safe:calc(64px + var(--mobile-safe-area-bottom));--mobile-content-padding:var(--mobile-space-4);--mobile-content-padding-safe:calc(var(--mobile-space-4) + var(--mobile-safe-area-left));--mobile-max-width-phone:480px;--mobile-max-width-tablet:768px;--mobile-touch-target-min:44px;--mobile-touch-target-ideal:48px;--mobile-radius-sm:6px;--mobile-radius-md:8px;--mobile-radius-lg:12px;--mobile-radius-xl:16px;--mobile-radius-2xl:20px;--mobile-radius-full:9999px;--mobile-radius-button:var(--mobile-radius-lg);--mobile-radius-card:var(--mobile-radius-lg);--mobile-radius-input:var(--mobile-radius-md);--mobile-radius-drawer:var(--mobile-radius-xl);--mobile-shadow-sm:0 1px 2px 0 #0000000d;--mobile-shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -1px #0000000f;--mobile-shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -2px #0000000d;--mobile-shadow-xl:0 20px 25px -5px #0000001a, 0 10px 10px -5px #0000000a;--mobile-shadow-2xl:0 25px 50px -12px #00000040;--mobile-shadow-button:var(--mobile-shadow-sm);--mobile-shadow-card:var(--mobile-shadow-sm);--mobile-shadow-card-hover:var(--mobile-shadow-md);--mobile-shadow-drawer:var(--mobile-shadow-2xl);--mobile-shadow-modal:var(--mobile-shadow-2xl);--mobile-duration-instant:.1s;--mobile-duration-fast:.15s;--mobile-duration-normal:.2s;--mobile-duration-moderate:.3s;--mobile-duration-slow:.4s;--mobile-duration-slower:.5s;--mobile-duration-page:.6s;--mobile-ease-linear:linear;--mobile-ease-in:cubic-bezier(.4, 0, 1, 1);--mobile-ease-out:cubic-bezier(0, 0, .2, 1);--mobile-ease-in-out:cubic-bezier(.4, 0, .2, 1);--mobile-ease-spring:cubic-bezier(.16, 1, .3, 1);--mobile-ease-bounce:cubic-bezier(.34, 1.56, .64, 1);--mobile-transition-fast:var(--mobile-duration-fast) var(--mobile-ease-out);--mobile-transition-normal:var(--mobile-duration-normal) var(--mobile-ease-in-out);--mobile-transition-spring:var(--mobile-duration-moderate) var(--mobile-ease-spring);--mobile-z-base:0;--mobile-z-dropdown:1000;--mobile-z-sticky:1100;--mobile-z-fixed:1200;--mobile-z-modal-backdrop:1300;--mobile-z-modal:1400;--mobile-z-popover:1500;--mobile-z-tooltip:1600;--mobile-z-toast:1700}@media (prefers-color-scheme:dark){:root{--mobile-surface-primary:#2a3640;--mobile-surface-secondary:#1a2244;--mobile-surface-tertiary:#1a2244;--mobile-surface-elevated:#2a3640;--mobile-surface-overlay:#1a2244b3;--mobile-border:#3a4055;--mobile-border-subtle:#2a3640;--mobile-border-strong:#4a5168;--mobile-text-primary:#f5f3ea;--mobile-text-secondary:#d9ddd6;--mobile-text-tertiary:#b3b3b3;--mobile-text-inverse:#1a2244;--mobile-accent:#6d9b8e;--mobile-accent-hover:#c2d5ca;--mobile-accent-active:#6d9b8e}}.dark{--mobile-surface-primary:#2a3640;--mobile-surface-secondary:#1a2244;--mobile-surface-tertiary:#1a2244;--mobile-surface-elevated:#2a3640;--mobile-surface-overlay:#1a2244b3;--mobile-border:#3a4055;--mobile-border-subtle:#2a3640;--mobile-border-strong:#4a5168;--mobile-text-primary:#f5f3ea;--mobile-text-secondary:#d9ddd6;--mobile-text-tertiary:#b3b3b3;--mobile-text-inverse:#1a2244;--mobile-accent:#6d9b8e;--mobile-accent-hover:#c2d5ca;--mobile-accent-active:#6d9b8e}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.touch-target{min-width:var(--mobile-touch-target-min);min-height:var(--mobile-touch-target-min);justify-content:center;align-items:center;display:inline-flex}.safe-area-top{padding-top:var(--mobile-safe-area-top)}.safe-area-bottom{padding-bottom:var(--mobile-safe-area-bottom)}.safe-area-left{padding-left:var(--mobile-safe-area-left)}.safe-area-right{padding-right:var(--mobile-safe-area-right)}.safe-area-x{padding-left:var(--mobile-safe-area-left);padding-right:var(--mobile-safe-area-right)}.safe-area-y{padding-top:var(--mobile-safe-area-top);padding-bottom:var(--mobile-safe-area-bottom)}.safe-area-all{padding-top:var(--mobile-safe-area-top);padding-right:var(--mobile-safe-area-right);padding-bottom:var(--mobile-safe-area-bottom);padding-left:var(--mobile-safe-area-left)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mobile-only{display:block}.desktop-only{display:none}@media (min-width:1024px){.mobile-only{display:none}.desktop-only{display:block}}
:root{--safe-area-inset-top:env(safe-area-inset-top,0px);--safe-area-inset-right:env(safe-area-inset-right,0px);--safe-area-inset-bottom:env(safe-area-inset-bottom,0px);--safe-area-inset-left:env(safe-area-inset-left,0px)}.safe-area-inset-top{padding-top:var(--safe-area-inset-top)}.safe-area-inset-right{padding-right:var(--safe-area-inset-right)}.safe-area-inset-bottom{padding-bottom:var(--safe-area-inset-bottom)}.safe-area-inset-left{padding-left:var(--safe-area-inset-left)}.safe-area-inset-x{padding-left:var(--safe-area-inset-left);padding-right:var(--safe-area-inset-right)}.safe-area-inset-y{padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.touch-manipulation{touch-action:manipulation}@media screen and (max-width:768px){input[type=text],input[type=email],input[type=tel],input[type=url],input[type=password],input[type=number],input[type=search],textarea,select{font-size:16px!important}}@media (display-mode:standalone){body{-webkit-user-select:none;user-select:none}::-webkit-scrollbar{background:0 0;width:0}}.pull-to-refresh{overscroll-behavior-y:contain}.mobile-nav-safe{padding-bottom:calc(var(--safe-area-inset-bottom,0px) + 1rem)}@keyframes loading-pulse{0%,to{opacity:1}50%{opacity:.5}}.animate-loading-pulse{animation:2s cubic-bezier(.4,0,.6,1) infinite loading-pulse}*{-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}.focus-visible{outline-offset:2px;outline:2px solid #6d9b8e}@media (hover:none) and (pointer:coarse){.card-interactive:active{transition:transform .1s ease-out;transform:scale(.98)}}html{scroll-behavior:smooth}@media (prefers-contrast:high){.border-slate-200\/20{border-color:#6b7280}.text-muted-foreground{color:#2a3640}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.animate-loading-pulse{animation:none}}.gpu-accelerated{will-change:transform;transform:translateZ(0)}.mobile-table-card{contain:layout style paint}.bottom-sheet-backdrop{-webkit-backdrop-filter:blur(4px)}@supports (vibrate:1){.haptic-enabled:after{content:"";background:#6d9b8e;border-radius:50%;width:4px;height:4px;position:absolute;top:0;right:0}}.offline-indicator{top:var(--safe-area-inset-top,0px);color:#f5f3ea;text-align:center;z-index:9999;background:#c4706a;padding:.5rem;font-size:.875rem;position:fixed;left:0;right:0}@media (max-width:768px){.mobile-hidden{display:none!important}.mobile-block{display:block!important}.mobile-flex{display:flex!important}.mobile-grid{display:grid!important}body{overflow-x:hidden}table td{word-break:break-word;white-space:normal}}@media (min-width:769px){.desktop-hidden{display:none!important}}
.drawer-side-by-side{width:min(85vw,1200px);max-width:calc(100vw - 2rem)}.drawer-side-by-side .drawer-content-split{grid-template-columns:1fr 1fr;gap:0;height:100%;display:grid}.drawer-card-details{width:100%;min-width:300px;max-width:450px}.drawer-listing-composer{width:100%;min-width:400px;max-width:600px}@media (max-width:1024px){.drawer-side-by-side{width:100vw}.drawer-side-by-side .drawer-content-split{grid-template-rows:auto 1fr;grid-template-columns:1fr}}@media (max-width:768px){.drawer-card-details,.drawer-listing-composer{min-width:auto;max-width:none}}.drawer-content-padding{padding:1rem}@media (min-width:1200px){.drawer-content-padding{padding:1.5rem}}.drawer-scroll-container{scrollbar-width:thin;scrollbar-color:hsl(var(--muted)) transparent;height:100%;overflow-y:auto}.drawer-scroll-container::-webkit-scrollbar{width:6px}.drawer-scroll-container::-webkit-scrollbar-track{background:0 0}.drawer-scroll-container::-webkit-scrollbar-thumb{background:hsl(var(--muted));border-radius:3px}.drawer-scroll-container::-webkit-scrollbar-thumb:hover{background:hsl(var(--muted-foreground) / .5)}.drawer-side-by-side{box-shadow:0 10px 40px -12px #0f4c3a0d,0 0 0 1px #0f4c3a05}.drawer-content-split,.drawer-card-details,.drawer-listing-composer{transition:all .3s cubic-bezier(.16,1,.3,1)}.drawer-side-by-side:focus-within{box-shadow:0 10px 40px -12px #0f4c3a14,0 0 0 2px #1b7f5e26}.drawer-border-separator{position:relative}.drawer-border-separator:before{content:"";background:linear-gradient(to bottom, transparent 0%, hsl(var(--border)) 10%, hsl(var(--border)) 90%, transparent 100%);width:1px;position:absolute;top:1rem;bottom:1rem;left:0}
.cz-scroll{scrollbar-width:thin;scrollbar-color:var(--cz-border) transparent}.cz-scroll::-webkit-scrollbar{width:7px;height:7px}.cz-scroll::-webkit-scrollbar-track{background:0 0}.cz-scroll::-webkit-scrollbar-corner{background:0 0}.cz-scroll::-webkit-scrollbar-thumb{background:var(--cz-border);border-radius:999px}.cz-scroll::-webkit-scrollbar-thumb:hover{background:var(--slate-light)}