.app-container[data-v-ed2c26bc]{height:100vh;min-height:100vh;overflow:hidden}.app-header[data-v-ed2c26bc]{width:100%;padding:var(--space-sm);border-bottom:1px solid var(--clr-gray-300);flex-shrink:0}.header-container[data-v-ed2c26bc]{width:100%;max-width:64rem;position:relative}.notify-btn[data-v-ed2c26bc],.menu-btn[data-v-ed2c26bc],.login-btn[data-v-ed2c26bc]{padding:var(--space-xs);border-radius:var(--radius-full);border:1px solid #0000;position:relative}.notify-btn.is-active[data-v-ed2c26bc]:after{content:"";background:var(--warning-dark);border-radius:var(--radius-full);width:6px;height:6px;position:absolute;top:6px;right:6px}.menu-btn[data-v-ed2c26bc],.login-btn[data-v-ed2c26bc]{border-radius:var(--radius-xs)}.login-btn[data-v-ed2c26bc]{background:var(--clr-gray-200)}.notify-btn[data-v-ed2c26bc]:hover,.login-btn[data-v-ed2c26bc]:hover{border-color:var(--clr-gray-300);box-shadow:var(--shadow-btn)}.menu-btn[data-v-ed2c26bc]:hover{box-shadow:var(--shadow-btn)}.login-btn[data-v-ed2c26bc]:hover{background:var(--clr-gray-100)}.user-avatar[data-v-ed2c26bc]{border-radius:var(--radius-full);background:var(--clr-gray-200);object-fit:cover;width:24px;height:24px}.app-menu[data-v-ed2c26bc],.notify-list[data-v-ed2c26bc]{top:calc(100% + var(--space-xs));padding:var(--space-sm);border:1px solid var(--clr-gray-300);border-radius:var(--radius-xs);box-shadow:var(--shadow-medium);background:var(--clr-white);z-index:var(--z-notify);position:absolute;right:0}.legal-link[data-v-ed2c26bc],.logout-btn[data-v-ed2c26bc]{margin-top:var(--space-sm);position:relative}.logout-btn[data-v-ed2c26bc]{color:var(--danger-dark)}.legal-link[data-v-ed2c26bc]:before,.logout-btn[data-v-ed2c26bc]:before{content:"";top:calc(var(--space-sm) * -1);background:var(--clr-gray-300);width:100%;height:1px;position:absolute;left:0}.logout-btn[data-v-ed2c26bc]:hover{background:var(--danger-dark);color:var(--clr-white)}.notify-list[data-v-ed2c26bc]{width:250px;max-height:400px;overflow-y:auto}.notify-item[data-v-ed2c26bc]{padding:var(--space-sm);border-radius:var(--radius-xs);background:var(--clr-white);box-shadow:var(--shadow-medium)}.notify-alert[data-v-ed2c26bc]{border-radius:var(--radius-xs);background:var(--warning-light)}.notify-error[data-v-ed2c26bc]{border-radius:var(--radius-xs);background:var(--danger-light)}.notify-item__content[data-v-ed2c26bc]{flex:1}.notify-item__time[data-v-ed2c26bc]{font-size:var(--fs-xxs)}.notify-error .notify-item__msg[data-v-ed2c26bc]{color:var(--danger-dark)}.app-main[data-v-ed2c26bc]{flex:1;min-height:0;overflow:hidden}@media (width<=768px){.app-title[data-v-ed2c26bc]{font-size:var(--fs-base)}.user-name[data-v-ed2c26bc]{display:none}}:root{--rgb-white:255, 255, 255;--rgb-gray-100:247, 247, 247;--rgb-gray-200:229, 229, 229;--rgb-gray-300:204, 204, 204;--rgb-gray-400:170, 170, 170;--rgb-gray-500:136, 136, 136;--rgb-gray-600:102, 102, 102;--rgb-gray-700:76, 76, 76;--rgb-gray-800:44, 44, 44;--rgb-gray-900:22, 22, 22;--rgb-black:0, 0, 0;--rgb-blue-100:214, 237, 255;--rgb-blue-300:183, 210, 251;--rgb-blue-500:0, 76, 255;--rgb-green-100:207, 247, 216;--rgb-green-300:82, 245, 120;--rgb-green-500:4, 180, 45;--rgb-yellow-100:252, 238, 186;--rgb-yellow-300:247, 221, 104;--rgb-yellow-500:255, 162, 0;--rgb-red-100:242, 216, 218;--rgb-red-300:255, 158, 166;--rgb-red-500:246, 12, 8;--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;--font-family:"Noto Sans JP", sans-serif;--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;--z-base:1;--z-dropdown:2;--z-notify:10;--z-modal:999;--z-error:1000;--clr-white:rgb(var(--rgb-white));--clr-gray-100:rgb(var(--rgb-gray-100));--clr-gray-200:rgb(var(--rgb-gray-200));--clr-gray-300:rgb(var(--rgb-gray-300));--clr-gray-400:rgb(var(--rgb-gray-400));--clr-gray-500:rgb(var(--rgb-gray-500));--clr-gray-600:rgb(var(--rgb-gray-600));--clr-gray-700:rgb(var(--rgb-gray-700));--clr-gray-800:rgb(var(--rgb-gray-800));--clr-gray-900:rgb(var(--rgb-gray-900));--clr-black:rgb(var(--rgb-black));--info-light:rgb(var(--rgb-blue-100));--info-medium:rgb(var(--rgb-blue-300));--info-dark:rgb(var(--rgb-blue-500));--success-light:rgb(var(--rgb-green-100));--success-medium:rgb(var(--rgb-green-300));--success-dark:rgb(var(--rgb-green-500));--warning-light:rgb(var(--rgb-yellow-100));--warning-medium:rgb(var(--rgb-yellow-300));--warning-dark:rgb(var(--rgb-yellow-500));--danger-light:rgb(var(--rgb-red-100));--danger-medium:rgb(var(--rgb-red-300));--danger-dark:rgb(var(--rgb-red-500));--ease-out:cubic-bezier(.33, 1, .68, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--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-light:1px 2px 2px rgba(var(--rgb-black), var(--op-20));--shadow-stage:0 0 10px rgba(var(--rgb-black), var(--op-50))}*{box-sizing:border-box;margin:0;padding:0}:before,:after{box-sizing:border-box}body{font-size:16px;font-family:var(--font-family);background-color:var(--clr-white);color:var(--clr-gray-900);-webkit-font-smoothing:antialiased;font-weight:400}input,button,select,textarea{font-family:inherit;font-size:inherit;font-weight:inherit;color:inherit}svg{pointer-events:none}select{cursor:pointer}ul{list-style:none}input:focus,select:focus{outline:1px solid var(--info-medium)}button{cursor:pointer;touch-action:manipulation;background:0 0;border:none}a,[role=button]{touch-action:manipulation}button:focus{outline:none}.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}.spinner-loader{border-radius:var(--radius-full);background:radial-gradient(farthest-side,#fff 94%,#0000) top/4px 4px no-repeat,conic-gradient(#0000 30%,#fff);width:1rem;height:1rem;animation:1s linear infinite spin;display:inline-block;-webkit-mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff 0);mask:radial-gradient(farthest-side,#0000 calc(100% - 4px),#fff 0)}.loading-loader{--d:22px;width:4px;height:4px;color:var(--clr-white);box-shadow:calc(1*var(--d)) calc(0*var(--d)) 0 0, calc(.707*var(--d)) calc(.707*var(--d)) 0 1px, calc(0*var(--d)) calc(1*var(--d)) 0 2px, calc(-.707*var(--d)) calc(.707*var(--d)) 0 3px, calc(-1*var(--d)) calc(0*var(--d)) 0 4px, calc(-.707*var(--d)) calc(-.707*var(--d))0 5px, calc(0*var(--d)) calc(-1*var(--d)) 0 6px;border-radius:50%;animation:1s steps(8,end) infinite spin}@keyframes spin{to{transform:rotate(1turn)}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-thumb{background-color:var(--clr-gray-400);border-radius:var(--radius-xs);box-shadow:inset 1px 1px 2px rgba(var(--rgb-black), var(--op-10));min-width:40px;min-height:40px;transition:background-color var(--dr-xs) var(--ease-out)}::-webkit-scrollbar-thumb:hover{background-color:var(--clr-gray-600)}::-webkit-scrollbar-thumb:active{background-color:var(--clr-gray-600)}::-webkit-scrollbar-track{background-color:rgba(var(--rgb-gray-200), var(--op-50));border-radius:var(--radius-xs)}::-webkit-scrollbar-corner{display:none}.track-wrap{min-width:8rem}.track-input{appearance:none;border-radius:var(--radius-extra);background:linear-gradient(to right, var(--info-dark) 0%, var(--info-dark) var(--scale-progress,0%), var(--clr-gray-200) var(--scale-progress,0%), var(--clr-gray-200) 100%);cursor:pointer;width:100%;height:12px;transition:box-shadow var(--dr-sm) var(--ease-out);outline:none}.track-input:focus-visible{box-shadow:0 0 0 2px var(--info-light)}.track-input::-webkit-slider-thumb{-webkit-appearance:none;border:2px solid var(--clr-gray-500);border-radius:var(--radius-full);background:var(--clr-white);width:14px;height:14px;box-shadow:0 1px 4px rgba(var(--rgb-black), var(--op-20));transition:transform var(--dr-sm) var(--ease-out), box-shadow var(--dr-sm) var(--ease-out), border-color var(--dr-sm) var(--ease-out)}.track-input::-webkit-slider-thumb:hover{border-color:var(--info-dark);box-shadow:0 2px 8px rgba(var(--rgb-black), var(--op-30));transform:scale(1.15)}.track-input::-webkit-slider-thumb:active{transform:scale(1.05)}.track-input::-moz-range-track{border-radius:var(--radius-extra);background:var(--clr-gray-200);border:none;height:4px}.track-input::-moz-range-progress{border-radius:var(--radius-extra);background:var(--info-dark);height:4px}.track-input::-moz-range-thumb{border:2px solid var(--clr-gray-500);border-radius:var(--radius-full);background:var(--clr-white);width:14px;height:14px;box-shadow:0 1px 4px rgba(var(--rgb-black), var(--op-20));transition:transform var(--dr-sm) var(--ease-out), box-shadow var(--dr-sm) var(--ease-out), border-color var(--dr-sm) var(--ease-out)}.track-input::-moz-range-thumb:hover{border-color:var(--info-dark);box-shadow:0 2px 8px rgba(var(--rgb-black), var(--op-30));transform:scale(1.15)}.scale-text{width:2rem}.btn{padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-xxs);font-size:var(--fs-sm);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:opacity var(--dr-xs) var(--ease-out), background-color var(--dr-xs) var(--ease-out), box-shadow var(--dr-xs) var(--ease-out);justify-content:center;align-items:center;display:flex}.btn:hover{opacity:var(--op-80);box-shadow:var(--shadow-btn)}.btn-submit{background:var(--info-dark);color:var(--clr-white)}.btn-success{background:var(--success-light);color:var(--success-dark)}.btn-warning{background:var(--warning-dark);color:var(--clr-white)}.btn-delete{background:var(--danger-dark);color:var(--clr-white)}.btn-cancel{background:var(--clr-gray-200);color:var(--clr-gray-700)}.text-base{font-size:var(--fs-base);font-weight:var(--fw-regular);color:var(--clr-gray-900)}.text-desc{font-size:var(--fs-sm);font-weight:var(--fw-regular);color:var(--clr-gray-700)}.text-label{font-size:var(--fs-xs);font-weight:var(--fw-regular);color:var(--clr-gray-500)}.text-title{font-size:var(--fs-lg);font-weight:var(--fw-bold);color:var(--clr-gray-900)}.text-subtitle{font-size:var(--fs-md);font-weight:var(--fw-bold);color:var(--clr-gray-900)}
