:root{--font-family:"Noto Sans JP", sans-serif;--clr-white:#fff;--clr-gray-100:#f7f7f7;--clr-gray-200:#e5e5e5;--clr-gray-300:#ccc;--clr-gray-400:#aaa;--clr-gray-500:#888;--clr-gray-600:#666;--clr-gray-700:#444;--clr-gray-800:#222;--clr-gray-900:#111;--clr-black:#000;--clr-blue-100:#d6edff;--clr-blue-300:#b7d2fb;--clr-blue-500:#004cff;--clr-green-100:#cff7d8;--clr-green-300:#52f578;--clr-green-500:#04b42d;--clr-yellow-100:#fcedba;--clr-yellow-300:#f7dd68;--clr-yellow-500:#ffa200;--clr-red-100:#f2d8da;--clr-red-300:#ff9ea6;--clr-red-500:#f60c08;--rgb-white:255, 255, 255;--rgb-black:0, 0, 0;--space-xxs:.125rem;--space-xs:.25rem;--space-sm:.5rem;--space-smd:.75rem;--space-md:1rem;--space-lg:1.5rem;--space-2xl:2rem;--space-3xl:3rem;--space-4xl:4rem;--space-5xl:5rem;--space-6xl:6rem;--space-7xl:7rem;--space-8xl:8rem;--fs-xxs:.625rem;--fs-xs:.6875rem;--fs-sm:.75rem;--fs-base:.8rem;--fs-smd:.875rem;--fs-md:1rem;--fs-lg:1.125rem;--fs-xl:1.25rem;--fs-2xl:1.5rem;--fs-3xl:1.875rem;--fs-4xl:2.25rem;--fs-5xl:3rem;--fs-6xl:3.75rem;--fs-display:6rem;--fw-thin:100;--fw-exlight:200;--fw-light:300;--fw-regular:400;--fw-medium:500;--fw-semibold:600;--fw-bold:700;--fw-exbold:800;--fw-heavy:900;--radius-xxs:4px;--radius-xs:8px;--radius-md:12px;--radius-lg:16px;--radius-extra:100px;--radius-full:50%;--op-0:0;--op-10:.1;--op-20:.2;--op-30:.3;--op-40:.4;--op-50:.5;--op-60:.6;--op-70:.7;--op-80:.8;--op-90:.9;--op-100:1;--dr-xs:.1s;--dr-sm:.15s;--dr-md:.3s;--dr-lg:.5s;--dr-xl:.8s;--dr-2xl:1.2s;--dr-3xl:1.5s;--dr-4xl:2s;--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--info-light:var(--clr-blue-100);--info-hover:var(--clr-blue-300);--info-color:var(--clr-blue-500);--success-light:var(--clr-green-100);--success-hover:var(--clr-green-300);--success-color:var(--clr-green-500);--warning-light:var(--clr-yellow-100);--warning-hover:var(--clr-yellow-300);--warning-color:var(--clr-yellow-500);--danger-light:var(--clr-red-100);--danger-hover:var(--clr-red-300);--danger-color:var(--clr-red-500);--cancel-light:var(--clr-gray-100);--cancel-hover:var(--clr-gray-300);--cancel-color:var(--clr-gray-500);--shadow-btn:3px 3px 6px rgba(var(--rgb-black), var(--op-40));--shadow-strong:2px 4px 6px rgba(var(--rgb-black), var(--op-40)), 4px 8px 14px rgba(var(--rgb-black), var(--op-30));--shadow-medium:2px 4px 4px rgba(var(--rgb-black), var(--op-30)), 4px 6px 6px rgba(var(--rgb-black), var(--op-10));--shadow-white:0 0 5px rgba(var(--rgb-white), var(--op-90)), 0 0 16px rgba(var(--rgb-white), var(--op-50));--shadow-text-black:2px 2px 5px rgba(var(--rgb-black), var(--op-70));--shadow-stage:0 0 10px rgba(var(--rgb-black), var(--op-50))}*{font-size:16px;font-family:var(--font-family);box-sizing:border-box;border:none;outline:none;margin:0;padding:0;font-weight:400}:before,:after{box-sizing:border-box}svg{pointer-events:none}select{cursor:pointer}ul{list-style:none}#app{background:var(--clr-white);flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.page-content{width:100%;height:100%;padding:var(--space-lg);gap:var(--space-md);flex-direction:column;display:flex;overflow:hidden}.is-hover{cursor:pointer;transition:transform var(--dr-md) var(--ease-out), box-shadow var(--dr-md) var(--ease-out)}.is-hover:hover{box-shadow:var(--shadow-btn);transform:translateY(-2px)}.is-disabled{background:var(--clr-gray-200);color:var(--clr-gray-500);opacity:var(--op-50);cursor:not-allowed}.is-disabled:hover{box-shadow:none;transform:none}.loading-spinner{border:2px solid rgba(var(--rgb-black), var(--op-30));border-radius:var(--radius-full);border-top-color:rgba(var(--rgb-black), var(--op-50));width:14px;height:14px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.u-flex{display:flex}.u-v-stack{flex-direction:column;display:flex}.u-f-center{justify-content:center;align-items:center;display:flex}.u-jc-c{justify-content:center}.u-jc-s{justify-content:flex-start}.u-jc-e{justify-content:flex-end}.u-jc-b{justify-content:space-between}.u-jc-v{justify-content:space-evenly}.u-ai-c{align-items:center}.u-ai-s{align-items:flex-start}.u-ai-e{align-items:flex-end}.u-grid{display:grid}.u-grid-row-2{grid-template-rows:repeat(2,1fr)}.u-grid-row-3{grid-template-rows:repeat(3,1fr)}.u-grid-row-4{grid-template-rows:repeat(4,1fr)}.u-grid-row-5{grid-template-rows:repeat(5,1fr)}.u-grid-row-6{grid-template-rows:repeat(6,1fr)}.u-grid-col-2{grid-template-columns:repeat(2,1fr)}.u-grid-col-3{grid-template-columns:repeat(3,1fr)}.u-grid-col-4{grid-template-columns:repeat(4,1fr)}.u-grid-col-5{grid-template-columns:repeat(5,1fr)}.u-grid-col-6{grid-template-columns:repeat(6,1fr)}.u-grid-col-7{grid-template-columns:repeat(7,1fr)}.u-gap-xs{gap:var(--space-xs)}.u-gap-sm{gap:var(--space-sm)}.u-gap-smd{gap:var(--space-smd)}.u-gap-md{gap:var(--space-md)}.u-gap-lg{gap:var(--space-lg)}.u-gap-2xl{gap:var(--space-2xl)}.u-modal{background:rgba(var(--rgb-black), var(--op-30));z-index:var(--z-modal);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.u-modal.u-modal-disabled *{pointer-events:none}.u-clone-fixed{opacity:1!important;visibility:visible!important;background-color:#0000!important;border:none!important;outline:none!important;position:fixed!important;top:100vh!important;left:100vw!important;transform:none!important}.u-capture-vertical{letter-spacing:0!important;writing-mode:horizontal-tb!important;flex-direction:column!important;align-items:center!important;display:flex!important;position:absolute!important}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background-color:var(--clr-gray-600);border-radius:var(--radius-xs);box-shadow:inset 3px 3px 3px rgba(var(--rgb-black), var(--op-30));cursor:grab;min-width:50px;max-width:200px;min-height:50px;max-height:200px}::-webkit-scrollbar-thumb:active{cursor:grabbing}::-webkit-scrollbar-track{background-color:var(--clr-gray-300);border-radius:var(--radius-xs);box-shadow:inset 3px -3px 5px rgba(var(--rgb-black), var(--op-20))}::-webkit-scrollbar-corner{display:none}.page-panel__layout{gap:var(--space-md);flex:1;grid-template-columns:minmax(12rem,16rem) minmax(0,1fr);align-items:start;min-height:0;max-height:100%;display:grid;overflow:hidden}.page-panel__container{max-height:100%;padding:var(--space-md);border:1px solid var(--clr-gray-200);border-radius:var(--radius-md);flex-direction:column;display:flex;overflow:hidden}.page-panel__header{padding-bottom:var(--space-md);align-items:center;gap:var(--space-md);flex-shrink:0;display:flex}.page-panel__title{font-size:var(--fs-md);font-weight:var(--fw-semibold);color:var(--clr-gray-800)}.page-panel__status{font-size:var(--fs-sm);color:var(--clr-gray-500)}.btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xxs);font-size:var(--fs-xs);white-space:nowrap;cursor:pointer;justify-content:center;align-items:center;display:flex}.btn-submit{width:100%;max-width:500px;padding:var(--space-sm);background:var(--info-color);color:var(--clr-white);font-size:var(--fs-sm);font-weight:var(--fw-semibold);text-align:center}.btn-success{background:var(--success-light);color:var(--success-color)}.btn-warning{background:var(--warning-color);color:var(--clr-white)}.btn-delete{background:var(--danger-color);color:var(--clr-white)}.btn-cancel{background:var(--clr-gray-200);color:var(--clr-gray-700)}.text-label{font-size:var(--fs-xs);color:var(--clr-gray-600)}.text-status{font-size:var(--fs-sm);color:var(--clr-gray-500)}@media print{html,#app{width:auto!important;height:auto!important;margin:0!important;padding:0!important;overflow:visible!important}body{font-family:var(--font-family)!important;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important;background:#fff!important;margin:0!important;padding:0!important}main.is-print{width:var(--print-page-width)!important;height:auto!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}main.is-print :has(.print-page)>:not(:has(.print-page)):not(.print-page){display:none!important}main.is-print :has(.print-page){width:var(--print-page-width)!important;border:none!important;gap:0!important;max-width:none!important;height:auto!important;max-height:none!important;margin:0!important;padding:0!important;position:static!important;overflow:visible!important}main.is-print *{visibility:hidden}main.is-print .print-page,main.is-print .print-page *{visibility:visible;-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}main.is-print .print-page{page-break-after:always;break-after:page;width:var(--print-page-width)!important;height:var(--print-page-height)!important;box-shadow:none!important;border:none!important;margin:0!important;padding:0!important;display:block!important;position:relative!important;overflow:hidden!important}main.is-print .print-page:last-child{page-break-after:auto;break-after:auto}main.is-print .print-page>*{width:var(--print-page-width)!important;height:var(--print-page-height)!important;transform-origin:0 0!important;box-shadow:none!important;background:#fff!important;border:none!important;margin:0!important;padding:0!important;position:relative!important;top:0!important;left:0!important;transform:none!important}}