:root{--primary-blue: #1976D2;--secondary-blue: #E3F2FD;--light-gray: #F5F7FA;--text-dark: #2C3E50;--text-light: #6C757D;--border-color: #DDD;--success-color: #4CAF50;--danger-color: #F44336;--warning-color: #FF9800;--white: #FFFFFF;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--side-menu-width: 240px}.header{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background-color:var(--primary-blue);color:var(--white);box-shadow:var(--shadow);z-index:100}.header-menu-button,.header-logout-button{appearance:none;border:none;background:transparent;color:var(--white);font-weight:600;cursor:pointer}.header-menu-icon{display:inline-block;width:24px;height:2px;background:var(--white);position:relative}.header-menu-icon:before,.header-menu-icon:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--white)}.header-menu-icon:before{top:-6px}.header-menu-icon:after{top:6px}.header-logo{height:100px;width:auto}.app-container{display:flex;min-height:calc(100vh - 64px);background:#f8f9fa;position:relative}.side-menu{width:var(--side-menu-width);background:var(--white);border-right:1px solid var(--border-color);padding:16px;transition:transform .3s ease,width .3s ease;flex-shrink:0;overflow-y:auto}.side-menu:not(.show){transform:translate(-100%);width:0;padding:0;border:none}.main-content{flex:1;padding:24px;width:calc(100% - var(--side-menu-width));transition:width .3s ease}.main-content.full-width{width:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;color:var(--text-dark);background-color:#f8f9fa;line-height:1.6}.btn-primary{padding:12px 24px;background-color:var(--primary-blue);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary:hover{background-color:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.btn-secondary{padding:12px 24px;background-color:var(--white);color:var(--text-dark);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background-color:var(--light-gray)}.btn-secondary:disabled{opacity:.6;cursor:not-allowed}.btn-danger{padding:12px 24px;background-color:var(--danger-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger:hover{background-color:#d32f2f}.btn-danger:disabled{opacity:.6;cursor:not-allowed}.btn-icon{margin-right:8px}.card{background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.card:hover{box-shadow:var(--shadow-hover)}.card-title{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.card-text{color:var(--text-light);font-size:14px;line-height:1.6}.alert{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid var(--success-color)}.alert-error{background-color:#ffebee;color:#c62828;border-left:4px solid var(--danger-color)}.alert-warning{background-color:#fff3e0;color:#e65100;border-left:4px solid var(--warning-color)}.alert-info{background-color:#e1f5fe;color:#01579b;border-left:4px solid var(--primary-blue)}.spinner{border:4px solid #F3F3F3;border-top:4px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:24px 8px}.card-grid a.card,.card-grid .card{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;text-decoration:none;color:var(--text-dark);border-radius:16px;background:var(--secondary-blue)}.side-menu-link{display:block;padding:14px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:18px;transition:background .2s ease,color .2s ease}.side-menu-link:hover{background:var(--secondary-blue)}.side-menu-link.active{background:#00bfff1f;color:#00bfff}.card-grid a.card:hover,.card-grid .card:hover{transform:translateY(-3px);filter:brightness(.96)}.card-icon{stroke:#00bfff}.card-grid a.card,.card-grid .card{background:var(--white)}.card-icon{width:150px;height:150px}.side-menu-list{list-style:none;margin:0;padding-left:0}.side-menu a,.side-menu a:link,.side-menu a:visited,.side-menu a:hover,.side-menu a:active{color:var(--text-dark);text-decoration:none}@media(max-width:768px){:root{--header-height: 56px}button,.btn,a.btn{min-height:44px;min-width:44px}input,select,textarea{min-height:44px;font-size:16px}.page-title{font-size:20px}.card-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:16px 8px}.card-grid a.card,.card-grid .card{min-height:180px}.card-icon{width:110px;height:110px}.card .card-title{font-size:18px}.side-menu-title{font-size:20px}.side-menu-link{font-size:16px}}@media(max-width:480px){body{font-size:14px}}img,[v-html] img{max-width:100%;height:auto}#app{width:100%;min-height:100vh}[data-v-916760d2]:root{--primary-blue: #1976D2;--secondary-blue: #E3F2FD;--light-gray: #F5F7FA;--text-dark: #2C3E50;--text-light: #6C757D;--border-color: #DDD;--success-color: #4CAF50;--danger-color: #F44336;--warning-color: #FF9800;--white: #FFFFFF;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--side-menu-width: 240px}.header[data-v-916760d2]{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background-color:var(--primary-blue);color:var(--white);box-shadow:var(--shadow);z-index:100}.header-menu-button[data-v-916760d2],.header-logout-button[data-v-916760d2]{appearance:none;border:none;background:transparent;color:var(--white);font-weight:600;cursor:pointer}.header-menu-icon[data-v-916760d2]{display:inline-block;width:24px;height:2px;background:var(--white);position:relative}.header-menu-icon[data-v-916760d2]:before,.header-menu-icon[data-v-916760d2]:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--white)}.header-menu-icon[data-v-916760d2]:before{top:-6px}.header-menu-icon[data-v-916760d2]:after{top:6px}.header-logo[data-v-916760d2]{height:100px;width:auto}.app-container[data-v-916760d2]{display:flex;min-height:calc(100vh - 64px);background:#f8f9fa;position:relative}.side-menu[data-v-916760d2]{width:var(--side-menu-width);background:var(--white);border-right:1px solid var(--border-color);padding:16px;transition:transform .3s ease,width .3s ease;flex-shrink:0;overflow-y:auto}.side-menu[data-v-916760d2]:not(.show){transform:translate(-100%);width:0;padding:0;border:none}.main-content[data-v-916760d2]{flex:1;padding:24px;width:calc(100% - var(--side-menu-width));transition:width .3s ease}.main-content.full-width[data-v-916760d2]{width:100%}[data-v-916760d2]{margin:0;padding:0;box-sizing:border-box}body[data-v-916760d2]{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;color:var(--text-dark);background-color:#f8f9fa;line-height:1.6}.btn-primary[data-v-916760d2]{padding:12px 24px;background-color:var(--primary-blue);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-916760d2]:hover{background-color:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn-primary[data-v-916760d2]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-916760d2]{padding:12px 24px;background-color:var(--white);color:var(--text-dark);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-916760d2]:hover{background-color:var(--light-gray)}.btn-secondary[data-v-916760d2]:disabled{opacity:.6;cursor:not-allowed}.btn-danger[data-v-916760d2]{padding:12px 24px;background-color:var(--danger-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger[data-v-916760d2]:hover{background-color:#d32f2f}.btn-danger[data-v-916760d2]:disabled{opacity:.6;cursor:not-allowed}.btn-icon[data-v-916760d2]{margin-right:8px}.card[data-v-916760d2]{background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.card[data-v-916760d2]:hover{box-shadow:var(--shadow-hover)}.card-title[data-v-916760d2]{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.card-text[data-v-916760d2]{color:var(--text-light);font-size:14px;line-height:1.6}.alert[data-v-916760d2]{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success[data-v-916760d2]{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid var(--success-color)}.alert-error[data-v-916760d2]{background-color:#ffebee;color:#c62828;border-left:4px solid var(--danger-color)}.alert-warning[data-v-916760d2]{background-color:#fff3e0;color:#e65100;border-left:4px solid var(--warning-color)}.alert-info[data-v-916760d2]{background-color:#e1f5fe;color:#01579b;border-left:4px solid var(--primary-blue)}.spinner[data-v-916760d2]{border:4px solid #F3F3F3;border-top:4px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:spin-916760d2 1s linear infinite}@keyframes spin-916760d2{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-grid[data-v-916760d2]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:24px 8px}.card-grid a.card[data-v-916760d2],.card-grid .card[data-v-916760d2]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;text-decoration:none;color:var(--text-dark);border-radius:16px;background:var(--secondary-blue)}.side-menu-link[data-v-916760d2]{display:block;padding:14px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:18px;transition:background .2s ease,color .2s ease}.side-menu-link[data-v-916760d2]:hover{background:var(--secondary-blue)}.side-menu-link.active[data-v-916760d2]{background:#00bfff1f;color:#00bfff}.card-grid a.card[data-v-916760d2]:hover,.card-grid .card[data-v-916760d2]:hover{transform:translateY(-3px);filter:brightness(.96)}.card-icon[data-v-916760d2]{stroke:#00bfff}.card-grid a.card[data-v-916760d2],.card-grid .card[data-v-916760d2]{background:var(--white)}.card-icon[data-v-916760d2]{width:150px;height:150px}.side-menu-list[data-v-916760d2]{list-style:none;margin:0;padding-left:0}.side-menu a[data-v-916760d2],.side-menu a[data-v-916760d2]:link,.side-menu a[data-v-916760d2]:visited,.side-menu a[data-v-916760d2]:hover,.side-menu a[data-v-916760d2]:active{color:var(--text-dark);text-decoration:none}@media(max-width:768px){[data-v-916760d2]:root{--header-height: 56px}button[data-v-916760d2],.btn[data-v-916760d2],a.btn[data-v-916760d2]{min-height:44px;min-width:44px}input[data-v-916760d2],select[data-v-916760d2],textarea[data-v-916760d2]{min-height:44px;font-size:16px}.page-title[data-v-916760d2]{font-size:20px}.card-grid[data-v-916760d2]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:16px 8px}.card-grid a.card[data-v-916760d2],.card-grid .card[data-v-916760d2]{min-height:180px}.card-icon[data-v-916760d2]{width:110px;height:110px}.card .card-title[data-v-916760d2]{font-size:18px}.side-menu-title[data-v-916760d2]{font-size:20px}.side-menu-link[data-v-916760d2]{font-size:16px}}@media(max-width:480px){body[data-v-916760d2]{font-size:14px}}img[data-v-916760d2],[v-html] img[data-v-916760d2]{max-width:100%;height:auto}.header[data-v-916760d2]{position:relative;z-index:100;display:flex;justify-content:space-between;align-items:center}.header-logo-container[data-v-916760d2]{position:absolute;left:50%;transform:translate(-50%)}.header-right[data-v-916760d2]{display:flex;align-items:center;gap:12px;margin-left:auto}.header-menu-button[data-v-916760d2]{display:none}@media(max-width:768px){.header[data-v-916760d2]{padding:0 12px}.header-menu-button[data-v-916760d2]{display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0}.header-logout-button[data-v-916760d2]{padding:8px 12px;font-size:12px;min-width:44px;min-height:44px;margin-left:auto}.header-logout-button .logout-text-desktop[data-v-916760d2]{display:none}.header-logout-button .logout-text-mobile[data-v-916760d2]{display:inline}}@media(min-width:769px){.header-menu-button[data-v-916760d2]{display:none}.header-logout-button .logout-text-desktop[data-v-916760d2]{display:inline}.header-logout-button .logout-text-mobile[data-v-916760d2]{display:none}}[data-v-e6ddd692]:root{--primary-blue: #1976D2;--secondary-blue: #E3F2FD;--light-gray: #F5F7FA;--text-dark: #2C3E50;--text-light: #6C757D;--border-color: #DDD;--success-color: #4CAF50;--danger-color: #F44336;--warning-color: #FF9800;--white: #FFFFFF;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--side-menu-width: 240px}.header[data-v-e6ddd692]{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background-color:var(--primary-blue);color:var(--white);box-shadow:var(--shadow);z-index:100}.header-menu-button[data-v-e6ddd692],.header-logout-button[data-v-e6ddd692]{appearance:none;border:none;background:transparent;color:var(--white);font-weight:600;cursor:pointer}.header-menu-icon[data-v-e6ddd692]{display:inline-block;width:24px;height:2px;background:var(--white);position:relative}.header-menu-icon[data-v-e6ddd692]:before,.header-menu-icon[data-v-e6ddd692]:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--white)}.header-menu-icon[data-v-e6ddd692]:before{top:-6px}.header-menu-icon[data-v-e6ddd692]:after{top:6px}.header-logo[data-v-e6ddd692]{height:100px;width:auto}.app-container[data-v-e6ddd692]{display:flex;min-height:calc(100vh - 64px);background:#f8f9fa;position:relative}.side-menu[data-v-e6ddd692]{width:var(--side-menu-width);background:var(--white);border-right:1px solid var(--border-color);padding:16px;transition:transform .3s ease,width .3s ease;flex-shrink:0;overflow-y:auto}.side-menu[data-v-e6ddd692]:not(.show){transform:translate(-100%);width:0;padding:0;border:none}.main-content[data-v-e6ddd692]{flex:1;padding:24px;width:calc(100% - var(--side-menu-width));transition:width .3s ease}.main-content.full-width[data-v-e6ddd692]{width:100%}[data-v-e6ddd692]{margin:0;padding:0;box-sizing:border-box}body[data-v-e6ddd692]{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;color:var(--text-dark);background-color:#f8f9fa;line-height:1.6}.btn-primary[data-v-e6ddd692]{padding:12px 24px;background-color:var(--primary-blue);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-e6ddd692]:hover{background-color:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn-primary[data-v-e6ddd692]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-e6ddd692]{padding:12px 24px;background-color:var(--white);color:var(--text-dark);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-e6ddd692]:hover{background-color:var(--light-gray)}.btn-secondary[data-v-e6ddd692]:disabled{opacity:.6;cursor:not-allowed}.btn-danger[data-v-e6ddd692]{padding:12px 24px;background-color:var(--danger-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger[data-v-e6ddd692]:hover{background-color:#d32f2f}.btn-danger[data-v-e6ddd692]:disabled{opacity:.6;cursor:not-allowed}.btn-icon[data-v-e6ddd692]{margin-right:8px}.card[data-v-e6ddd692]{background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.card[data-v-e6ddd692]:hover{box-shadow:var(--shadow-hover)}.card-title[data-v-e6ddd692]{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.card-text[data-v-e6ddd692]{color:var(--text-light);font-size:14px;line-height:1.6}.alert[data-v-e6ddd692]{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success[data-v-e6ddd692]{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid var(--success-color)}.alert-error[data-v-e6ddd692]{background-color:#ffebee;color:#c62828;border-left:4px solid var(--danger-color)}.alert-warning[data-v-e6ddd692]{background-color:#fff3e0;color:#e65100;border-left:4px solid var(--warning-color)}.alert-info[data-v-e6ddd692]{background-color:#e1f5fe;color:#01579b;border-left:4px solid var(--primary-blue)}.spinner[data-v-e6ddd692]{border:4px solid #F3F3F3;border-top:4px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:spin-e6ddd692 1s linear infinite}@keyframes spin-e6ddd692{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-grid[data-v-e6ddd692]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:24px 8px}.card-grid a.card[data-v-e6ddd692],.card-grid .card[data-v-e6ddd692]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;text-decoration:none;color:var(--text-dark);border-radius:16px;background:var(--secondary-blue)}.side-menu-link[data-v-e6ddd692]{display:block;padding:14px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:18px;transition:background .2s ease,color .2s ease}.side-menu-link[data-v-e6ddd692]:hover{background:var(--secondary-blue)}.side-menu-link.active[data-v-e6ddd692]{background:#00bfff1f;color:#00bfff}.card-grid a.card[data-v-e6ddd692]:hover,.card-grid .card[data-v-e6ddd692]:hover{transform:translateY(-3px);filter:brightness(.96)}.card-icon[data-v-e6ddd692]{stroke:#00bfff}.card-grid a.card[data-v-e6ddd692],.card-grid .card[data-v-e6ddd692]{background:var(--white)}.card-icon[data-v-e6ddd692]{width:150px;height:150px}.side-menu-list[data-v-e6ddd692]{list-style:none;margin:0;padding-left:0}.side-menu a[data-v-e6ddd692],.side-menu a[data-v-e6ddd692]:link,.side-menu a[data-v-e6ddd692]:visited,.side-menu a[data-v-e6ddd692]:hover,.side-menu a[data-v-e6ddd692]:active{color:var(--text-dark);text-decoration:none}@media(max-width:768px){[data-v-e6ddd692]:root{--header-height: 56px}button[data-v-e6ddd692],.btn[data-v-e6ddd692],a.btn[data-v-e6ddd692]{min-height:44px;min-width:44px}input[data-v-e6ddd692],select[data-v-e6ddd692],textarea[data-v-e6ddd692]{min-height:44px;font-size:16px}.page-title[data-v-e6ddd692]{font-size:20px}.card-grid[data-v-e6ddd692]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:16px 8px}.card-grid a.card[data-v-e6ddd692],.card-grid .card[data-v-e6ddd692]{min-height:180px}.card-icon[data-v-e6ddd692]{width:110px;height:110px}.card .card-title[data-v-e6ddd692]{font-size:18px}.side-menu-title[data-v-e6ddd692]{font-size:20px}.side-menu-link[data-v-e6ddd692]{font-size:16px}}@media(max-width:480px){body[data-v-e6ddd692]{font-size:14px}}img[data-v-e6ddd692],[v-html] img[data-v-e6ddd692]{max-width:100%;height:auto}.side-menu-overlay[data-v-e6ddd692]{display:none}@media(max-width:768px){.side-menu-overlay[data-v-e6ddd692]{display:block;position:fixed;top:var(--header-height, 64px);left:0;right:0;bottom:0;background-color:#00000080;z-index:90}.side-menu[data-v-e6ddd692]{position:fixed;top:var(--header-height, 64px);left:0;height:calc(100vh - var(--header-height, 64px));z-index:95;transform:translate(-100%);transition:transform .3s ease;width:var(--side-menu-width);padding:16px;border-right:1px solid var(--border-color)}.side-menu.show[data-v-e6ddd692]{transform:translate(0)}.side-menu-link[data-v-e6ddd692]{font-size:16px;padding:14px 20px}}[data-v-506170d1]:root{--primary-blue: #1976D2;--secondary-blue: #E3F2FD;--light-gray: #F5F7FA;--text-dark: #2C3E50;--text-light: #6C757D;--border-color: #DDD;--success-color: #4CAF50;--danger-color: #F44336;--warning-color: #FF9800;--white: #FFFFFF;--shadow: 0 2px 8px rgba(0, 0, 0, .1);--shadow-hover: 0 4px 12px rgba(0, 0, 0, .15);--side-menu-width: 240px}.header[data-v-506170d1]{position:relative;display:flex;align-items:center;justify-content:space-between;height:64px;padding:0 16px;background-color:var(--primary-blue);color:var(--white);box-shadow:var(--shadow);z-index:100}.header-menu-button[data-v-506170d1],.header-logout-button[data-v-506170d1]{appearance:none;border:none;background:transparent;color:var(--white);font-weight:600;cursor:pointer}.header-menu-icon[data-v-506170d1]{display:inline-block;width:24px;height:2px;background:var(--white);position:relative}.header-menu-icon[data-v-506170d1]:before,.header-menu-icon[data-v-506170d1]:after{content:"";position:absolute;left:0;width:24px;height:2px;background:var(--white)}.header-menu-icon[data-v-506170d1]:before{top:-6px}.header-menu-icon[data-v-506170d1]:after{top:6px}.header-logo[data-v-506170d1]{height:100px;width:auto}.app-container[data-v-506170d1]{display:flex;min-height:calc(100vh - 64px);background:#f8f9fa;position:relative}.side-menu[data-v-506170d1]{width:var(--side-menu-width);background:var(--white);border-right:1px solid var(--border-color);padding:16px;transition:transform .3s ease,width .3s ease;flex-shrink:0;overflow-y:auto}.side-menu[data-v-506170d1]:not(.show){transform:translate(-100%);width:0;padding:0;border:none}.main-content[data-v-506170d1]{flex:1;padding:24px;width:calc(100% - var(--side-menu-width));transition:width .3s ease}.main-content.full-width[data-v-506170d1]{width:100%}[data-v-506170d1]{margin:0;padding:0;box-sizing:border-box}body[data-v-506170d1]{font-family:Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Yu Gothic,Meiryo,sans-serif;color:var(--text-dark);background-color:#f8f9fa;line-height:1.6}.btn-primary[data-v-506170d1]{padding:12px 24px;background-color:var(--primary-blue);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-primary[data-v-506170d1]:hover{background-color:#1565c0;box-shadow:0 4px 8px #1976d24d}.btn-primary[data-v-506170d1]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-506170d1]{padding:12px 24px;background-color:var(--white);color:var(--text-dark);border:1px solid var(--border-color);border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-secondary[data-v-506170d1]:hover{background-color:var(--light-gray)}.btn-secondary[data-v-506170d1]:disabled{opacity:.6;cursor:not-allowed}.btn-danger[data-v-506170d1]{padding:12px 24px;background-color:var(--danger-color);color:var(--white);border:none;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer;transition:all .3s ease}.btn-danger[data-v-506170d1]:hover{background-color:#d32f2f}.btn-danger[data-v-506170d1]:disabled{opacity:.6;cursor:not-allowed}.btn-icon[data-v-506170d1]{margin-right:8px}.card[data-v-506170d1]{background:var(--white);border-radius:12px;box-shadow:var(--shadow);padding:24px;transition:all .3s ease}.card[data-v-506170d1]:hover{box-shadow:var(--shadow-hover)}.card-title[data-v-506170d1]{font-size:20px;font-weight:700;color:var(--text-dark);margin-bottom:12px}.card-text[data-v-506170d1]{color:var(--text-light);font-size:14px;line-height:1.6}.alert[data-v-506170d1]{padding:15px 20px;border-radius:8px;margin-bottom:20px;font-size:14px}.alert-success[data-v-506170d1]{background-color:#e8f5e9;color:#2e7d32;border-left:4px solid var(--success-color)}.alert-error[data-v-506170d1]{background-color:#ffebee;color:#c62828;border-left:4px solid var(--danger-color)}.alert-warning[data-v-506170d1]{background-color:#fff3e0;color:#e65100;border-left:4px solid var(--warning-color)}.alert-info[data-v-506170d1]{background-color:#e1f5fe;color:#01579b;border-left:4px solid var(--primary-blue)}.spinner[data-v-506170d1]{border:4px solid #F3F3F3;border-top:4px solid var(--primary-blue);border-radius:50%;width:40px;height:40px;animation:spin-506170d1 1s linear infinite}@keyframes spin-506170d1{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.card-grid[data-v-506170d1]{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:32px;padding:24px 8px}.card-grid a.card[data-v-506170d1],.card-grid .card[data-v-506170d1]{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:220px;text-decoration:none;color:var(--text-dark);border-radius:16px;background:var(--secondary-blue)}.side-menu-link[data-v-506170d1]{display:block;padding:14px 12px;border-radius:8px;text-decoration:none;font-weight:700;font-size:18px;transition:background .2s ease,color .2s ease}.side-menu-link[data-v-506170d1]:hover{background:var(--secondary-blue)}.side-menu-link.active[data-v-506170d1]{background:#00bfff1f;color:#00bfff}.card-grid a.card[data-v-506170d1]:hover,.card-grid .card[data-v-506170d1]:hover{transform:translateY(-3px);filter:brightness(.96)}.card-icon[data-v-506170d1]{stroke:#00bfff}.card-grid a.card[data-v-506170d1],.card-grid .card[data-v-506170d1]{background:var(--white)}.card-icon[data-v-506170d1]{width:150px;height:150px}.side-menu-list[data-v-506170d1]{list-style:none;margin:0;padding-left:0}.side-menu a[data-v-506170d1],.side-menu a[data-v-506170d1]:link,.side-menu a[data-v-506170d1]:visited,.side-menu a[data-v-506170d1]:hover,.side-menu a[data-v-506170d1]:active{color:var(--text-dark);text-decoration:none}@media(max-width:768px){[data-v-506170d1]:root{--header-height: 56px}button[data-v-506170d1],.btn[data-v-506170d1],a.btn[data-v-506170d1]{min-height:44px;min-width:44px}input[data-v-506170d1],select[data-v-506170d1],textarea[data-v-506170d1]{min-height:44px;font-size:16px}.page-title[data-v-506170d1]{font-size:20px}.card-grid[data-v-506170d1]{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;padding:16px 8px}.card-grid a.card[data-v-506170d1],.card-grid .card[data-v-506170d1]{min-height:180px}.card-icon[data-v-506170d1]{width:110px;height:110px}.card .card-title[data-v-506170d1]{font-size:18px}.side-menu-title[data-v-506170d1]{font-size:20px}.side-menu-link[data-v-506170d1]{font-size:16px}}@media(max-width:480px){body[data-v-506170d1]{font-size:14px}}img[data-v-506170d1],[v-html] img[data-v-506170d1]{max-width:100%;height:auto}.app-layout[data-v-506170d1]{min-height:100vh}@media(max-width:768px){.main-content[data-v-506170d1]{width:100%;padding:16px;margin-left:0}.app-container.side-menu-open .main-content[data-v-506170d1],.main-content.full-width[data-v-506170d1]{width:100%;margin-left:0}}.task-management[data-v-d6efa437]{padding:20px}.content-wrapper[data-v-d6efa437]{display:grid;grid-template-columns:1fr 1fr;gap:20px;max-width:1400px;margin:0 auto}.my-tasks-section[data-v-d6efa437],.available-tasks-section[data-v-d6efa437]{background:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000001a}.section-title[data-v-d6efa437]{font-size:24px;font-weight:700;color:#212529;margin-bottom:20px}.time-selector[data-v-d6efa437]{margin-bottom:20px;padding:16px;background:#f0f4ff;border-radius:8px}.time-selector label[data-v-d6efa437]{display:block;font-size:14px;font-weight:700;color:#495057;margin-bottom:8px}.time-input-group[data-v-d6efa437]{display:flex;gap:12px;align-items:center}.hours-select[data-v-d6efa437]{flex:1;padding:10px 12px;font-size:16px;border:2px solid #dee2e6;border-radius:6px;background:#fff;cursor:pointer}.hours-select[data-v-d6efa437]:focus{outline:none;border-color:#2c7be5}.btn-allocate[data-v-d6efa437]{padding:10px 20px;background-color:#2c7be5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .3s ease;white-space:nowrap}.btn-allocate[data-v-d6efa437]:hover:not(:disabled){background-color:#1e5fa8;transform:translateY(-1px)}.btn-allocate[data-v-d6efa437]:disabled{opacity:.6;cursor:not-allowed}.my-tasks-list[data-v-d6efa437],.available-tasks-list[data-v-d6efa437]{min-height:400px;max-height:calc(100vh - 300px);overflow-y:auto;padding:10px}.draggable-list[data-v-d6efa437]{min-height:100px}.task-card[data-v-d6efa437]{display:flex;align-items:center;gap:12px;padding:16px;margin-bottom:12px;background:#fff;border:2px solid #e9ecef;border-radius:8px;transition:all .3s ease}.my-task[data-v-d6efa437]{cursor:move;border-left:4px solid #6c757d}.my-task.completed[data-v-d6efa437]{opacity:.5;background:#f8f9fa;border-left-color:#20c997}.my-task.completed .task-content h3[data-v-d6efa437]{text-decoration:line-through;color:#6c757d}.available-task[data-v-d6efa437]{background:#f8f9fa;border-left:4px solid #dee2e6;cursor:pointer}.available-task[data-v-d6efa437]:hover{border-color:#2c7be5;box-shadow:0 4px 12px #2c7be526}.drag-handle[data-v-d6efa437]{font-size:20px;color:#adb5bd;cursor:grab}.drag-handle[data-v-d6efa437]:active{cursor:grabbing}.task-content[data-v-d6efa437]{flex:1;cursor:pointer}.task-content h3[data-v-d6efa437]{font-size:16px;font-weight:700;color:#212529;margin:0 0 8px}.task-meta[data-v-d6efa437]{display:flex;gap:8px;flex-wrap:wrap}.time-badge[data-v-d6efa437],.deadline-badge[data-v-d6efa437],.video-badge[data-v-d6efa437]{padding:4px 10px;border-radius:12px;font-size:12px;font-weight:700}.time-badge[data-v-d6efa437]{background:#e7f5ff;color:#1971c2}.deadline-badge[data-v-d6efa437]{background:#fff3cd;color:#856404}.video-badge[data-v-d6efa437]{background:#e7f5ff;color:#1971c2}.task-actions[data-v-d6efa437]{display:flex;align-items:center;gap:12px}.btn-detail[data-v-d6efa437]{padding:6px 16px;background:#fff;border:1px solid #dee2e6;border-radius:6px;font-size:14px;cursor:pointer;transition:all .2s ease}.btn-detail[data-v-d6efa437]:hover{background:#f8f9fa;border-color:#2c7be5;color:#2c7be5}.checkbox[data-v-d6efa437]{width:24px;height:24px;cursor:pointer}.empty-state[data-v-d6efa437]{text-align:center;padding:60px 20px;color:#6c757d;font-size:14px}.my-tasks-list[data-v-d6efa437]::-webkit-scrollbar,.available-tasks-list[data-v-d6efa437]::-webkit-scrollbar{width:8px}.my-tasks-list[data-v-d6efa437]::-webkit-scrollbar-track,.available-tasks-list[data-v-d6efa437]::-webkit-scrollbar-track{background:#f1f1f1;border-radius:4px}.my-tasks-list[data-v-d6efa437]::-webkit-scrollbar-thumb,.available-tasks-list[data-v-d6efa437]::-webkit-scrollbar-thumb{background:#888;border-radius:4px}.my-tasks-list[data-v-d6efa437]::-webkit-scrollbar-thumb:hover,.available-tasks-list[data-v-d6efa437]::-webkit-scrollbar-thumb:hover{background:#555}@media(max-width:1024px){.content-wrapper[data-v-d6efa437]{grid-template-columns:1fr}}.task-detail-wrapper[data-v-48265797]{padding:20px}.loading[data-v-48265797],.error[data-v-48265797]{text-align:center;padding:60px 20px;font-size:16px;background:#fff;border-radius:12px;max-width:1000px;margin:0 auto}.error[data-v-48265797]{color:#dc3545}.task-detail[data-v-48265797]{background:#fff;border-radius:12px;overflow:hidden;max-width:1000px;margin:0 auto}.detail-header[data-v-48265797]{padding:30px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-back[data-v-48265797]{background:#fff3;color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;cursor:pointer;margin-bottom:15px;transition:all .3s ease}.btn-back[data-v-48265797]:hover{background:#ffffff4d}.task-title[data-v-48265797]{font-size:32px;font-weight:700;margin:0 0 15px}.header-actions[data-v-48265797]{margin-top:15px}.btn-complete[data-v-48265797]{background:#ffffffe6;color:#667eea;border:none;padding:12px 24px;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-complete[data-v-48265797]:hover:not(:disabled){background:#fff;transform:translateY(-2px)}.btn-complete[data-v-48265797]:disabled{opacity:.6;cursor:not-allowed}.video-section[data-v-48265797],.info-section[data-v-48265797]{padding:30px;border-bottom:1px solid #dee2e6}.section-title[data-v-48265797]{font-size:24px;font-weight:700;color:#212529;margin-bottom:20px}.video-player[data-v-48265797]{position:relative;padding-bottom:56.25%;height:0;overflow:hidden;background:#000;border-radius:8px}.video-iframe[data-v-48265797]{position:absolute;top:0;left:0;width:100%;height:100%}.video-placeholder[data-v-48265797]{text-align:center;padding:80px 40px;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);border-radius:8px}.placeholder-icon[data-v-48265797]{font-size:80px;margin-bottom:20px}.placeholder-title[data-v-48265797]{font-size:24px;font-weight:700;color:#212529;margin-bottom:10px}.placeholder-desc[data-v-48265797]{font-size:18px;color:#495057;margin-bottom:15px}.placeholder-hint[data-v-48265797]{font-size:14px;color:#6c757d;line-height:1.6}.info-grid[data-v-48265797]{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:20px}.info-item[data-v-48265797]{display:flex;flex-direction:column;gap:8px}.info-item.full-width[data-v-48265797]{grid-column:1 / -1}.info-label[data-v-48265797]{font-size:14px;font-weight:700;color:#6c757d;text-transform:uppercase;letter-spacing:.5px}.info-value[data-v-48265797]{font-size:16px;color:#212529;line-height:1.6}.status-badge[data-v-48265797]{display:inline-block;padding:6px 12px;border-radius:12px;font-size:14px;font-weight:700;color:#fff}.status-badge.status-todo[data-v-48265797]{background-color:#adb5bd}.status-badge.status-in_progress[data-v-48265797]{background-color:#fd7e14}.status-badge.status-completed[data-v-48265797]{background-color:#20c997}.due-date-input[data-v-48265797]{display:flex;gap:10px;align-items:center}.date-input[data-v-48265797]{padding:8px 12px;border:2px solid #dee2e6;border-radius:6px;font-size:14px;cursor:pointer}.date-input[data-v-48265797]:focus{outline:none;border-color:#2c7be5}.action-section[data-v-48265797]{padding:30px;display:flex;gap:15px;flex-wrap:wrap}.btn[data-v-48265797]{padding:15px 30px;border:none;border-radius:8px;font-size:16px;font-weight:700;cursor:pointer;transition:all .3s ease;flex:1;min-width:200px}.btn-primary[data-v-48265797]{background-color:#2c7be5;color:#fff}.btn-primary[data-v-48265797]:hover:not(:disabled){background-color:#1e5fa8;transform:translateY(-2px)}.btn-primary[data-v-48265797]:disabled{opacity:.6;cursor:not-allowed}.btn-secondary[data-v-48265797]{background-color:#6c757d;color:#fff}.btn-secondary[data-v-48265797]:hover{background-color:#5a6268;transform:translateY(-2px)}@media(max-width:1024px){.task-detail-view[data-v-48265797]{margin-left:0;width:100%}}.my-tasks-view[data-v-6c53bdea]{padding:40px;background:#fff;border-radius:12px;margin:20px;min-height:500px}.page-title[data-v-6c53bdea]{font-size:32px;font-weight:700;margin-bottom:40px;color:#333}.coming-soon[data-v-6c53bdea]{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center}.coming-soon-text[data-v-6c53bdea]{font-size:24px;font-weight:600;color:#666;margin-bottom:16px}.coming-soon-subtext[data-v-6c53bdea]{font-size:16px;color:#999}.task-card[data-v-8c74092d]{background:#fff;border-radius:12px;padding:20px;box-shadow:0 2px 8px #0000001a;cursor:pointer;transition:all .3s ease}.task-card[data-v-8c74092d]:hover{transform:translateY(-3px);box-shadow:0 4px 12px #00000026}.task-header[data-v-8c74092d]{display:flex;align-items:center;gap:10px;margin-bottom:10px;flex-wrap:wrap}.task-title[data-v-8c74092d]{font-size:18px;font-weight:700;color:#212529;margin:0}.task-badge[data-v-8c74092d]{padding:4px 12px;border-radius:12px;font-size:12px;font-weight:700}.video-badge[data-v-8c74092d]{background-color:#e7f5ff;color:#1971c2}.task-description[data-v-8c74092d]{font-size:14px;color:#6c757d;margin:10px 0;line-height:1.5}.task-footer[data-v-8c74092d]{display:flex;justify-content:space-between;align-items:center;margin-top:15px}.task-meta[data-v-8c74092d]{font-size:13px;color:#6c757d}.btn-add[data-v-8c74092d]{padding:8px 16px;background-color:#2c7be5;color:#fff;border:none;border-radius:6px;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s ease}.btn-add[data-v-8c74092d]:hover{background-color:#1e5fa8;transform:scale(1.05)}.tasks-view[data-v-71e875ef]{max-width:1200px;margin:0 auto;padding:20px}.page-title[data-v-71e875ef]{font-size:32px;font-weight:700;color:#212529;margin-bottom:10px}.page-description[data-v-71e875ef]{font-size:16px;color:#6c757d;margin-bottom:30px}.loading[data-v-71e875ef],.error[data-v-71e875ef]{text-align:center;padding:40px;font-size:16px}.error[data-v-71e875ef]{color:#dc3545}.tasks-grid[data-v-71e875ef]{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:20px}.empty-state[data-v-71e875ef]{grid-column:1 / -1;text-align:center;padding:60px 20px;color:#6c757d}.empty-hint[data-v-71e875ef]{font-size:14px;margin-top:10px}