:root{--color-scheme: light;--color-bg: #f7f8fb;--color-surface: #ffffff;--color-surface-2: #f1f3f9;--color-border: #dfe3ea;--color-text: #121826;--color-text-muted: #5b6475;--color-brand: #7c4dff;--color-brand-contrast: #ffffff;--color-success: #21c67a;--color-warning: #ffb020;--color-danger: #ff5d5d;--color-danger-bg: #ff9090;--font-sans: system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji", "Segoe UI Emoji";--text-xs: 12px;--text-sm: 14px;--text-md: 16px;--text-lg: 18px;--text-xl: 20px;--text-2xl: 24px;--text-3xl: 32px;--text-4xl: 40px;--line-tight: 1.15;--line-normal: 1.5;--line-relaxed: 1.75;--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;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-2xl: 28px;--radius-pill: 9999px;--shadow-1: 0 6px 16px rgba(0, 0, 0, .08);--shadow-2: 0 12px 30px rgba(0, 0, 0, .1);--shadow-3: 0 18px 50px rgba(0, 0, 0, .12);--container-max: 1200px;--container-padding: var(--space-6);--header-height: 64px;--sidebar-width: 280px;--sidebar-width-lg: 320px;--transition-fast: .12s;--transition-base: .2s;--transition-slow: .32s;--color-surface-blue-subtle: color-mix(in oklab, #4169e1 4%, var(--color-surface));--scrollbar-size: 12px;--scrollbar-bg: color-mix(in oklab, var(--color-surface-2) 60%, transparent);--scrollbar-thumb: color-mix(in oklab, var(--color-text-muted) 40%, transparent);--scrollbar-thumb-hover: color-mix(in oklab, var(--color-text) 20%, transparent)}[data-theme=dark]{--color-scheme: dark;--color-bg: #0f1220;--color-surface: #14182b;--color-surface-2: #1a2040;--color-border: #28304a;--color-text: #eef0f6;--color-text-muted: #aeb6cf;--color-brand: #9b7dff;--color-brand-contrast: #0b0d18;--shadow-1: 0 6px 16px rgba(2, 6, 23, .35);--shadow-2: 0 12px 30px rgba(2, 6, 23, .45);--shadow-3: 0 18px 50px rgba(2, 6, 23, .55);--color-surface-blue-subtle: color-mix(in oklab, #4169e1 10%, var(--color-surface));--scrollbar-bg: color-mix(in oklab, var(--color-surface) 12%, transparent);--scrollbar-thumb: color-mix(in oklab, var(--color-text-muted) 35%, transparent);--scrollbar-thumb-hover: color-mix(in oklab, var(--color-text) 25%, transparent)}@media (max-width: 1919px),(max-height: 1079px){:root{--space-1: 3px;--space-2: 6px;--space-3: 10px;--space-4: 12px;--space-5: 16px;--space-6: 20px;--space-8: 26px;--space-10: 32px;--space-12: 38px;--space-16: 52px;--text-xs: 11px;--text-sm: 13px;--text-md: 15px;--text-lg: 17px;--text-xl: 19px;--text-2xl: 22px;--text-3xl: 30px;--text-4xl: 36px;--header-height: 56px;--container-padding: var(--space-5);--scrollbar-size: 10px}}@media (max-width: 1365px),(max-height: 767px){:root{--space-1: 2px;--space-2: 3px;--space-3: 7px;--space-4: 9px;--space-5: 10px;--space-6: 14px;--space-8: 18px;--space-10: 24px;--space-12: 26px;--space-16: 36px;--text-xs: 9px;--text-sm: 11px;--text-md: 12px;--text-lg: 14px;--text-xl: 16px;--text-2xl: 18px;--text-3xl: 22px;--text-4xl: 27px;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 20px;--radius-2xl: 22px;--header-height: 48px;--container-padding: var(--space-4);--scrollbar-size: 8px}}*,*:before,*:after{box-sizing:border-box}html{color-scheme:var(--color-scheme)}html,body,#root{height:100%}body{margin:0;font-family:var(--font-sans);font-size:var(--text-md);line-height:var(--line-normal);color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::selection{background:color-mix(in oklab,var(--color-brand) 22%,transparent)}a{color:var(--color-brand);text-decoration:none}a:hover{text-decoration:underline}h1,h2,h3,h4,h5,h6{margin:0 0 var(--space-4) 0;line-height:var(--line-tight)}p{margin:0 0 var(--space-4) 0}img,svg,video,canvas{display:block;max-width:100%}button{font:inherit}.form{width:100%}.form-field{display:flex;flex-direction:column;gap:var(--space-1)}.label{font-size:var(--text-sm);font-weight:600;color:var(--color-text)}.input{width:100%;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);outline:none;transition:border-color var(--transition-base),box-shadow var(--transition-base),background var(--transition-base)}.input::placeholder{color:var(--color-text-muted);opacity:.9}textarea,textarea.input{resize:vertical}.input:focus{border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-brand) 22%,transparent)}.input[type=color],input[type=color].input{padding:0;width:48px;height:40px;border-radius:var(--radius-md);cursor:pointer}input[type=color].input::-webkit-color-swatch-wrapper{padding:0}input[type=color].input::-webkit-color-swatch{border:none;border-radius:var(--radius-md)}input[type=color].input::-moz-color-swatch{border:none;border-radius:var(--radius-md)}.input-invalid{border-color:var(--color-danger)}.form-actions{display:flex;gap:var(--space-3);align-items:center}.form-note{color:var(--color-text-muted);font-size:var(--text-sm)}.modal-backdrop{position:fixed;inset:0;background:color-mix(in oklab,var(--color-text) 40%,transparent);display:flex;align-items:center;justify-content:center;padding:0;z-index:1000;margin:0!important}.stack-md>.modal-backdrop{margin-top:0!important}.modal-card{width:100%;max-width:960px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-3);margin:var(--space-8);max-height:80vh;display:flex;flex-direction:column;overflow:hidden}.modal-header{padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--color-border);background:var(--color-surface)}.modal-body{padding:var(--space-6);background:var(--color-surface);flex:1 1 auto;min-height:0;overflow:auto}.modal-footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;background:var(--color-surface)}.drawer-backdrop{position:fixed;inset:0;background:color-mix(in oklab,var(--color-text) 40%,transparent);display:flex;align-items:stretch;justify-content:flex-end;z-index:1000;margin:0!important}.stack-md>.drawer-backdrop{margin-top:0!important}.drawer{width:70vw;height:100%;max-width:1500px;background:color-mix(in oklab,var(--color-surface-2) 85%,var(--color-surface) 15%);border-left:1px solid var(--color-border);box-shadow:var(--shadow-3);display:flex;flex-direction:column;overflow:hidden;border-radius:var(--radius-lg) 0 0 var(--radius-lg)}.drawer__header{padding:var(--space-3) var(--space-4);border-bottom:1px solid color-mix(in oklab,var(--color-border) 55%,transparent);background:transparent}.drawer__body{padding:var(--space-6);background:transparent;flex:1 1 auto;min-height:0;overflow:hidden}.drawer__footer{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border);display:flex;gap:var(--space-3);justify-content:flex-end;background:var(--color-surface)}.detaildrawer-grid{display:grid;grid-template-columns:.4fr .6fr;gap:0;height:100%;min-height:0}.detaildrawer-left{min-height:0;overflow:hidden;padding:var(--space-3);padding-right:0;background:transparent}.detaildrawer-left__container{background:transparent;padding:var(--space-2) 0;padding-inline-end:calc(var(--space-4) + var(--space-2));border-radius:var(--radius-lg);margin:var(--space-4) 0;height:calc(100% - (2 * var(--space-4)));overflow-y:auto;contain:content;overscroll-behavior:contain;scrollbar-gutter:stable;will-change:transform}.detaildrawer-left__container::-webkit-scrollbar{width:var(--scrollbar-size)}.detaildrawer-left__container::-webkit-scrollbar-track{background:var(--scrollbar-bg, transparent)}.detaildrawer-left__container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-pill)}.detaildrawer-left__container::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.detaildrawer-left__container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg, transparent)}.detaildrawer-right{display:grid;grid-template-rows:auto 1fr auto;min-height:0;border-left:none;background:var(--color-surface);border-radius:var(--radius-xl) 0 0 var(--radius-xl)}.detaildrawer-right__header{padding:var(--space-6);border-bottom:1px solid color-mix(in oklab,var(--color-border) 45%,transparent);background:transparent;position:sticky;top:0;z-index:1;will-change:transform}.detaildrawer-right__main{padding:var(--space-3);padding-right:0;overflow:hidden;min-height:0}.detaildrawer-right__main__container{background:var(--color-surface-blue-subtle);padding:var(--space-3);padding-inline-end:calc(var(--scrollbar-size) + var(--space-2));border-radius:var(--radius-lg) 0 0 var(--radius-lg);margin:var(--space-4) 0;height:calc(100% - (2 * var(--space-4)));overflow-y:auto;min-height:0;contain:content;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;will-change:transform}.detaildrawer-right__main__container::-webkit-scrollbar{width:var(--scrollbar-size)}.detaildrawer-right__main__container::-webkit-scrollbar-track{background:var(--scrollbar-bg, transparent)}.detaildrawer-right__main__container::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);border-radius:var(--radius-pill)}.detaildrawer-right__main__container::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}.detaildrawer-right__main__container{scrollbar-width:thin;scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-bg, transparent)}.detaildrawer-right__footer{padding:var(--space-5) var(--space-6);border-top:1px solid color-mix(in oklab,var(--color-border) 45%,transparent)}.detailchapter-stack{display:grid;gap:var(--space-4)}.detailchapter{background:var(--color-surface);border:none;border-radius:var(--radius-md);padding:var(--space-2);width:100%;margin:0;overflow:hidden;display:flex;flex-direction:column;content-visibility:auto;contain-intrinsic-size:auto 600px}.detailchapter__title{margin:0 0 var(--space-3) 0;font-weight:700}.detailchapter__body{overflow-y:auto;min-height:0;padding-inline-end:calc(var(--scrollbar-size) + var(--space-3));contain:content;overscroll-behavior:contain;scrollbar-gutter:stable both-edges;will-change:transform}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding-left:var(--container-padding);padding-right:var(--container-padding)}.app-header{position:sticky;top:0;z-index:50;width:100%;background:var(--color-surface);border-bottom:1px solid var(--color-border);box-shadow:var(--shadow-1)}.app-header__inner{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding-left:var(--container-padding);padding-right:var(--container-padding)}.content-wide{width:100%;padding-left:var(--container-padding);padding-right:var(--container-padding)}.app-main{height:calc(100vh - var(--header-height));overflow:hidden}.app-main__grid{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6);height:100%}.app-main__grid>.column{min-height:0;overflow-y:auto;padding-top:var(--space-8);padding-bottom:var(--space-12)}@media (min-width: 1400px){.app-main__grid{grid-template-columns:1fr 420px}}.app-shell{display:grid;grid-template-columns:var(--sidebar-width) 1fr;height:100vh}.app-shell__sidebar{background:var(--color-surface);border-right:1px solid var(--color-border);padding:0px var(--space-4);overflow-y:auto}.app-shell__sidebar .sidebar-inner{display:flex;flex-direction:column;min-height:100%;position:relative}.app-shell__sidebar .sidebar-header{margin-bottom:var(--space-6)}.app-shell__sidebar .sidebar-header .title{font-weight:700}.app-shell__sidebar .sidebar-divider{height:1px;background:var(--color-border);margin:var(--space-4) 0}.sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2)}.sidebar-link{display:flex;align-items:center;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);border:1px solid transparent;border-radius:var(--radius-md);background:transparent;color:var(--color-text);text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.sidebar-link:hover{background:color-mix(in oklab,var(--color-surface-2) 80%,transparent);text-decoration:none}.sidebar-link.is-active{background:var(--color-surface-2);border-color:color-mix(in oklab,var(--color-brand) 35%,var(--color-border));box-shadow:inset 3px 0 0 var(--color-brand)}.sidebar-smartviews{flex:1 1 auto;min-height:0;overflow-y:auto;padding-right:2px}.sidebar-sticky-bottom{margin-top:auto;position:sticky;bottom:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding-top:var(--space-4);padding-bottom:0}.sidebar-sticky-top{position:sticky;top:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding-top:var(--space-4);z-index:1}.sidebar-scroll,.sidebar-section-grow{flex:1 1 auto;min-height:0;display:flex;flex-direction:column}.app-shell__content{display:flex;flex-direction:column;min-width:0;min-height:0}.app-shell__content-header{height:var(--header-height);flex:0 0 var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 var(--container-padding);border-bottom:1px solid var(--color-border)}.app-shell__content-main{flex:1 1 auto;display:flex;flex-direction:column;min-height:0;overflow:hidden;padding:var(--container-padding)}@media (min-width: 1400px){.app-shell{grid-template-columns:var(--sidebar-width-lg) 1fr}}@media (max-width: 960px){.app-main__grid{grid-template-columns:1fr}}.timeline-item{width:80%;border-radius:var(--radius-sm);padding:var(--space-2);display:grid;gap:var(--space-2)}.timeline-item.is-center{margin-left:auto;margin-right:auto}.timeline-item.is-left{margin-right:auto}.timeline-item.is-right{margin-left:auto}.timeline-item--note{background:color-mix(in oklab,var(--color-warning) 12%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-warning) 32%,var(--color-surface))}.timeline-item--call{background:color-mix(in oklab,var(--color-brand) 10%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-brand) 32%,var(--color-surface))}.timeline-item--message{background:color-mix(in oklab,var(--color-success) 12%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-success) 32%,var(--color-surface))}.timeline-item--event{background:color-mix(in oklab,var(--color-border) 12%,var(--color-surface));border:1px solid color-mix(in oklab,var(--color-border) 32%,var(--color-surface))}.timeline-item__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--color-text-muted)}.timeline-item__meta .badge{font-weight:700;letter-spacing:.02em;font-size:var(--text-xs);padding:2px 6px;border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-border) 70%,transparent);background:transparent}.timeline-item__fields{display:grid;gap:var(--space-2)}.timeline-item--call .timeline-item__fields{grid-template-columns:minmax(0,1fr) 140px}.timeline-item--message .timeline-item__fields{grid-template-columns:1fr}.input-sm{padding:var(--space-2) var(--space-3);border-radius:var(--radius-md)}.input-xs{padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);font-size:var(--text-sm)}.timeline-item__content{white-space:pre-wrap;line-height:var(--line-normal)}.timeline-item__submeta{text-align:right;font-size:var(--text-xs);color:var(--color-text-muted)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loader{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;border:3px solid color-mix(in oklab,var(--color-text) 22%,transparent);border-top-color:var(--color-brand);animation:spin .8s linear infinite}.loader--sm{width:18px;height:18px;border-width:2px}.loader--lg{width:40px;height:40px;border-width:4px}.loader-overlay{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:color-mix(in oklab,var(--color-surface) 70%,transparent);z-index:2}@keyframes fadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeInUp .22s ease-out}@keyframes callBarSlide{0%{background-position:0% 0}to{background-position:200% 0}}.call-statusbar{position:relative;border-radius:var(--radius-md);border:1px solid color-mix(in oklab,var(--color-brand) 40%,var(--color-border));overflow:hidden}.call-statusbar__track{height:6px;background:linear-gradient(90deg,color-mix(in oklab,var(--color-brand) 18%,transparent) 0%,color-mix(in oklab,var(--color-brand) 32%,transparent) 25%,color-mix(in oklab,var(--color-brand) 18%,transparent) 50%,transparent 75%,color-mix(in oklab,var(--color-brand) 18%,transparent) 100%);background-size:200% 100%;animation:callBarSlide 1.2s linear infinite}.call-statusbar.is-error{border-color:color-mix(in oklab,var(--color-danger) 55%,var(--color-border))}.call-statusbar.is-error .call-statusbar__track{background:linear-gradient(90deg,color-mix(in oklab,var(--color-danger) 18%,transparent) 0%,color-mix(in oklab,var(--color-danger) 32%,transparent) 25%,color-mix(in oklab,var(--color-danger) 18%,transparent) 50%,transparent 75%,color-mix(in oklab,var(--color-danger) 18%,transparent) 100%)}.text-muted{color:var(--color-text-muted)}.text-center{text-align:center}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.rounded-sm{border-radius:var(--radius-sm)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-pill{border-radius:var(--radius-pill)}.surface{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.surface-elevated{background:var(--color-surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.bubble-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-2);padding:var(--space-6)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:calc(var(--space-3) + 2px) var(--space-5);font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-pill);border:1px solid transparent;background:var(--color-surface);color:var(--color-text);box-shadow:var(--shadow-1);transition:transform var(--transition-fast),box-shadow var(--transition-base),background var(--transition-base);text-decoration:none}.btn.text-sm{padding:var(--space-2) var(--space-4)}.btn.text-xs{padding:var(--space-1) var(--space-3);font-size:var(--text-xs)}.btn:hover{transform:translateY(-1px);box-shadow:var(--shadow-2);text-decoration:none}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;border-color:var(--color-brand);box-shadow:0 0 0 3px color-mix(in oklab,var(--color-brand) 22%,transparent)}.btn-primary{background:var(--color-brand);color:var(--color-brand-contrast)}.btn-ghost{background:transparent;border-color:color-mix(in oklab,var(--color-border) 60%,transparent);box-shadow:none}.btn-ghost:hover{background:color-mix(in oklab,var(--color-surface-2) 60%,transparent);box-shadow:none;transform:none}.btn:disabled,.btn[disabled]{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border);box-shadow:none;transform:none;cursor:not-allowed}.btn:disabled:hover,.btn[disabled]:hover{background:var(--color-surface-2);box-shadow:none;transform:none}.btn-primary:disabled,.btn-primary[disabled]{background:var(--color-surface-2);color:var(--color-text-muted);border-color:var(--color-border)}.btn-ghost:disabled,.btn-ghost[disabled]{background:transparent;color:var(--color-text-muted);border-color:var(--color-border);box-shadow:none}.btn-block{width:100%;justify-content:flex-start}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.stack-xs>*+*{margin-top:var(--space-1)}.stack-s>*+*{margin-top:var(--space-2)}.stack-none>*+*{margin-top:0}.stack-sm>[class*=stack-]{margin-top:0}.stack-md>[class*=stack-]{margin-top:0}.stack-lg>[class*=stack-]{margin-top:0}.grid-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:var(--space-6)}.two-col{display:grid;grid-template-columns:2fr 1fr;gap:var(--space-6)}@media (max-width: 900px){.two-col{grid-template-columns:1fr}}.grid-80-20{display:grid;grid-template-columns:1fr 320px;gap:var(--space-6)}@media (min-width: 1400px){.grid-80-20{grid-template-columns:1fr 420px}}@media (max-width: 960px){.grid-80-20{grid-template-columns:1fr}}.hover-lift{transition:transform var(--transition-fast),box-shadow var(--transition-base)}.hover-lift:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.tile{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-5);box-shadow:var(--shadow-1);transition:box-shadow var(--transition-base),transform var(--transition-fast),border-color var(--transition-base);display:flex;flex-direction:column;gap:var(--space-4)}.tile-title{font-size:var(--text-xl)}.tile-footer{margin-top:auto}.tile-create{border-style:dashed;border-color:color-mix(in oklab,var(--color-brand) 40%,var(--color-border));background:color-mix(in oklab,var(--color-surface) 92%,var(--color-brand) 8%);display:flex;align-items:center;justify-content:space-between}.nav-vertical{display:flex;flex-direction:column;gap:var(--space-2)}.nav-section{margin-bottom:var(--space-4)}.caption{color:var(--color-text-muted);font-size:var(--text-sm)}.tile-create:hover{border-color:var(--color-brand)}.segmented{display:inline-flex;align-items:center;gap:2px;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px}.segmented__item{appearance:none;border:none;background:transparent;color:var(--color-text);padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);cursor:pointer;font-weight:600}.segmented__item.is-active{background:var(--color-brand);color:var(--color-brand-contrast);box-shadow:var(--shadow-1)}.segmented__item:focus-visible{outline:none;box-shadow:0 0 0 3px color-mix(in oklab,var(--color-brand) 22%,transparent)}.sv-filter{display:flex;flex-direction:column;gap:var(--space-3)}.sv-filter__toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.sv-filter__rows{display:flex;flex-direction:column;gap:var(--space-3)}.sv-filter__row{display:grid;grid-template-columns:220px 1fr 1fr 80px;gap:var(--space-3);align-items:center}.sv-filter__row .input{width:100%}.sv-columns{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2) var(--space-8);align-items:start}.sv-columns__item{display:flex;align-items:center;gap:var(--space-2)}.table{display:flex;flex-direction:column;min-height:0;width:100%;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.table__head{background:var(--color-surface-2, var(--color-surface));border-bottom:1px solid var(--color-border)}.table__body{flex:1 1 auto;min-height:0;overflow:auto}.table__row{display:grid;grid-template-columns:240px 260px 200px 1fr;align-items:center;gap:var(--space-4);padding:var(--space-3) var(--space-4)}.table__head .table__row{font-weight:700}.table__body .table__row{border-bottom:1px solid var(--color-border)}.table__body .table__row:hover{background:color-mix(in oklab,var(--color-surface-2, var(--color-surface)) 86%,transparent)}.table__cell{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.table__empty,.table__footer{padding:var(--space-6);text-align:center;color:var(--color-text-muted)}.content-fill{display:flex;flex-direction:column;flex:1 1 auto;min-height:0}.min-h-0{min-height:0}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.data-table{width:100%;border-collapse:separate;border-spacing:0;table-layout:fixed}.data-table th,.data-table td{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.data-table thead th{font-weight:700;text-align:left;padding:var(--space-3) var(--space-4)}.data-table tbody td{padding:var(--space-3) var(--space-4);border-top:1px solid var(--color-border)}.data-table tbody tr:hover{background:color-mix(in oklab,var(--color-surface-2, var(--color-surface)) 86%,transparent)}.data-col-sm{width:160px}.data-col-md{width:240px}.data-col-lg{width:320px}.mobile-no-zoom{-webkit-text-size-adjust:100%}.mobile-no-zoom input,.mobile-no-zoom select,.mobile-no-zoom textarea{font-size:16px}