@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.components.parts{.k-skip-link{position:absolute;inset-block-start:-100px;inset-inline-start:12px;z-index:100;padding:10px 16px;border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-surface);color:var(--kyusu-primary);font-weight:600;box-shadow:var(--kyusu-shadow-pop);&:focus,&:focus-visible{inset-block-start:12px;text-decoration:none}}.k-shell{background-color:var(--kyusu-surface)}
.k-shell__body{display:flex;@media(max-width:1023px){display:block}}.k-shell__backdrop{display:none;@media(max-width:1023px){display:block;position:fixed;inset:var(--kyusu-topbar-height) 0 0 0;z-index:24;background-color:rgba(16,24,40,0.45);opacity:0;pointer-events:none;transition:opacity var(--kyusu-transition-slow);:root[data-kyusu-drawer="open"] &{opacity:1;pointer-events:auto}}}:root[data-kyusu-drawer="open"] body{@media(max-width:1023px){overflow:hidden}
}.k-shell__main{display:flex;flex-direction:column;flex:1 1 auto;min-inline-size:0;min-block-size:calc(100vh - var(--kyusu-topbar-height))}.k-main{flex:1 1 auto;scroll-margin-block-start:calc(var(--kyusu-topbar-height) + 12px);&:focus{outline:0}}.k-content{inline-size:100%;max-inline-size:var(--kyusu-content-max-width);margin-inline:auto;padding-inline:var(--kyusu-content-padding-inline);padding-block:26px 44px}.k-content--wide{max-inline-size:var(--kyusu-content-max-width-wide)}.k-content--full{max-inline-size:none}
.k-context-bar{margin-block-end:26px;&:empty{display:none}}.k-topbar{position:sticky;inset-block-start:0;z-index:30;display:flex;align-items:center;block-size:var(--kyusu-topbar-height);padding-inline:24px;border-block-end:1px solid var(--kyusu-line);background-color:var(--kyusu-surface);@media(max-width:1023px){padding-inline:12px 16px}}.k-topbar__form{display:flex;flex:1 1 auto;align-items:center;gap:24px;min-inline-size:0;@media(max-width:1023px){gap:12px}}.k-topbar__brand{display:flex;flex:none;align-items:center;gap:14px;color:var(--kyusu-ink);&:hover{color:var(--kyusu-ink);text-decoration:none}
}.k-topbar__logo{display:block;block-size:40px;inline-size:auto}.k-topbar__product{font-size:20px;font-weight:700;letter-spacing:-0.01em;white-space:nowrap;@media(max-width:479px){display:none}}.k-topbar__search{position:relative;flex:1 1 auto;max-inline-size:var(--kyusu-search-width);margin-inline:auto;@media(max-width:639px){display:none}}.k-topbar__search-icon{position:absolute;z-index:1;inset-block-start:50%;inset-inline-start:14px;transform:translateY(-50%);pointer-events:none;color:var(--kyusu-secondary)}
.k-topbar__search:has(.ui-autocomplete.ui-state-loading) .k-topbar__search-icon{opacity:0}.k-topbar__search-hint{position:absolute;z-index:1;inset-block-start:50%;inset-inline-end:12px;transform:translateY(-50%);pointer-events:none;padding:2px 6px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-md);background-color:var(--kyusu-surface);color:var(--kyusu-secondary);font-family:inherit;font-size:12px;&::before{content:attr(data-kyusu-shortcut)}@media(max-width:1023px){display:none}
}:root[data-kyusu-platform="mac"] .k-topbar__search-hint::before{content:attr(data-kyusu-shortcut-mac)}.k-search-panel{inline-size:var(--kyusu-search-width);max-inline-size:var(--kyusu-search-width)}.k-search__icon{inline-size:32px;color:var(--kyusu-secondary);vertical-align:top}.k-search__title{color:var(--kyusu-ink);font-size:var(--kyusu-font-size);font-weight:600}.k-search__meta{margin-block-start:1px;color:var(--kyusu-secondary);font-size:13px}.k-search__kind{color:var(--kyusu-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-align:end;text-transform:uppercase;vertical-align:top;white-space:nowrap}
.k-search-panel .ui-state-highlight :is(.k-search__icon,.k-search__title){color:inherit}.k-topbar__actions{display:flex;flex:none;align-items:center;gap:6px}.k-topbar:not(:has(.k-topbar__search)) .k-topbar__actions{margin-inline-start:auto}@media(max-width:639px){.k-topbar__actions{margin-inline-start:auto}}.k-topbar__icon-button{display:inline-flex;align-items:center;justify-content:center;inline-size:40px;block-size:40px;padding:0;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-secondary);font-family:inherit;cursor:pointer;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink)}
}.k-topbar__menu{display:none;@media(max-width:1023px){display:inline-flex}& .k-topbar__menu-close{display:none}:root[data-kyusu-drawer="open"] &{& .k-topbar__menu-open{display:none}& .k-topbar__menu-close{display:block}}}.k-topbar__settings{& .k-icon{transition:transform 200ms ease}&:is(:hover,:focus-visible) .k-icon{transform:rotate(45deg)}@media(prefers-reduced-motion:reduce){& .k-icon{transition:none}&:is(:hover,:focus-visible) .k-icon{transform:none}}}.k-topbar__notifications{position:relative;&:hover{text-decoration:none}
}.k-topbar__badge{position:absolute;inset-block-start:2px;inset-inline-end:4px;display:inline-flex;align-items:center;justify-content:center;min-inline-size:16px;block-size:16px;padding-inline:4px;border-radius:var(--kyusu-radius-pill);background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:10px;font-weight:700;line-height:1}.k-topbar__divider{inline-size:1px;block-size:32px;margin-inline:8px;background-color:var(--kyusu-line);@media(max-width:767px){display:none}}.k-topbar__avatar{display:inline-flex;align-items:center;gap:10px;padding:6px 10px 6px 6px;border-radius:var(--kyusu-radius-lg);color:var(--kyusu-ink);transition:var(--kyusu-transition-tint);&[aria-expanded="true"]{background-color:var(--kyusu-canvas)}
&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}}.k-topbar__avatar-mark{display:inline-flex;align-items:center;justify-content:center;inline-size:36px;block-size:36px;border-radius:50%;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:var(--kyusu-font-size);font-weight:700}.k-topbar__avatar-name{font-weight:600;white-space:nowrap;@media(max-width:767px){display:none}}@media(max-width:767px){.k-topbar__avatar{padding:2px}}
:target{scroll-margin-block-start:calc(var(--kyusu-topbar-height) + 12px)}.k-nav-item{--kyusu-navitem-gap:12px;--kyusu-navitem-padding:10px 12px;display:flex;align-items:center;gap:var(--kyusu-navitem-gap);padding:var(--kyusu-navitem-padding);border-radius:var(--kyusu-radius-lg);color:var(--kyusu-secondary);font-size:var(--kyusu-font-size);font-weight:500;white-space:nowrap;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}
}.k-nav-item--active{background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);font-weight:600;&:hover{background-color:var(--kyusu-primary-50);color:var(--kyusu-primary)}}.k-avatar-menu{display:flex;flex-direction:column;gap:2px;min-inline-size:184px}.k-avatar-menu-panel .k-avatar-menu__item{--kyusu-navitem-padding:9px 12px}.k-avatar-menu__item-label{overflow:hidden;text-overflow:ellipsis}.k-avatar-menu__item-external{margin-inline-start:auto}.k-avatar-menu__item--logout{& .k-avatar-menu__item-icon>*{transition:translate var(--kyusu-transition)}
&:hover .k-avatar-menu__item-icon>:is(polyline,line){translate:2px}[dir="rtl"] &:hover .k-avatar-menu__item-icon>:is(polyline,line){translate:-2px}@media(prefers-reduced-motion:reduce){&:hover .k-avatar-menu__item-icon>*{translate:none}}}.k-avatar-menu__divider{block-size:1px;margin-block:6px;background-color:var(--kyusu-line)}.k-sidebar{position:relative;z-index:20;display:flex;flex-direction:column;flex:none;inline-size:var(--kyusu-sidebar-width);background-color:var(--kyusu-surface);transition:inline-size 0s var(--kyusu-transition-slow);@media(max-width:1023px){position:fixed;inset-block:var(--kyusu-topbar-height) 0;inset-inline-start:0;z-index:25;inline-size:min(var(--kyusu-sidebar-drawer-width),85vw);border-inline-end:0;box-shadow:var(--kyusu-shadow-pop);translate:-100% 0;visibility:hidden;transition:translate var(--kyusu-transition-slow),visibility 0s var(--kyusu-transition-slow);:root[data-kyusu-drawer="open"] &{translate:0;visibility:visible;transition:translate var(--kyusu-transition-slow)}
}}.k-sidebar__inner{position:sticky;inset-block-start:var(--kyusu-topbar-height);display:flex;flex-direction:column;inline-size:var(--kyusu-sidebar-width);block-size:calc(100vh - var(--kyusu-topbar-height));overflow:hidden;border-inline-end:1px solid var(--kyusu-line);background-color:var(--kyusu-surface);box-shadow:3px 0 10px -2px rgba(16,24,40,0.10);transition:inline-size var(--kyusu-transition-slow);@media(max-width:1023px){position:static;inline-size:100%;block-size:100%;overflow:visible;border-inline-end:0;box-shadow:none;transition:none}
}.k-sidebar__nav,.k-sidebar__foot{inline-size:var(--kyusu-sidebar-width);@media(max-width:1023px){inline-size:auto}}.k-sidebar__nav{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;min-block-size:0;padding:24px 12px 0;overflow-y:auto}.k-sidebar__item{overflow:hidden;white-space:normal}.k-sidebar__item--placeholder{opacity:.55;cursor:default;&:hover{background-color:transparent;color:var(--kyusu-secondary)}}.k-sidebar__item-label{overflow:hidden;text-overflow:ellipsis}.k-sidebar__item-badge{margin-inline-start:auto;padding:2px 6px;border-radius:var(--kyusu-radius-md);background-color:color-mix(in srgb,var(--kyusu-info) 12%,var(--kyusu-surface));color:var(--kyusu-info);font-size:11px;font-weight:700;line-height:1.2}
.k-sidebar__item-external{margin-inline-start:auto;color:var(--kyusu-secondary)}.k-sidebar__divider{block-size:1px;margin:12px;background-color:var(--kyusu-line)}.k-sidebar__promo{margin-block-start:auto;padding-block:12px 20px;&:empty{display:none}}:root[data-kyusu-promo="dismissed"] .k-sidebar__promo{display:none}.k-sidebar__promo-card{display:block;position:relative;padding:15px;border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-canvas);color:inherit;text-decoration:none}
.k-sidebar__promo-title{margin-block-start:9px;color:var(--kyusu-ink);font-size:13px;font-weight:600;line-height:1.35}.k-sidebar__promo-text{margin:4px 0 0;color:var(--kyusu-secondary);font-size:13px;line-height:1.35}.k-sidebar__promo-link{margin-block-start:10px;font-size:13px}.k-sidebar__promo-dismiss{position:absolute;inset-block-start:8px;inset-inline-end:8px;display:inline-flex;padding:4px;border-radius:4px;color:var(--kyusu-secondary);&:hover,&:focus-visible{background-color:color-mix(in srgb,var(--kyusu-ink) 8%,transparent);color:var(--kyusu-ink)}
}.k-sidebar__foot{display:flex;flex-direction:column;gap:16px;margin-block-start:auto;padding:0 16px 16px}.k-sidebar__support{padding-inline:8px;color:var(--kyusu-secondary)}.k-sidebar__support-head{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600}.k-sidebar__support-text{margin:2px 0 0;font-size:12px}.k-sidebar__support-link{display:inline-block;margin-block-start:4px;font-size:13px;font-weight:500}.k-sidebar__toggle{display:flex;align-items:center;gap:10px;position:relative;padding:8px 12px;border-radius:var(--kyusu-radius-lg);color:var(--kyusu-secondary);font-size:var(--kyusu-font-size);font-weight:500;white-space:nowrap;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink)}
&::before{content:"";position:absolute;inset-block-start:-1px;inset-inline:0;border-block-start:1px solid var(--kyusu-line)}@media(max-width:1023px){display:none}}.k-sidebar__toggle-icon{transition:transform var(--kyusu-transition-slow)}@media(min-width:1024px){:root[data-kyusu-sidebar="collapsed"]{.k-sidebar,.k-sidebar__inner,.k-sidebar__nav,.k-sidebar__foot{inline-size:var(--kyusu-sidebar-width-collapsed)}.k-sidebar{transition:none}.k-sidebar__item,.k-sidebar__toggle{justify-content:center;padding-inline:0}
.k-sidebar__item-label,.k-sidebar__item-badge,.k-sidebar__item-external,.k-sidebar__toggle-label,.k-sidebar__support,.k-sidebar__promo{display:none}.k-sidebar__toggle-icon{transform:rotate(180deg)}}}.k-footer{border-block-start:1px solid var(--kyusu-line);background-color:var(--kyusu-canvas);.k-content{padding-block:20px}}.k-footer__copyright{white-space:nowrap;@media(max-width:639px){display:flex;flex-direction:column;align-items:center;gap:2px;white-space:normal;text-align:center}}.k-footer__separator{margin-inline:8px;@media(max-width:639px){display:none}
}.k-footer__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;color:var(--kyusu-secondary);font-size:13px;@media(max-width:639px){flex-direction:column;justify-content:center}}.k-footer__links{display:flex;flex-wrap:wrap;gap:16px;@media(max-width:639px){justify-content:center}}.k-settings__body{display:grid;grid-template-columns:209px 1fr;gap:31px;@media(max-width:767px){grid-template-columns:minmax(0,1fr);gap:18px}}.k-settings__rail{display:flex;flex-direction:column;gap:4px;padding-inline-end:22px;border-inline-end:1px solid var(--kyusu-line);@media(max-width:767px){flex-direction:row;gap:2px;padding:0 0 8px;border-inline-end:0;border-block-end:1px solid var(--kyusu-line);overflow-x:auto;scrollbar-width:none}
}.k-settings__rail-item{--kyusu-navitem-gap:11px;--kyusu-navitem-padding:9px 13px;text-align:start;@media(max-width:767px){--kyusu-navitem-gap:8px;flex:none}}.k-settings__panels{min-inline-size:0}.k-settings__panel{display:none}.k-settings__panel--active{display:block}.k-settings__footer{display:flex;justify-content:flex-end;gap:13px}.k-loading-dialog__body{display:flex;align-items:center;justify-content:center}.k-loading-dialog__spinner{inline-size:31px;block-size:31px;border:3px solid var(--kyusu-line);border-block-start-color:var(--kyusu-primary);border-radius:50%;animation:kyusu-spin 800ms linear infinite}
.k-loading-dialog__text{margin-block-start:13px;color:var(--kyusu-secondary);text-align:center}@keyframes kyusu-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.k-loading-dialog__spinner{animation-duration:3s}.k-sidebar,.k-sidebar__inner,.k-sidebar__toggle-icon,.k-shell__backdrop{transition:none}}}.k-topbar .k-topbar__search{& input{inline-size:100%;block-size:44px;padding-inline:40px 56px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-canvas);color:var(--kyusu-ink);font-family:inherit;font-size:var(--kyusu-font-size);&:focus{border-color:var(--kyusu-primary);background-color:var(--kyusu-surface);outline:0;box-shadow:var(--kyusu-focus-ring)}
}.ui-autocomplete{display:block}.ui-autocomplete.ui-state-loading .ui-icon-loading{position:absolute;inset-block-start:50%;inset-inline:14px auto;margin:-8px 0 0;inline-size:16px;block-size:16px;color:var(--kyusu-secondary);font-size:16px;line-height:16px;@media(prefers-reduced-motion:reduce){animation-duration:3s}}}.k-search-panel.ui-autocomplete-panel{margin-block-start:6px;padding:6px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-xl);background-color:var(--kyusu-surface);box-shadow:var(--kyusu-shadow-pop);.ui-autocomplete-items{padding:0}
.ui-autocomplete-items .ui-autocomplete-item.ui-autocomplete-row{margin:0;border:0 none;border-radius:var(--kyusu-radius-lg);background:transparent;color:var(--kyusu-ink);>td{padding:9px 12px;border:0 none}>td.k-search__icon{padding-inline-end:0}}.ui-autocomplete-items .ui-autocomplete-item.ui-state-highlight{background:var(--kyusu-primary-50);color:var(--kyusu-primary)}.ui-autocomplete-emptyMessage,.ui-autocomplete-empty-message{margin:0;padding:9px 12px;color:var(--kyusu-secondary)}}