:root{--color-bg: #FAFAF8;--color-bg-elev: #FFFFFF;--color-bg-subtle: #F4F4F0;--color-bg-inverse: #111111;--color-text-primary: #111111;--color-text-secondary: #4A4A4A;--color-text-muted: #8A8A8A;--color-text-disabled: #C4C4C0;--color-text-inverse: #FAFAF8;--color-border: #ECECE8;--color-border-strong: #DCDCD6;--color-border-focus: #1F6F78;--color-accent: #1F6F78;--color-accent-hover: #185860;--color-accent-active: #134247;--color-accent-soft: #7FB8A4;--color-accent-bg: #E8F2F0;--color-accent-bg-soft: #F2F8F6;--color-success: #2E8866;--color-success-bg: #E8F3EE;--color-warning: #B7791F;--color-warning-bg: #FFF6E5;--color-danger: #B83333;--color-danger-bg: #FDECEC;--color-info: #4A5568;--color-info-bg: #EDEEF1;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, Consolas, monospace;--text-xs: 12px;--text-sm: 13px;--text-base: 15px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--text-5xl: 56px;--text-6xl: 64px;--weight-regular: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extra: 800;--leading-tight: 1.1;--leading-snug: 1.25;--leading-normal: 1.55;--leading-relaxed: 1.7;--tracking-tight: -.025em;--tracking-snug: -.01em;--tracking-normal: 0;--tracking-wide: .04em;--tracking-wider: .08em;--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-xs: 6px;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 24px;--radius-full: 9999px;--shadow-xs: 0 1px 2px rgba(17, 17, 17, .04);--shadow-soft: 0 2px 8px rgba(17, 17, 17, .04);--shadow-medium: 0 4px 16px rgba(17, 17, 17, .06);--shadow-card: 0 8px 32px rgba(17, 17, 17, .08);--shadow-lift: 0 16px 48px rgba(17, 17, 17, .1);--shadow-focus: 0 0 0 3px rgba(31, 111, 120, .18);--motion-instant: .1s ease-out;--motion-fast: .15s ease-out;--motion-base: .2s ease-out;--motion-smooth: .3s cubic-bezier(.4, 0, .2, 1);--motion-slow: .45s cubic-bezier(.4, 0, .2, 1);--z-base: 1;--z-sticky: 50;--z-nav: 100;--z-dropdown: 500;--z-modal: 1000;--z-toast: 2000;--container-sm: 640px;--container-md: 800px;--container-lg: 1140px;--container-xl: 1280px;--sidebar-w: 248px;--sidebar-w-collapsed: 64px;--topbar-h: 60px;--nav-h: 64px;--touch-min: 44px;--input-h: 40px;--input-h-lg: 48px;--btn-h-sm: 32px;--btn-h: 40px;--btn-h-lg: 48px}*{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--color-text-primary);background:var(--color-bg);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none;transition:color var(--motion-base)}button{font-family:inherit;cursor:pointer;border:none;background:transparent}input,textarea,select{font-family:inherit;font-size:inherit;color:inherit}:focus{outline:none}:focus-visible{box-shadow:var(--shadow-focus);border-radius:var(--radius-sm)}::selection{background:var(--color-accent-bg);color:var(--color-accent)}.cr-container{max-width:var(--container-lg);margin:0 auto;padding:0 var(--space-6)}.cr-stack>*+*{margin-top:var(--space-4)}.cr-stack-lg>*+*{margin-top:var(--space-8)}.cr-cluster{display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}.cr-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:0 var(--space-5);height:var(--btn-h);border-radius:var(--radius-sm);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap;transition:all var(--motion-base);cursor:pointer;border:1px solid transparent}.cr-btn--primary{background:var(--color-accent);color:#fff}.cr-btn--primary:hover{background:var(--color-accent-hover);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.cr-btn--primary:active{background:var(--color-accent-active);transform:translateY(0)}.cr-btn--ghost{background:transparent;color:var(--color-text-primary);border-color:var(--color-border-strong)}.cr-btn--ghost:hover{border-color:var(--color-text-primary);transform:translateY(-1px)}.cr-btn--subtle{background:var(--color-bg-subtle);color:var(--color-text-primary)}.cr-btn--subtle:hover{background:var(--color-border)}.cr-btn--lg{height:var(--btn-h-lg);padding:0 var(--space-6);font-size:var(--text-md)}.cr-btn--sm{height:var(--btn-h-sm);padding:0 var(--space-4);font-size:var(--text-xs)}.cr-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-medium);background:var(--color-accent-bg);color:var(--color-accent)}.cr-badge--neutral{background:var(--color-bg-subtle);color:var(--color-text-secondary)}.cr-badge--warning{background:var(--color-warning-bg);color:var(--color-warning)}.cr-badge--danger{background:var(--color-danger-bg);color:var(--color-danger)}.cr-badge--info{background:var(--color-info-bg);color:var(--color-info)}.cr-badge__dot{width:6px;height:6px;border-radius:50%;background:currentColor;flex-shrink:0}.cr-card{background:var(--color-bg-elev);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:all var(--motion-base)}.cr-card--hover:hover{transform:translateY(-2px);box-shadow:var(--shadow-card);border-color:var(--color-accent-soft)}.cr-card--featured{border-color:var(--color-accent);background:linear-gradient(180deg,var(--color-accent-bg) 0%,var(--color-bg-elev) 40%)}.cr-input{width:100%;height:var(--input-h);padding:0 var(--space-4);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:var(--color-bg-elev);font-size:var(--text-sm);transition:all var(--motion-base)}.cr-input:hover{border-color:var(--color-text-muted)}.cr-input:focus{border-color:var(--color-accent);box-shadow:var(--shadow-focus)}.cr-logo{display:inline-flex;align-items:center;gap:var(--space-2);font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-snug);color:var(--color-text-primary)}.cr-logo__dot{width:22px;height:22px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);border-radius:var(--radius-xs);position:relative;flex-shrink:0}.cr-logo__dot:after{content:"";position:absolute;inset:5px;background:var(--color-bg);border-radius:3px}body{display:grid;grid-template-columns:var(--sidebar-w) 1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"sidebar topbar" "sidebar main";min-height:100vh;background:var(--color-bg)}.app-sidebar{grid-area:sidebar;background:var(--color-bg-elev);border-right:1px solid var(--color-border);display:flex;flex-direction:column;position:sticky;top:0;height:100vh;z-index:var(--z-sticky)}.app-sidebar__brand{padding:16px 20px;border-bottom:1px solid var(--color-border);display:flex;align-items:center;gap:10px}.app-sidebar__logo-dot{width:28px;height:28px;background:linear-gradient(135deg,#134247 0%,var(--color-accent) 45%,var(--color-accent-soft) 100%);border-radius:var(--radius-xs);position:relative;flex-shrink:0;box-shadow:0 2px 6px #1f6f7840}.app-sidebar__logo-dot:after{content:"";position:absolute;inset:6px;background:var(--color-bg-elev);border-radius:3px}.app-sidebar__logo-dot:before{content:"";position:absolute;inset:9px;background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);border-radius:2px;z-index:1}.app-sidebar__logo-text{font-weight:var(--weight-bold);font-size:var(--text-lg);letter-spacing:var(--tracking-snug);color:var(--color-text-primary)}.app-sidebar__tenant{padding:12px 16px;margin:12px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border);display:flex;align-items:center;gap:10px;cursor:pointer;transition:all var(--motion-base)}.app-sidebar__tenant:hover{border-color:var(--color-accent-soft);background:var(--color-accent-bg-soft)}.app-sidebar__tenant-avatar{width:32px;height:32px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--color-accent) 0%,var(--color-accent-soft) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-bold);font-size:var(--text-sm);flex-shrink:0}.app-sidebar__tenant-info{min-width:0;flex:1;line-height:1.2}.app-sidebar__tenant-name{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.app-sidebar__tenant-tier{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.app-sidebar__tenant-caret{color:var(--color-text-muted);font-size:12px;flex-shrink:0}.app-sidebar__nav{padding:8px 12px;flex:1;display:flex;flex-direction:column;gap:2px;overflow-y:auto}.app-sidebar__nav-section{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:var(--weight-semibold);text-transform:uppercase;letter-spacing:var(--tracking-wide);padding:12px 12px 6px}.app-sidebar__nav-item{display:flex;align-items:center;gap:12px;padding:9px 12px;border-radius:var(--radius-sm);font-size:var(--text-sm);color:var(--color-text-secondary);font-weight:var(--weight-medium);text-decoration:none;transition:all var(--motion-base);position:relative}.app-sidebar__nav-item:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.app-sidebar__nav-item.is-active{background:var(--color-accent-bg);color:var(--color-accent);font-weight:var(--weight-semibold);box-shadow:inset 0 0 0 1px #146e5f1f}.app-sidebar__nav-item.is-active:before{content:"";position:absolute;left:-12px;top:6px;bottom:6px;width:4px;background:var(--color-accent);border-radius:0 3px 3px 0}.app-sidebar__nav-icon{width:18px;height:18px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.app-sidebar__nav-badge{margin-left:auto;background:var(--color-warning-bg);color:var(--color-warning);font-size:10px;padding:2px 7px;border-radius:var(--radius-full);font-weight:var(--weight-semibold)}.app-sidebar__footer{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:2px}.app-topbar{grid-area:topbar;background:var(--color-bg-elev);border-bottom:1px solid var(--color-border);position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;padding:0 24px;z-index:var(--z-sticky)}.app-topbar__breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--text-sm);color:var(--color-text-muted)}.app-topbar__breadcrumb-link{color:var(--color-text-secondary);text-decoration:none;transition:color .12s ease}.app-topbar__breadcrumb-link:hover{color:var(--color-accent)}.app-topbar__breadcrumb-current{color:var(--color-text-primary);font-weight:var(--weight-semibold)}.app-topbar__actions{display:flex;align-items:center;gap:12px}.app-topbar__icon-btn{width:36px;height:36px;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:all var(--motion-base);border:none;position:relative}.app-topbar__icon-btn:hover{background:var(--color-bg-subtle);color:var(--color-text-primary)}.app-topbar__icon-btn-dot{position:absolute;top:8px;right:8px;width:7px;height:7px;background:var(--color-warning);border:2px solid var(--color-bg-elev);border-radius:50%}.app-topbar__profile{display:flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:var(--radius-full);cursor:pointer;transition:all var(--motion-base);border:1px solid transparent}.app-topbar__profile:hover{background:var(--color-bg-subtle);border-color:var(--color-border)}.app-topbar__profile-avatar{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--color-accent-soft) 0%,var(--color-accent) 100%);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-weight:var(--weight-semibold);font-size:var(--text-xs)}.app-topbar__profile-name{font-size:var(--text-sm);font-weight:var(--weight-medium)}.app-main{grid-area:main;padding:32px 40px;overflow-y:auto;background:var(--color-bg)}.app-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin-bottom:32px;flex-wrap:wrap}.app-page-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);letter-spacing:var(--tracking-tight);line-height:1.15;margin:0 0 6px}.app-page-subtitle{font-size:var(--text-md);color:var(--color-text-secondary);margin:0}.app-page-header__actions{display:flex;gap:8px}.app-empty-state{background:var(--color-bg-elev);border:1px dashed var(--color-border-strong);border-radius:var(--radius-xl);padding:64px 32px;text-align:center;max-width:540px;margin:0 auto}.app-empty-state__title{font-size:var(--text-xl);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-snug);margin-bottom:8px}.app-empty-state__desc{font-size:var(--text-md);color:var(--color-text-secondary);margin-bottom:24px;line-height:1.55}@media(max-width:720px){body{grid-template-columns:1fr;grid-template-rows:var(--topbar-h) 1fr;grid-template-areas:"topbar" "main"}.app-sidebar{position:fixed;left:-280px;top:0;width:280px;transition:left var(--motion-smooth);z-index:var(--z-modal);border-right:1px solid var(--color-border)}.app-sidebar.is-open{left:0}.app-sidebar__backdrop{position:fixed;inset:0;background:#1116;backdrop-filter:blur(4px);z-index:calc(var(--z-modal) - 1);opacity:0;pointer-events:none;transition:opacity var(--motion-base)}.app-sidebar.is-open+.app-sidebar__backdrop{opacity:1;pointer-events:auto}.app-topbar__hamburger{display:inline-flex!important}.app-main{padding:20px 16px}.app-page-title{font-size:var(--text-2xl)}}.app-topbar__hamburger{display:none;width:36px;height:36px;border-radius:var(--radius-sm);align-items:center;justify-content:center;border:none;background:transparent;cursor:pointer;color:var(--color-text-secondary)}*,*:before,*:after{box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,ul,ol,figure{margin:0;padding:0}ul,ol{list-style:none}img,picture,svg{max-width:100%;display:block}button,input,textarea,select{font:inherit;color:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.htmx-indicator{opacity:0;transition:opacity .2s ease-in}.htmx-request .htmx-indicator,.htmx-request.htmx-indicator{opacity:1}[data-hx-loading]{pointer-events:none;opacity:.6;transition:opacity .15s ease}