@layer kyusu.tokens,kyusu.base,kyusu.components,kyusu.utilities;@layer kyusu.components.shared,kyusu.components.parts;@layer kyusu.components.shared{.k-quiet-button{border:0;background-color:transparent;font-family:inherit;cursor:pointer}.k-surface{padding:var(--kyusu-surface-padding,22px);border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-surface)}.k-surface--card{position:relative;box-shadow:var(--kyusu-shadow-card)}.k-section-title{margin-block-end:13px;color:var(--kyusu-ink);font-size:15px;font-weight:700}
.k-eyebrow{color:var(--kyusu-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.k-divider-top{margin-block-start:22px;padding-block-start:22px;border-block-start:1px solid var(--kyusu-line)}.k-heading{color:var(--kyusu-ink);font-size:20px;line-height:31px;font-weight:700;letter-spacing:-0.01em}.k-corner-action{position:absolute;inset-block-start:18px;inset-inline-end:18px;z-index:1}.k-chip{display:inline-flex;align-items:center;gap:9px;padding:7px 9px;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-secondary);font-family:inherit;font-size:13px;text-align:start;cursor:pointer;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink)}
& strong{color:var(--kyusu-ink);font-weight:600}}.k-badge{flex:none;padding:4px 11px;border-radius:var(--kyusu-radius-pill);background-color:#f1f5f9;color:var(--kyusu-secondary);font-size:13px;font-weight:600}.k-badge--positive{background-color:color-mix(in srgb,var(--kyusu-positive) 10%,transparent);color:var(--kyusu-positive)}.k-badge--brand{background-color:var(--kyusu-primary-50);color:var(--kyusu-primary)}.k-badge--muted{color:color-mix(in srgb,var(--kyusu-secondary) 70%,transparent)}.k-badge--new{padding:2px 9px;border-radius:var(--kyusu-radius-pill);background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:12px;font-weight:700;line-height:1.4}
.k-promo-badge{display:inline-block;padding:3px 9px;border-radius:4px;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font-size:12px;font-weight:700;line-height:1}.k-inline-link{display:inline-flex;flex:none;align-items:center;gap:4px;font-size:14px;font-weight:600}.k-backlink{display:inline-flex;align-items:center;gap:11px;padding:9px;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-ink);font-family:inherit;font-size:var(--kyusu-font-size);font-weight:600;cursor:pointer;&:hover{color:var(--kyusu-primary);text-decoration:none}
}.k-status{display:flex;flex-wrap:wrap;align-items:center;gap:4px 9px;padding-inline:4px;font-size:14px}.k-status__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:20px;block-size:20px;border-radius:50%;background-color:var(--kyusu-positive);color:var(--kyusu-primary-contrast)}.k-status__headline{color:var(--kyusu-positive);font-weight:600}.k-status__text{color:var(--kyusu-secondary)}.k-empty{padding:26px 18px;border:1px dashed var(--kyusu-line);border-radius:var(--kyusu-radius-lg);color:var(--kyusu-secondary);font-size:14px;text-align:center}
.k-listrow{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:12px 18px;&>.k-grow{flex-basis:140px}padding:15px 18px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);transition:border-color var(--kyusu-transition),background-color var(--kyusu-transition);&:hover{border-color:color-mix(in srgb,var(--kyusu-primary) 40%,transparent);background-color:var(--kyusu-canvas)}}.k-listrow--flush{border:0;border-radius:inherit}.k-listrow__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:44px;block-size:44px;border-radius:50%;background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);font-size:14px;font-weight:700}
.k-listrow__mark--muted{background-color:var(--kyusu-canvas);color:var(--kyusu-secondary)}.k-listrow__title{overflow:hidden;color:var(--kyusu-ink);font-size:var(--kyusu-font-size);font-weight:700;text-overflow:ellipsis;white-space:nowrap}.k-listrow__meta{margin-block-start:2px;color:var(--kyusu-secondary);font-size:14px}.k-areas{container-type:inline-size}.k-areas__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:26px 22px;align-items:start}@container(min-width:573px) and (max-width:1185.98px){.k-areas__grid{display:block;columns:2;column-gap:22px}
.k-areas__grid>.k-area{margin-block-end:26px;break-inside:avoid}}@container(min-width:1186px){.k-areas__grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}}@keyframes kyusu-enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){:root:not([data-kyusu-entered]) .k-areas__grid>.k-area{animation:kyusu-enter 320ms ease-out backwards;&:nth-child(2){animation-delay:40ms}&:nth-child(3){animation-delay:80ms}&:nth-child(4){animation-delay:120ms}
}}.k-area{--kyusu-area:var(--kyusu-area-1);--kyusu-area-tint:var(--kyusu-area-1-tint);--kyusu-area-ink:var(--kyusu-area-1-ink);margin:0}.k-area--2{--kyusu-area:var(--kyusu-area-2);--kyusu-area-tint:var(--kyusu-area-2-tint);--kyusu-area-ink:var(--kyusu-area-2-ink)}.k-area--3{--kyusu-area:var(--kyusu-area-3);--kyusu-area-tint:var(--kyusu-area-3-tint);--kyusu-area-ink:var(--kyusu-area-3-ink)}.k-area--4{--kyusu-area:var(--kyusu-area-4);--kyusu-area-tint:var(--kyusu-area-4-tint);--kyusu-area-ink:var(--kyusu-area-4-ink)}
.k-area__title{display:flex;align-items:center;gap:11px;margin:0 0 13px;padding:0 0 11px;border-block-end:3px solid var(--kyusu-area);color:var(--kyusu-ink);font-size:17px;font-weight:700}.k-area__name{flex:1;min-inline-size:0}.k-area__count{color:var(--kyusu-secondary);font-size:13px;font-weight:500}.k-area__list{display:flex;flex-direction:column;gap:7px;margin:0;padding:0;list-style:none;&>li{display:flex;container-type:inline-size}}.k-toolcard{--link-color:var(--kyusu-ink);--link-hover-color:var(--kyusu-ink);display:flex;flex:1;align-items:center;gap:13px;box-sizing:border-box;min-inline-size:0;min-block-size:62px;padding:9px 13px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-card);background-color:var(--kyusu-surface);color:var(--kyusu-ink);font-size:15px;font-weight:600;line-height:1.25;text-align:start;text-decoration:none;transition:border-color var(--kyusu-transition),background-color var(--kyusu-transition),box-shadow var(--kyusu-transition);&:hover{border-color:var(--kyusu-area);background-color:var(--kyusu-area-tint);box-shadow:0 2px 8px rgba(16,24,40,0.06);color:var(--kyusu-ink);text-decoration:none}
}.k-toolcard--preview{--link-color:#5B6577;--link-hover-color:#5B6577;border-style:dashed;border-color:#D3D8E0;background-color:var(--kyusu-canvas);color:#5B6577;&:hover{border-color:#d3d8e0;background-color:var(--kyusu-canvas);box-shadow:none;color:#5b6577}& .k-toolcard__mark{background-color:#eef1f5;color:#5b6577}}.k-toolcard__mark{display:flex;flex:none;align-items:center;justify-content:center;inline-size:35px;block-size:35px;border-radius:var(--kyusu-radius-xl);background-color:var(--kyusu-area-tint);color:var(--kyusu-area-ink)}
.k-toolcard__name{flex:1;min-inline-size:0;overflow-wrap:break-word}.k-toolcard__badges{display:flex;flex:none;flex-wrap:wrap;gap:6px;&>.k-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 9px;font-size:12px;line-height:1.4;white-space:nowrap}}@container(max-width:374.98px){.k-toolcard:has(>.k-toolcard__badges){display:grid;grid-template-columns:auto minmax(0,1fr) auto;row-gap:4px;&>.k-toolcard__mark{grid-area:1 / 1 / 3 / 2}&>.k-toolcard__name{grid-area:1 / 2}&>.k-toolcard__badges{grid-area:2 / 2;justify-self:start}
&>.k-toolcard__arrow{grid-area:1 / 3 / 3 / 4}}}.k-toolcard__arrow{flex:none;color:var(--kyusu-primary)}.k-searchfield{position:relative;&>.k-icon{position:absolute;inset-block-start:50%;inset-inline-start:12px;color:var(--kyusu-secondary);transform:translateY(-50%);pointer-events:none}}.k-loadmenu{inline-size:320px;max-inline-size:100%}.k-loadmenu__title{padding:14px 12px 6px;color:var(--kyusu-secondary);font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase}.k-loadmenu__entry{display:flex;align-items:center;gap:12px;padding:8px 12px;border-radius:var(--kyusu-radius-lg);color:var(--kyusu-ink);text-decoration:none;transition:var(--kyusu-transition-tint);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}
&>.k-badge{margin-inline-start:auto;padding:2px 8px;font-size:11px}}.k-loadmenu__entry--disabled{color:var(--kyusu-secondary);&:hover{background-color:transparent;color:var(--kyusu-secondary)}& .k-loadmenu__mark{background-color:var(--kyusu-canvas);color:var(--kyusu-secondary)}}.k-loadmenu__mark{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:32px;block-size:32px;border-radius:50%;background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);font-size:12px;font-weight:700}
.k-loadmenu__text{display:flex;flex-direction:column;min-inline-size:0}.k-loadmenu__name,.k-loadmenu__meta{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.k-loadmenu__name{font-size:13px;font-weight:600}.k-loadmenu__meta{color:var(--kyusu-secondary);font-size:12px}.k-loadmenu__empty{padding:4px 12px 8px;color:var(--kyusu-secondary);font-size:13px}.k-loadmenu__footer{margin-block-start:8px;padding-block-start:8px;border-block-start:1px solid var(--kyusu-line)}.k-leaders__title{padding-block-end:9px;border-block-end:1px solid var(--kyusu-primary);color:var(--kyusu-ink);font-size:var(--kyusu-font-size);font-weight:700}
.k-leaders__head,.k-leaders__row{display:flex;align-items:baseline;gap:13px}.k-leaders__head{padding-block:13px 4px}.k-leaders__row{padding-block:8px}.k-leaders__group{margin-block-start:13px;color:var(--kyusu-ink);font-size:14px;font-weight:600}.k-leaders__label{color:var(--kyusu-secondary);font-size:14px}.k-leaders__leader{flex:1;margin-block-end:4px;border-block-end:1px dotted var(--kyusu-line)}.k-leaders__value{inline-size:var(--kyusu-leaders-value-width,106px);color:var(--kyusu-ink);font-size:14px;font-weight:700;font-variant-numeric:tabular-nums;text-align:end}
.k-leaders__head .k-leaders__value{color:var(--kyusu-secondary);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.k-flow{display:flex;flex-wrap:wrap;align-items:center;gap:11px}.k-flow__tile{flex:1 1 auto;min-inline-size:165px;padding:11px 15px;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-surface)}.k-flow__tile--highlight{border-color:var(--kyusu-primary);background-color:var(--kyusu-primary-50)}.k-flow__label{color:var(--kyusu-secondary);font-size:13px}
.k-flow__value{margin-block-start:4px;color:var(--kyusu-ink);font-size:17px;font-weight:700;font-variant-numeric:tabular-nums}.k-flow__tile--highlight .k-flow__value{color:var(--kyusu-primary)}.k-flow__op{padding-inline:2px;color:var(--kyusu-secondary);font-size:20px;font-weight:700}.k-modal-title{display:flex;align-items:center;gap:7px;color:var(--kyusu-ink);font-size:17px;font-weight:700}.k-modal-subtitle{margin:4px 0 0;color:var(--kyusu-secondary);font-size:14px}.k-icon-button{display:inline-flex;flex:none;align-items:center;justify-content:center;inline-size:35px;block-size:35px;padding:0;border:1px solid var(--kyusu-line);border-radius:var(--kyusu-radius-lg);background-color:var(--kyusu-surface);color:var(--kyusu-secondary);cursor:pointer;transition:border-color var(--kyusu-transition),var(--kyusu-transition-tint);--link-color:var(--kyusu-secondary);--link-hover-color:var(--kyusu-primary);&:hover{border-color:var(--kyusu-primary);background-color:var(--kyusu-primary-50);color:var(--kyusu-primary);text-decoration:none}
}.k-icon-button--danger{border-color:var(--kyusu-danger);background-color:var(--kyusu-danger);color:var(--kyusu-primary-contrast);--link-color:var(--kyusu-primary-contrast);--link-hover-color:var(--kyusu-primary-contrast);&:hover{border-color:var(--kyusu-danger-dark);background-color:var(--kyusu-danger-dark);color:var(--kyusu-primary-contrast)}}.k-action{display:inline-flex;align-items:center;gap:11px;block-size:44px;padding-inline:13px;border:0;border-radius:var(--kyusu-radius-lg);background-color:transparent;color:var(--kyusu-ink);font-family:inherit;font-size:var(--kyusu-font-size);font-weight:600;white-space:nowrap;cursor:pointer;transition:var(--kyusu-transition-tint);--link-color:var(--kyusu-ink);--link-hover-color:var(--kyusu-ink);&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-ink);text-decoration:none}
}.k-action-sep{inline-size:1px;block-size:26px;margin-inline:9px;background-color:var(--kyusu-line)}.k-tray{display:flex;flex-wrap:wrap;gap:8px;min-inline-size:0}.k-tray__chip{display:flex;align-items:center;gap:8px;padding:6px 8px 6px 10px;border-radius:6px;background-color:var(--kyusu-primary-50);font-size:12px;max-inline-size:220px;flex:none}.k-tray__name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-inline-size:0}.k-tray__remove{display:inline-flex;flex:none;align-items:center;justify-content:center;border:0;background-color:transparent;color:var(--kyusu-primary);cursor:pointer;inline-size:20px;block-size:20px;padding:0;font-family:inherit;transition:var(--kyusu-transition-tint);&:hover{background-color:color-mix(in srgb,var(--kyusu-primary) 10%,transparent)}
&:focus-visible{outline:0;box-shadow:var(--kyusu-focus-ring)}}.k-tray__more{display:flex;align-items:center;gap:6px;padding:6px 8px 6px 10px;border-radius:6px;background-color:var(--kyusu-primary-50);border:0;color:var(--kyusu-primary);font-family:inherit;font-size:12px;font-weight:700;cursor:pointer;flex:none;transition:var(--kyusu-transition-tint);&:hover{background-color:color-mix(in srgb,var(--kyusu-primary) 15%,transparent)}&:focus-visible{outline:0;box-shadow:var(--kyusu-focus-ring)}}.k-tray__slot{flex:none;box-sizing:border-box;inline-size:30px;block-size:30px;border:1.5px dashed #94a3b8;border-radius:8px}
.k-tray:has(>.k-tray__slot){gap:4px}.k-tray__list{display:flex;flex-direction:column;gap:4px;min-inline-size:240px;max-block-size:320px;overflow-y:auto}.k-tray__entry{display:flex;justify-content:space-between;gap:8px;padding:6px 4px;font-size:13px}.k-tray.k-tray--marks{flex:none;flex-wrap:nowrap;align-items:center;gap:0}.k-tray__mark{position:relative;display:grid;place-items:center;flex:none;inline-size:34px;block-size:34px;padding:0;border:2px solid var(--kyusu-surface);border-radius:8px;background-color:var(--kyusu-primary);color:var(--kyusu-primary-contrast);font:inherit;font-size:13px;font-weight:700;text-decoration:none;cursor:pointer;+.k-tray__mark{margin-inline-start:-8px}
&:nth-child(2){background-color:#334155}&:nth-child(3){background-color:#0e7490}&:hover,&:focus-visible{color:var(--kyusu-primary-contrast);text-decoration:none;>span{visibility:hidden}&::after{content:"×";position:absolute;inset:0;display:grid;place-items:center;font-size:18px;font-weight:600}}&:focus-visible{outline:2px solid var(--kyusu-primary);outline-offset:2px}}.k-tray--marks .k-tray__slot{margin-inline-start:4px}.k-tray__overflow{display:grid;place-items:center;flex:none;min-inline-size:44px;block-size:44px;margin-inline-start:4px;padding:0 8px;border:0;border-radius:8px;background-color:var(--kyusu-primary-100);color:var(--kyusu-primary);font:inherit;font-size:12px;font-weight:700;cursor:pointer}
.k-tray__summary{display:flex;flex:1;flex-direction:column;gap:1px;min-inline-size:0;>strong{overflow:hidden;color:var(--kyusu-ink);font-size:13px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}>span{overflow:hidden;color:#475569;font-size:12px;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}>.k-tray__hint{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:normal}}.k-tray__clear{display:inline-flex;align-items:center;flex:none;block-size:36px;padding:0 10px;border:0;border-radius:6px;background:0;color:#475569;font:inherit;font-size:12px;font-weight:600;white-space:nowrap;text-decoration:none;cursor:pointer;&:hover{background-color:var(--kyusu-canvas);color:var(--kyusu-primary);text-decoration:none}
}.k-tray__short{display:none}@media(max-width:700px){.k-tray--marks .k-tray__mark ~ .k-tray__slot,.k-tray__long{display:none}.k-tray__short{display:inline}.k-tray__clear{padding:0 6px}}}.k-field{display:flex;flex-direction:column;justify-content:flex-end;min-inline-size:0}.k-field .k-field__label,.k-field__label{display:flex;align-items:center;gap:4px;margin-block-end:4px;color:var(--kyusu-secondary);font-size:13px;font-weight:500}.k-field .ui-inputfield,.k-field .ui-selectonemenu{inline-size:100%}
.k-field .ui-calendar{display:flex;position:relative;inline-size:100%}.k-field .ui-calendar>.ui-inputfield{flex:1 1 0;inline-size:auto;min-inline-size:0}.k-field .ui-calendar>.ui-datepicker-trigger{flex:0 0 auto}.k-field .ui-inputnumber{display:flex;inline-size:100%;min-inline-size:0}.k-field .ui-inputgroup>.ui-selectonemenu,.k-field .ui-inputgroup>.ui-inputfield{min-inline-size:0}.k-field .ui-inputnumber>.ui-inputfield{flex:1 1 0;inline-size:auto;min-inline-size:0}.k-area__list .k-toolcard{font-size:15px}
.k-searchfield>.ui-inputtext{inline-size:100%;padding-inline-start:2.25rem}.k-loadmenu__footer>.ui-button{display:flex;inline-size:100%}