.login-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:20px;background:linear-gradient(135deg,#667eea,#764ba2)}.login-card{background:#fff;border-radius:16px;padding:48px;width:100%;max-width:400px;box-shadow:0 10px 40px #0003}.login-header{text-align:center;margin-bottom:32px}.login-logo{width:80px;height:80px;margin-bottom:16px}.login-title{font-size:32px;font-weight:700;color:#1f2937;margin-bottom:8px}.login-subtitle{color:#6b7280;font-size:14px}.login-form{display:flex;flex-direction:column;gap:20px}.login-btn{margin-top:8px;width:100%;padding:14px;font-size:16px;font-weight:600}.login-btn:disabled{opacity:.6;cursor:not-allowed}.header{background:#fff;box-shadow:0 1px 3px #0000001a;position:sticky;top:0;z-index:100}.header-content{max-width:1200px;margin:0 auto;padding:16px 20px;display:flex;justify-content:space-between;align-items:center}.header-logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#1f2937}.logo-image{height:40px;width:auto}.logo-text{font-size:24px;font-weight:700}.header-nav{display:flex;align-items:center;gap:20px}.nav-link{color:#4b5563;text-decoration:none;font-weight:500;transition:color .2s}.nav-link:hover{color:#2563eb}.user-name{color:#6b7280;font-size:14px}.logout-btn{padding:8px 16px;font-size:14px;background-color:#6b7280;color:#fff;border:none;border-radius:8px;cursor:pointer;transition:all .2s ease}.logout-btn:hover{background-color:#4b5563}.tool-button{display:flex;align-items:center;gap:20px;padding:24px;background:#fff;border-radius:16px;text-decoration:none;color:inherit;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;border:2px solid transparent}.tool-button:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026;border-color:var(--tool-color)}.tool-icon{width:64px;height:64px;border-radius:12px;background:var(--tool-color);color:#fff;display:flex;align-items:center;justify-content:center;font-size:32px;flex-shrink:0}.tool-info{flex:1}.tool-title{font-size:20px;font-weight:600;color:#1f2937;margin-bottom:4px}.tool-description{font-size:14px;color:#6b7280}.top-page{min-height:100vh;background-color:#f5f5f5}.top-content{padding:40px 0}.welcome-section{margin-bottom:32px}.welcome-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:8px}.welcome-subtitle{color:#6b7280;font-size:16px}.tools-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px}@media (max-width: 640px){.tools-grid{grid-template-columns:1fr}}.okiyome8-page{min-height:100vh;background-color:#f5f5f5}.okiyome8-content{padding:24px 0}.okiyome8-header{margin-bottom:24px}.month-selector{display:flex;align-items:center;gap:16px;margin-bottom:20px;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a}.summary-link{margin-left:auto;color:#2563eb;text-decoration:none;font-size:14px}.summary-link:hover{text-decoration:underline}.friday-tabs{display:flex;gap:8px;margin-bottom:20px;flex-wrap:wrap}.friday-tab{padding:12px 20px;border:none;background:#fff;border-radius:8px;font-size:14px;cursor:pointer;transition:all .2s;color:#4b5563;box-shadow:0 1px 2px #0000000d;position:relative}.friday-tab:hover{background:#f3f4f6}.friday-tab.active{background:#10b981;color:#fff}.friday-tab.last-friday{border:2px solid #f59e0b}.friday-tab.last-friday.active{border-color:#10b981}.last-badge{position:absolute;top:-8px;right:-8px;background:#f59e0b;color:#fff;font-size:10px;padding:2px 6px;border-radius:10px}.team-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px}.team-selector label{font-weight:500;color:#374151}.team-selector select{flex:1;max-width:400px}.team-info{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:20px;border-radius:12px;margin-bottom:20px}.team-name{font-size:24px;font-weight:700;margin-bottom:8px}.team-members,.team-reporter,.team-rotation{font-size:14px;opacity:.9}.team-rotation{margin-top:8px;padding-top:8px;border-top:1px solid rgba(255,255,255,.3)}.team-rotation strong{background:#fff3;padding:2px 8px;border-radius:4px}.progress-section{background:#fff;border-radius:12px;padding:20px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;color:#4b5563;flex-wrap:wrap;gap:8px}.sync-indicator{display:flex;align-items:center;gap:6px;font-size:12px;color:#10b981;background:#ecfdf5;padding:4px 10px;border-radius:20px}.sync-dot{width:8px;height:8px;background:#10b981;border-radius:50%;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.progress-bar{height:12px;background:#e5e7eb;border-radius:6px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:6px;transition:width .3s ease}.checklist-container{display:flex;flex-direction:column;gap:20px}.location-section{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px #0000001a}.location-title{background:#f9fafb;padding:16px 20px;font-size:16px;font-weight:600;color:#1f2937;border-bottom:1px solid #e5e7eb}.checklist{padding:8px}.no-items{padding:40px;text-align:center;color:#6b7280;background:#fff;border-radius:12px}.checklist-item{display:flex;align-items:flex-start;padding:14px 12px;cursor:pointer;border-radius:8px;transition:background .2s;gap:12px}.checklist-item:hover{background:#f9fafb}.checklist-item input{display:none}.checkmark{width:24px;height:24px;border:2px solid #d1d5db;border-radius:6px;display:flex;align-items:center;justify-content:center;transition:all .2s;flex-shrink:0;margin-top:2px}.checklist-item input:checked+.checkmark{background:#10b981;border-color:#10b981}.checklist-item input:checked+.checkmark:after{content:"✓";color:#fff;font-weight:700;font-size:14px}.step-badge{background:#e5e7eb;color:#4b5563;padding:4px 10px;border-radius:6px;font-size:12px;font-weight:600;flex-shrink:0;min-width:60px;text-align:center}.step-badge.step-1{background:#dbeafe;color:#1e40af}.step-badge.step-2{background:#fce7f3;color:#9d174d}.item-name{font-size:14px;color:#1f2937;line-height:1.5}.checklist-item input:checked~.item-name{color:#9ca3af;text-decoration:line-through}.toast{position:fixed;bottom:24px;right:24px;padding:12px 24px;border-radius:8px;color:#fff;font-size:14px;animation:slideIn .3s ease;z-index:1000}.toast.error{background:#dc2626}@keyframes slideIn{0%{transform:translateY(100px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){.month-selector{flex-wrap:wrap}.summary-link{margin-left:0;width:100%;text-align:center;margin-top:8px}.team-selector{flex-direction:column;align-items:stretch}.team-selector select{max-width:none}}.summary-page{min-height:100vh;background-color:#f5f5f5}.summary-content{padding:24px 0}.summary-header{margin-bottom:24px}.back-link{color:#6b7280;text-decoration:none;font-size:14px;display:inline-block;margin-bottom:12px}.page-title{font-size:28px;font-weight:700;color:#1f2937;margin-bottom:4px}.page-subtitle{color:#6b7280;font-size:14px}.month-selector{display:flex;align-items:center;gap:16px;margin-bottom:24px;background:#fff;padding:12px 20px;border-radius:12px;box-shadow:0 1px 3px #0000001a;width:fit-content}.month-btn{width:36px;height:36px;border:none;background:#f3f4f6;border-radius:8px;font-size:18px;cursor:pointer;transition:all .2s}.month-btn:hover{background:#e5e7eb}.month-display{font-size:18px;font-weight:600;color:#1f2937}.fridays-overview{background:#fff;border-radius:12px;padding:24px;margin-bottom:24px;box-shadow:0 1px 3px #0000001a}.fridays-overview h2{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:16px}.fridays-list{display:flex;gap:12px;flex-wrap:wrap}.friday-card{background:#f3f4f6;padding:16px 24px;border-radius:8px;text-align:center}.friday-card.last{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.friday-date{font-size:16px;font-weight:600}.last-label{display:block;font-size:12px;margin-top:4px;opacity:.9}.teams-summary{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.teams-summary h2{font-size:18px;font-weight:600;color:#1f2937;margin-bottom:20px}.teams-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.team-card{background:#f9fafb;border-radius:12px;padding:20px;border:1px solid #e5e7eb}.team-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.team-header h3{font-size:16px;font-weight:600;color:#1f2937}.completion-rate{font-size:24px;font-weight:700;color:#10b981}.team-meta{display:flex;flex-direction:column;gap:2px;font-size:12px;color:#6b7280;margin-bottom:12px}.team-progress{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden;margin-bottom:8px}.team-progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#34d399);border-radius:4px;transition:width .3s ease}.team-stats{font-size:12px;color:#6b7280}@media (max-width: 640px){.teams-grid{grid-template-columns:1fr}}.goals8-layout{display:flex;min-height:100vh;background-color:#f8fafc;font-family:Inter,Noto Sans JP,-apple-system,BlinkMacSystemFont,sans-serif}.goals8-sidebar{width:240px;background:#fff;border-right:1px solid #e2e8f0;display:flex;flex-direction:column;flex-shrink:0}.sidebar-logo{display:flex;align-items:center;gap:.75rem;padding:1.25rem;border-bottom:1px solid #e2e8f0}.logo-icon{width:40px;height:40px;background:#3b82f6;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:1.25rem}.logo-text{display:flex;flex-direction:column}.logo-title{font-size:1rem;font-weight:700;color:#1e293b}.logo-subtitle{font-size:.7rem;color:#64748b}.sidebar-nav{flex:1;padding:1rem .75rem}.nav-item{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;border:none;background:none;border-radius:8px;font-size:.9rem;color:#64748b;cursor:pointer;transition:all .15s;text-align:left}.nav-item:hover{background:#f1f5f9;color:#334155}.nav-item.active{background:#eff6ff;color:#3b82f6}.nav-icon{font-size:1.1rem}.sidebar-bottom{padding:1rem;border-top:1px solid #e2e8f0}.language-selector{margin-bottom:1rem}.language-selector label{display:block;font-size:.75rem;color:#64748b;margin-bottom:.5rem}.language-selector select{width:100%;padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.85rem;color:#334155;background:#fff;margin-bottom:.5rem}.btn-switch{width:100%;padding:.5rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-switch:hover{background:#f8fafc;border-color:#cbd5e1}.user-info{padding:.75rem 0;border-top:1px solid #e2e8f0;margin-top:.75rem}.user-name{font-size:.9rem;font-weight:600;color:#1e293b}.user-email{font-size:.75rem;color:#64748b}.btn-logout{display:flex;align-items:center;gap:.5rem;width:100%;padding:.625rem .75rem;border:1px solid #e2e8f0;border-radius:6px;background:#fff;color:#64748b;font-size:.85rem;cursor:pointer;transition:all .15s;margin-top:.75rem}.btn-logout:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.logout-icon{font-size:1rem}.sidebar-version{text-align:center;font-size:.7rem;color:#94a3b8;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.goals8-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.content-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.5rem}.content-header h1{font-size:1.5rem;font-weight:700;color:#1e293b;margin:0}.btn-back{color:#64748b;text-decoration:none;font-size:.85rem;padding:.5rem 1rem;border:1px solid #e2e8f0;border-radius:6px;transition:all .15s}.btn-back:hover{background:#f8fafc;border-color:#cbd5e1;color:#3b82f6}.header-actions{display:flex;align-items:center;gap:1rem}.progress-dashboard{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.chart-section{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:1.5rem}.chart-section h2{font-size:1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.radar-section{grid-column:1 / -1}.radar-chart-container{margin-bottom:1rem}.radar-legend{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;padding-top:1rem;border-top:1px solid #e2e8f0}.legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#64748b;white-space:nowrap}.legend-dot{width:8px;height:8px;background:#3b82f6;border-radius:50%}.progress-section{grid-column:2}.avg-progress{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.avg-label{font-size:.875rem;color:#64748b}.avg-value{font-size:1.25rem;font-weight:700;color:#3b82f6}.avg-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden;margin-bottom:1.5rem}.avg-bar-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.goal-progress-list h3{font-size:.875rem;font-weight:600;color:#64748b;margin:0 0 1rem}.goal-progress-item{margin-bottom:1rem}.goal-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.goal-name{font-size:.8rem;color:#334155;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;min-width:0}.goal-percent{font-size:.8rem;font-weight:600;color:#3b82f6}.goal-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.goal-bar-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.no-goals-text{font-size:.875rem;color:#94a3b8;text-align:center;padding:1rem}.member-section{grid-column:1 / -1;grid-row:3}.member-chart-container{margin-top:1rem}.custom-tooltip{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.75rem;box-shadow:0 4px 12px #0000001a}.tooltip-name{font-size:.875rem;font-weight:600;color:#1e293b;margin:0 0 .375rem}.tooltip-progress{font-size:.8rem;color:#3b82f6;margin:0 0 .25rem}.tooltip-count{font-size:.75rem;color:#64748b;margin:0}.member-legend{display:flex;justify-content:center;gap:1.5rem;margin-top:1rem;padding-top:.75rem;border-top:1px solid #e2e8f0}.member-legend .legend-item{display:flex;align-items:center;gap:.5rem;font-size:.8rem;color:#64748b}.member-legend .legend-dot{width:12px;height:12px;border-radius:3px}.member-legend .legend-dot.current{background:#10b981}.member-legend .legend-dot.others{background:#3b82f6}.member-cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid #e2e8f0}.member-card{display:flex;justify-content:space-between;align-items:flex-start;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1rem;transition:all .15s}.member-card:hover{border-color:#cbd5e1;box-shadow:0 2px 8px #0000000d}.member-card.current-user{border-color:#10b981;background:#f0fdf4}.member-card-left{display:flex;gap:.875rem;flex:1;min-width:0}.member-avatar{width:48px;height:48px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.member-card.current-user .member-avatar{background:#10b981}.member-info{flex:1;min-width:0}.member-name{font-size:.95rem;font-weight:600;color:#1e293b;margin-bottom:.125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.member-role{font-size:.75rem;color:#64748b;margin-bottom:.5rem}.member-progress-bar{height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden;margin-bottom:.5rem}.member-progress-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s ease}.member-card.current-user .member-progress-fill{background:#10b981}.member-stats{display:flex;gap:1rem;font-size:.7rem;color:#94a3b8}.member-card-right{display:flex;align-items:flex-start}.member-progress-value{font-size:1rem;font-weight:700;color:#3b82f6}.member-card.current-user .member-progress-value{color:#10b981}@media (max-width: 900px){.member-cards-grid{grid-template-columns:1fr}}.placeholder-content{background:#fff;border-radius:12px;border:1px solid #e2e8f0;padding:4rem 2rem;text-align:center}.placeholder-content p{color:#64748b;font-size:.9rem}.cycle-info{display:flex;align-items:center;gap:.5rem}.cycle-label{font-size:.875rem;color:#64748b}.cycle-badge{background:#dbeafe;color:#2563eb;padding:.375rem .75rem;border-radius:6px;font-size:.8rem;font-weight:500}.btn-new-goal{background:#3b82f6;color:#fff;border:none;padding:.625rem 1.25rem;border-radius:8px;font-weight:600;font-size:.9rem;cursor:pointer;transition:all .2s}.btn-new-goal:hover{background:#2563eb;transform:translateY(-1px)}.goals8-filters{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem;flex-wrap:wrap}.search-box{display:flex;align-items:center;background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:.5rem .75rem;flex:1;max-width:400px}.search-icon{margin-right:.5rem;font-size:.875rem}.search-box input{border:none;outline:none;flex:1;font-size:.875rem;color:#334155}.search-box input::placeholder{color:#94a3b8}.filter-group{display:flex;gap:.5rem}.filter-group select{padding:.5rem .75rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.875rem;background:#fff;color:#334155;cursor:pointer}.goals8-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}@media (max-width: 1200px){.goals8-grid{grid-template-columns:1fr}}.no-goals{grid-column:1 / -1;text-align:center;padding:4rem 2rem;background:#fff;border-radius:12px;border:1px solid #e2e8f0}.no-goals p{color:#64748b;margin-bottom:1rem}.goal-card{background:#fff;border-radius:12px;border:1px solid #e2e8f0;border-left:4px solid #e2e8f0;overflow:hidden}.goal-card-empty{border:2px dashed #cbd5e1;border-left:4px solid #cbd5e1;cursor:pointer;transition:all .2s}.goal-card-empty:hover{border-color:#94a3b8;background:#f8fafc}.goal-card-empty-body{display:flex;align-items:center;justify-content:center;min-height:80px;color:#94a3b8;font-size:.9rem}.goal-slot-badge{padding:.25rem .75rem;border-radius:999px;color:#fff;font-size:.8rem;font-weight:700;white-space:nowrap}.modal-slot-badge{display:inline-block;padding:.2rem .6rem;border-radius:999px;color:#fff;font-size:.75rem;font-weight:700;margin-right:.5rem;vertical-align:middle}.goal-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid #f1f5f9}.goal-card-left{display:flex;align-items:center;gap:.75rem}.goal-number{width:2.25rem;height:2.25rem;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.95rem}.goal-user-name{font-size:.95rem;font-weight:600;color:#3b82f6}.goal-card-actions{display:flex;gap:.5rem}.action-btn{display:flex;align-items:center;gap:.25rem;background:none;border:none;padding:.375rem .5rem;border-radius:6px;font-size:.8rem;color:#64748b;cursor:pointer;transition:all .15s}.action-btn:hover{background:#f1f5f9;color:#334155}.action-btn.delete{color:#ef4444}.action-btn.delete:hover{background:#fef2f2;color:#dc2626}.action-icon{font-size:.9rem}.goal-card-body{padding:1rem 1.25rem 1.25rem}.goal-badges{display:flex;gap:.5rem;margin-bottom:.75rem}.badge{padding:.25rem .625rem;border-radius:4px;font-size:.7rem;font-weight:500}.badge-cycle{background:#fef3c7;color:#92400e}.badge-status,.badge-status.active{background:#dcfce7;color:#166534}.badge-status.completed{background:#dbeafe;color:#1e40af}.badge-status.on-hold{background:#fef3c7;color:#92400e}.goal-title{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 .75rem;line-height:1.4}.goal-description{font-size:.875rem;color:#64748b;margin:0 0 1rem;line-height:1.5}.goal-description.empty{color:#94a3b8}.action-plan-section{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1rem}.action-plan-month{font-size:.875rem;font-weight:600;color:#1e293b;margin-bottom:.75rem}.month-desc{font-weight:400;color:#64748b;margin-left:.5rem}.action-items,.milestone-items{margin-bottom:.75rem}.action-header,.milestone-header{font-size:.8rem;font-weight:600;color:#334155;margin-bottom:.375rem}.action-items ul,.milestone-items ul{list-style:none;padding:0;margin:0}.action-items li,.milestone-items li{font-size:.8rem;color:#475569;padding:.125rem 0;line-height:1.4}.goal-progress{margin-bottom:1rem}.progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem;font-size:.8rem;color:#64748b}.progress-value{display:flex;gap:.75rem}.progress-value .points{color:#3b82f6;font-weight:600}.progress-value .percent{color:#64748b}.progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.progress-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.btn-generate-plan{width:100%;background:linear-gradient(135deg,#8b5cf6,#6366f1);color:#fff;border:none;padding:.625rem 1rem;border-radius:8px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;margin-bottom:1rem}.btn-generate-plan:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 4px 12px #8b5cf64d}.btn-generate-plan:disabled{opacity:.7;cursor:not-allowed}.goal-comments{display:flex;align-items:center;gap:.5rem;padding-top:.75rem;border-top:1px solid #f1f5f9;font-size:.8rem;color:#64748b}.comment-icon{font-size:.9rem}.btn-detail{margin-left:auto;background:none;border:1px solid #e2e8f0;padding:.375rem .75rem;border-radius:6px;font-size:.75rem;color:#64748b;cursor:pointer;display:flex;align-items:center;gap:.25rem}.btn-detail:hover{background:#f8fafc;border-color:#cbd5e1}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0006;display:flex;align-items:center;justify-content:center;z-index:1000;padding:1rem}.goals8-layout .modal{background:#fff;border-radius:12px;width:100%;max-width:60%;max-height:90vh;overflow:hidden;box-shadow:0 25px 50px -12px #00000040;padding:0}.modal-header{display:flex;justify-content:space-between;align-items:flex-start;padding:1.25rem 1.5rem;border-bottom:1px solid #e2e8f0}.modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.modal-subtitle{margin:.25rem 0 0;font-size:.8rem;color:#64748b}.btn-close{background:none;border:none;font-size:1.5rem;color:#94a3b8;cursor:pointer;line-height:1;padding:0}.btn-close:hover{color:#64748b}.modal-body{padding:1.5rem;overflow-y:auto;max-height:calc(90vh - 180px)}.form-group{margin-bottom:1.25rem}.form-group label{display:block;font-size:.8rem;font-weight:500;color:#334155;margin-bottom:.5rem}.required{color:#ef4444}.form-group input,.form-group select,.form-group textarea{width:100%;padding:.625rem .875rem;border:1px solid #e2e8f0;border-radius:8px;font-size:.9rem;color:#1e293b;transition:border-color .15s}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-group input::placeholder,.form-group textarea::placeholder{color:#94a3b8}.form-group textarea{resize:vertical;min-height:80px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.progress-preview{background:#f8fafc;border-radius:8px;padding:1rem;margin-bottom:1.25rem}.progress-preview-header{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;margin-bottom:.5rem}.progress-preview-value{color:#3b82f6;font-weight:600}.progress-preview-info{display:flex;justify-content:space-between;margin-bottom:.5rem}.progress-points,.progress-percent{font-size:.9rem;font-weight:600;color:#3b82f6}.progress-bar-preview{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.progress-bar-fill-preview{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.modal-footer{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-cancel{background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:.625rem 1.25rem;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer}.btn-cancel:hover{background:#f8fafc}.btn-submit{background:#3b82f6;color:#fff;border:none;padding:.625rem 1.5rem;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer}.btn-submit:hover{background:#2563eb}.detail-modal{max-width:900px;width:95%}.detail-modal-header{display:flex;justify-content:space-between;align-items:center;padding:1rem 1.5rem;border-bottom:1px solid #e2e8f0}.detail-modal-header h2{margin:0;font-size:1.125rem;font-weight:600;color:#1e293b}.detail-modal-content{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem;max-height:calc(90vh - 80px);overflow-y:auto}.detail-left{min-width:0}.detail-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.detail-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .75rem}.detail-status-badge{display:inline-block;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:500;margin-bottom:1rem}.detail-status-badge.active{background:#dbeafe;color:#2563eb}.detail-status-badge.completed{background:#dcfce7;color:#166534}.detail-status-badge.on-hold{background:#fef3c7;color:#92400e}.detail-section{margin-bottom:1rem}.detail-section label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:.25rem}.detail-section p{font-size:.875rem;color:#334155;margin:0;line-height:1.5}.detail-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.375rem}.detail-progress-value{font-size:.9rem;font-weight:600;color:#3b82f6}.detail-progress-bar{height:8px;background:#e2e8f0;border-radius:4px;overflow:hidden}.detail-progress-fill{height:100%;background:#3b82f6;border-radius:4px;transition:width .3s ease}.detail-meta{font-size:.8rem;color:#64748b;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.detail-right{min-width:0;display:flex;flex-direction:column}.comments-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.comments-header h3{font-size:1rem;font-weight:600;color:#1e293b;margin:0}.btn-add-comment{background:#fff;color:#3b82f6;border:1px solid #3b82f6;padding:.5rem 1rem;border-radius:6px;font-size:.8rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-add-comment:hover{background:#eff6ff}.comment-form{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:1rem;margin-bottom:1rem}.comment-form textarea{width:100%;padding:.75rem;border:1px solid #e2e8f0;border-radius:6px;font-size:.875rem;resize:vertical;min-height:80px;margin-bottom:.75rem;font-family:inherit;background:#fff}.comment-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.comment-form textarea::placeholder{color:#94a3b8}.attachment-preview{position:relative;margin-bottom:.75rem;border-radius:8px;overflow:hidden;background:#1e293b}.attachment-preview img,.attachment-preview video{max-width:100%;max-height:200px;display:block;margin:0 auto}.remove-attachment{position:absolute;top:.5rem;right:.5rem;width:24px;height:24px;background:#0009;color:#fff;border:none;border-radius:50%;cursor:pointer;font-size:1rem;line-height:1}.attachment-name{display:block;padding:.5rem;font-size:.75rem;color:#94a3b8;text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.comment-form-actions{display:flex;justify-content:space-between;align-items:center;gap:.75rem}.btn-attach{display:flex;align-items:center;gap:.375rem;background:#fff;color:#64748b;border:1px solid #e2e8f0;padding:.5rem .75rem;border-radius:6px;font-size:.8rem;cursor:pointer;transition:all .15s}.btn-attach:hover{background:#f8fafc;border-color:#cbd5e1}.btn-submit-comment{background:#3b82f6;color:#fff;border:none;padding:.5rem 1.25rem;border-radius:6px;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .15s}.btn-submit-comment:hover:not(:disabled){background:#2563eb}.btn-submit-comment:disabled{opacity:.5;cursor:not-allowed}.comments-list{display:flex;flex-direction:column;gap:.75rem;max-height:400px;overflow-y:auto}.loading-text,.no-comments{font-size:.875rem;color:#94a3b8;text-align:center;padding:2rem}.comment-card{background:#fff;border:1px solid #e2e8f0;border-radius:8px;padding:1rem}.comment-card-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:.75rem}.comment-avatar{width:36px;height:36px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.75rem;flex-shrink:0}.comment-meta{flex:1;min-width:0}.comment-author{display:block;font-size:.9rem;font-weight:600;color:#1e293b}.comment-date{font-size:.75rem;color:#94a3b8}.comment-body{padding-left:calc(36px + .75rem)}.comment-text{font-size:.9rem;color:#334155;margin:0;line-height:1.6;word-wrap:break-word;white-space:pre-wrap}.comment-link{color:#3b82f6;text-decoration:none;word-break:break-all}.comment-link:hover{text-decoration:underline}.comment-attachment{margin-top:.75rem;border-radius:8px;overflow:hidden;background:#f8fafc}.comment-attachment img{max-width:100%;max-height:300px;display:block;cursor:pointer}.comment-attachment video{max-width:100%;max-height:300px;display:block}.comment-actions{display:flex;justify-content:flex-end;gap:.5rem;margin-top:.75rem;padding-top:.75rem;border-top:1px solid #f1f5f9}.comment-action-btn{background:none;border:none;padding:.25rem .5rem;border-radius:4px;cursor:pointer;font-size:.875rem;opacity:.5;transition:all .15s}.comment-action-btn:hover{opacity:1;background:#f8fafc}.comment-action-btn.delete:hover{background:#fef2f2}@media (max-width: 768px){.detail-modal-content{grid-template-columns:1fr}.detail-left{order:1}.detail-right{order:2}}.ranking-month{font-size:.9rem;color:#64748b;font-weight:500}.ranking-content{display:flex;flex-direction:column;gap:1.5rem}.ranking-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.summary-card{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.25rem}.summary-label{font-size:.8rem;color:#64748b;margin-bottom:.5rem}.summary-value{font-size:1.25rem;font-weight:700;color:#1e293b;display:flex;align-items:center;gap:.5rem}.summary-value.large{font-size:2rem}.summary-value.top-performer{font-size:1.1rem}.trophy-icon,.chart-icon{font-size:1.25rem}.summary-sub{font-size:.85rem;color:#64748b;margin-top:.25rem}.ranking-podium{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.podium-card{background:#fff;border:2px solid #e2e8f0;border-radius:12px;padding:1.25rem;position:relative}.podium-card.rank-1{border-color:#fbbf24;background:linear-gradient(135deg,#fffbeb,#fff)}.podium-card.rank-2{border-color:#94a3b8;background:linear-gradient(135deg,#f8fafc,#fff)}.podium-card.rank-3{border-color:#d97706;background:linear-gradient(135deg,#fef3c7,#fff)}.podium-header{display:flex;align-items:flex-start;gap:.75rem;margin-bottom:1rem}.podium-avatar{width:48px;height:48px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.9rem;flex-shrink:0}.podium-info{flex:1;min-width:0}.podium-name{font-size:1rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.podium-role{font-size:.75rem;color:#64748b}.podium-trophy{font-size:1.5rem}.podium-progress{margin-bottom:1rem}.podium-progress-label{display:flex;justify-content:space-between;font-size:.8rem;color:#64748b;margin-bottom:.375rem}.podium-progress-label span:last-child{font-weight:600;color:#3b82f6}.podium-progress-bar{height:6px;background:#e2e8f0;border-radius:3px;overflow:hidden}.podium-progress-fill{height:100%;background:#3b82f6;border-radius:3px;transition:width .3s ease}.podium-stats{display:flex;gap:1.5rem}.podium-stat{display:flex;flex-direction:column}.podium-stat .stat-label{font-size:.7rem;color:#94a3b8}.podium-stat .stat-value{font-size:1.1rem;font-weight:700;color:#1e293b}.ranking-list-section{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:1.5rem}.ranking-list-section h2{font-size:1.1rem;font-weight:600;color:#1e293b;margin:0 0 1rem}.ranking-list{display:flex;flex-direction:column;gap:.5rem}.ranking-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;border-radius:8px;transition:background .15s}.ranking-item:hover{background:#f8fafc}.ranking-item.current-user{background:#f0fdf4;border:1px solid #bbf7d0}.ranking-item-left{display:flex;align-items:center;gap:.75rem}.ranking-position{width:32px;text-align:center}.rank-trophy{font-size:1.25rem}.rank-number{font-size:.9rem;font-weight:600;color:#94a3b8}.ranking-avatar{width:40px;height:40px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.8rem;flex-shrink:0}.ranking-item.current-user .ranking-avatar{background:#10b981}.ranking-info{min-width:0}.ranking-name{font-size:.95rem;font-weight:600;color:#1e293b;display:flex;align-items:center;gap:.5rem}.ranking-badge{background:#e2e8f0;color:#64748b;padding:.125rem .5rem;border-radius:10px;font-size:.7rem;font-weight:500}.ranking-role{font-size:.75rem;color:#64748b}.ranking-item-right{display:flex;align-items:center;gap:1.5rem}.ranking-stat{text-align:right;min-width:60px}.ranking-stat .stat-label{font-size:.65rem;color:#94a3b8;display:block}.ranking-stat .stat-value{font-size:.95rem;font-weight:600;color:#1e293b}.ranking-mini-bar{width:60px;height:4px;background:#e2e8f0;border-radius:2px;overflow:hidden}.ranking-mini-fill{height:100%;background:#3b82f6;border-radius:2px;transition:width .3s ease}.ranking-item.current-user .ranking-mini-fill{background:#10b981}@media (max-width: 900px){.ranking-summary,.ranking-podium{grid-template-columns:1fr}.ranking-item{flex-direction:column;align-items:flex-start;gap:1rem}.ranking-item-right{width:100%;justify-content:space-between}}.toast{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);padding:.875rem 1.5rem;border-radius:8px;color:#fff;font-weight:500;font-size:.875rem;z-index:1001;animation:toastIn .3s ease-out;box-shadow:0 10px 40px #0003}.toast.success{background:#10b981}.toast.error{background:#ef4444}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(1rem)}to{opacity:1;transform:translate(-50%) translateY(0)}}@media (max-width: 1024px){.goals8-layout{flex-direction:column}.goals8-sidebar{width:100%;flex-direction:row;flex-wrap:wrap;border-right:none;border-bottom:1px solid #e2e8f0}.sidebar-logo{border-bottom:none}.sidebar-nav{display:flex;flex-wrap:wrap;padding:.5rem;flex:1;justify-content:center}.nav-item{padding:.5rem .75rem;font-size:.8rem}.sidebar-bottom{display:none}.progress-dashboard{grid-template-columns:1fr}.radar-section{grid-column:1}}@media (max-width: 768px){.goals8-content{padding:1rem}.content-header{flex-direction:column;align-items:flex-start;gap:1rem}.header-actions{flex-direction:column;width:100%;gap:.75rem}.btn-new-goal{width:100%}.goals8-filters{flex-direction:column;align-items:stretch}.search-box{max-width:none}.filter-group{flex-direction:column}.filter-group select{width:100%}.form-row{grid-template-columns:1fr}.goal-card-header{flex-direction:column;align-items:flex-start;gap:.75rem}.goal-card-actions{width:100%;justify-content:flex-end}.modal-footer{flex-direction:column}.modal-footer button{width:100%}}.feedback-desc{color:#64748b;font-size:.875rem}.feedback-content{padding:1.5rem 0}.feedback-user-selector{background:#fff;padding:1.5rem;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:1.5rem}.feedback-user-selector label{display:block;font-weight:600;color:#374151;margin-bottom:.5rem}.user-select{width:100%;max-width:400px;padding:.75rem 1rem;border:1px solid #e2e8f0;border-radius:8px;font-size:1rem;background:#fff;cursor:pointer}.user-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.feedback-goals{margin-top:1rem}.feedback-goals-list{display:flex;flex-direction:column;gap:1rem}.feedback-goal-card{background:#fff;border-radius:12px;padding:1.5rem;box-shadow:0 1px 3px #0000001a;transition:box-shadow .2s}.feedback-goal-card:hover{box-shadow:0 4px 12px #00000026}.feedback-goal-header{display:flex;align-items:flex-start;gap:1rem}.feedback-goal-number{width:32px;height:32px;background:#3b82f6;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.feedback-goal-info{flex:1}.feedback-goal-title{font-size:1.125rem;font-weight:600;color:#1e293b;margin:0 0 .5rem}.feedback-goal-meta{display:flex;gap:.5rem;flex-wrap:wrap}.feedback-goal-meta .status-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500}.feedback-goal-meta .status-badge.active{background:#dbeafe;color:#1e40af}.feedback-goal-meta .status-badge.completed{background:#dcfce7;color:#166534}.feedback-goal-meta .status-badge.on-hold{background:#fef3c7;color:#92400e}.feedback-goal-meta .category-badge{padding:.25rem .75rem;border-radius:9999px;font-size:.75rem;font-weight:500;color:#fff}.feedback-goal-progress{text-align:right;min-width:80px}.feedback-goal-progress .progress-value{font-size:1.5rem;font-weight:700;color:#3b82f6}.progress-bar-mini{height:6px;background:#e2e8f0;border-radius:3px;margin-top:.5rem;overflow:hidden}.progress-fill-mini{height:100%;background:linear-gradient(90deg,#3b82f6,#60a5fa);border-radius:3px;transition:width .3s}.feedback-goal-description{margin:1rem 0;padding:1rem;background:#f8fafc;border-radius:8px;color:#475569;font-size:.875rem;line-height:1.6}.feedback-goal-actions{display:flex;justify-content:flex-end;margin-top:1rem;padding-top:1rem;border-top:1px solid #e2e8f0}.btn-feedback{display:flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#3b82f6;color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:500;cursor:pointer;transition:background .2s}.btn-feedback:hover{background:#2563eb}@media (max-width: 768px){.feedback-goal-header{flex-wrap:wrap}.feedback-goal-progress{width:100%;text-align:left;margin-top:1rem;display:flex;align-items:center;gap:1rem}.feedback-goal-progress .progress-value{font-size:1.25rem}.progress-bar-mini{flex:1;margin-top:0}}.my-action-plans-section{background:#fff;grid-column:1}.my-ap-list{display:flex;flex-direction:column;gap:.5rem}.my-ap-item{display:flex;align-items:center;gap:.75rem;padding:.75rem;border-radius:8px;background:#f9fafb;border:1px solid #f3f4f6}.my-ap-number{width:28px;height:28px;border-radius:50%;background:#3b82f6;color:#fff;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.my-ap-info{flex:1;min-width:0}.my-ap-title{font-size:.85rem;font-weight:600;color:#111827;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.my-ap-desc{font-size:.7rem;color:#6b7280;margin-top:.125rem;white-space:normal;overflow:hidden;text-overflow:ellipsis}.my-ap-progress{display:flex;align-items:center;gap:.5rem;flex-shrink:0;min-width:120px}.my-ap-bar{flex:1;height:6px;background:#e5e7eb;border-radius:3px;overflow:hidden}.my-ap-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:3px;transition:width .3s}.my-ap-percent{font-size:.75rem;font-weight:600;color:#374151;min-width:36px;text-align:right}.ap-description{font-size:.85rem;color:#6b7280;margin-bottom:1.5rem;padding:0}.ap-total-bar{font-size:.875rem;color:#374151;margin-bottom:1rem;padding:.75rem 1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.ap-plan-content{font-size:.8rem;color:#3b82f6;margin:.25rem 0 0;line-height:1.4}.ap-target-display{font-size:.875rem;font-weight:600;color:#6b7280;padding:.375rem 0}.ap-no-plan-msg{font-size:.8rem;color:#9ca3af;font-style:italic;padding:.5rem 0}.action-plan-card.no-plan{opacity:.6;border-style:dashed}.month-selector{padding:.5rem 1rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;background:#fff;cursor:pointer}.submission-status{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1rem 1.5rem;margin-bottom:1.5rem}.submission-info{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.submission-badge{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.submission-badge.submitted{background:#dcfce7;color:#166534}.submission-badge.not-submitted{background:#fef3c7;color:#92400e}.submission-time{font-size:.75rem;color:#6b7280}.submission-time.updated{color:#f59e0b}.submission-summary{display:flex;gap:1.5rem;font-size:.875rem;color:#374151}.action-plans-list{display:flex;flex-direction:column;gap:1rem}.action-plan-card{background:#fff;border:1px solid #e5e7eb;border-radius:12px;padding:1.5rem;transition:box-shadow .2s}.action-plan-card:hover{box-shadow:0 2px 8px #0000000f}.ap-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1rem}.ap-number{width:32px;height:32px;border-radius:50%;background:#3b82f6;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;flex-shrink:0}.ap-goal-info{flex:1;min-width:0}.ap-goal-title{font-size:1rem;font-weight:600;color:#111827;margin:0}.ap-goal-desc{font-size:.8rem;color:#6b7280;margin:.25rem 0 0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ap-points{display:flex;gap:.75rem;flex-shrink:0}.ap-points-row{display:flex;flex-direction:column;align-items:center;gap:.25rem}.ap-points-row label{font-size:.7rem;color:#6b7280;font-weight:500}.ap-points-input{width:70px;padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:6px;font-size:.875rem;text-align:center}.ap-points-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ap-points-display{display:flex;align-items:baseline;gap:.25rem;flex-shrink:0}.ap-achieved{font-size:1.25rem;font-weight:700;color:#3b82f6}.ap-separator{color:#9ca3af}.ap-target{font-size:.875rem;color:#6b7280}.ap-content{margin-bottom:1rem}.ap-content label{display:block;font-size:.75rem;font-weight:600;color:#374151;margin-bottom:.375rem}.ap-content textarea{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.875rem;resize:vertical;font-family:inherit;line-height:1.5}.ap-content textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ap-content-readonly{background:#f9fafb;border-radius:8px;padding:.75rem 1rem;margin-bottom:1rem}.ap-content-readonly p{font-size:.875rem;color:#374151;line-height:1.6;white-space:pre-wrap;margin:0}.ap-progress{display:flex;align-items:center;gap:.75rem;margin-bottom:.75rem}.ap-progress-bar{flex:1;height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.ap-progress-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#10b981);border-radius:4px;transition:width .3s}.ap-progress-text{font-size:.8rem;font-weight:600;color:#374151;min-width:40px;text-align:right}.ap-reports{border-top:1px solid #f3f4f6;padding-top:.75rem}.ap-toggle-reports{background:none;border:none;cursor:pointer;font-size:.8rem;color:#6b7280;display:flex;align-items:center;gap:.5rem;padding:.375rem 0;width:100%;text-align:left}.ap-toggle-reports:hover{color:#374151}.toggle-arrow{transition:transform .2s;font-size:.6rem;margin-left:auto}.toggle-arrow.open{transform:rotate(180deg)}.ap-reports-content{margin-top:.75rem}.ap-comments-list{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.ap-comment{background:#f9fafb;border-radius:8px;padding:.75rem}.ap-comment-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.375rem}.ap-comment-avatar{width:28px;height:28px;border-radius:50%;background:#6366f1;color:#fff;font-size:.6rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ap-comment-meta{flex:1;min-width:0}.ap-comment-author{font-size:.8rem;font-weight:600;color:#374151}.ap-comment-date{font-size:.7rem;color:#9ca3af;margin-left:.5rem}.ap-comment-delete{background:none;border:none;cursor:pointer;font-size:.75rem;opacity:.5;transition:opacity .2s}.ap-comment-delete:hover{opacity:1}.ap-comment-text{font-size:.8rem;color:#374151;line-height:1.5;margin:0;white-space:pre-wrap}.ap-comment-attachment{margin-top:.5rem}.ap-comment-attachment img,.ap-comment-attachment video{max-width:100%;max-height:200px;border-radius:6px}.ap-no-comments{font-size:.8rem;color:#9ca3af;text-align:center;padding:.75rem 0}.ap-comment-form{border-top:1px solid #e5e7eb;padding-top:.75rem}.ap-comment-form textarea{width:100%;padding:.5rem .75rem;border:1px solid #d1d5db;border-radius:8px;font-size:.8rem;resize:vertical;font-family:inherit;margin-bottom:.5rem}.ap-comment-form textarea:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}.ap-comment-actions{display:flex;justify-content:flex-end;gap:.5rem}.ap-btn-attach{padding:.375rem .75rem;font-size:.75rem;color:#6b7280;border:1px solid #d1d5db;border-radius:6px;cursor:pointer;transition:background .2s}.ap-btn-attach:hover{background:#f3f4f6}.ap-btn-post{padding:.375rem 1rem;font-size:.75rem;font-weight:600;color:#fff;background:#3b82f6;border:none;border-radius:6px;cursor:pointer;transition:background .2s}.ap-btn-post:hover{background:#2563eb}.ap-btn-post:disabled{opacity:.5;cursor:not-allowed}.ap-attachment-preview{position:relative;display:inline-block;margin-bottom:.5rem}.ap-attachment-preview img,.ap-attachment-preview video{max-width:200px;max-height:150px;border-radius:6px}.ap-attachment-preview button{position:absolute;top:4px;right:4px;width:20px;height:20px;border-radius:50%;background:#0009;color:#fff;border:none;cursor:pointer;font-size:.7rem;display:flex;align-items:center;justify-content:center}.ap-attachment-preview span{display:block;font-size:.7rem;color:#6b7280;margin-top:.25rem}.ap-bottom-actions{display:flex;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding:1.5rem 0;border-top:1px solid #e5e7eb}.ap-btn-save{padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;color:#374151;background:#fff;border:1px solid #d1d5db;border-radius:8px;cursor:pointer;transition:all .2s}.ap-btn-save:hover{background:#f3f4f6}.ap-btn-save:disabled{opacity:.5;cursor:not-allowed}.ap-btn-submit{padding:.75rem 2rem;font-size:.875rem;font-weight:600;color:#fff;background:#10b981;border:none;border-radius:8px;cursor:pointer;transition:all .2s}.ap-btn-submit:hover{background:#059669}.ap-btn-submit:disabled{opacity:.5;cursor:not-allowed}.review-submissions{margin-bottom:2rem}.review-submissions h2{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.submission-cards{display:flex;flex-direction:column;gap:.5rem}.submission-card{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid #e5e7eb;border-radius:10px;padding:.75rem 1rem;cursor:pointer;transition:all .2s;text-align:left;width:100%}.submission-card:hover{border-color:#3b82f6;box-shadow:0 2px 6px #3b82f61a}.submission-card.selected{border-color:#3b82f6;background:#eff6ff}.submission-card-rank{width:24px;height:24px;border-radius:50%;background:#e5e7eb;color:#374151;font-size:.75rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submission-card.selected .submission-card-rank,.submission-card:first-child .submission-card-rank{background:#3b82f6;color:#fff}.submission-card-avatar{width:36px;height:36px;border-radius:50%;background:#6366f1;color:#fff;font-size:.7rem;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0}.submission-card-info{flex:1}.submission-card-name{font-size:.875rem;font-weight:600;color:#111827}.submission-card-time{font-size:.75rem;color:#6b7280}.submission-card-updated{font-size:.7rem;color:#f59e0b}.review-plans h2{font-size:1rem;font-weight:600;color:#374151;margin-bottom:1rem}.action-plan-card.review-mode{border-left:3px solid #3b82f6}@media (max-width: 768px){.submission-status{flex-direction:column;align-items:flex-start}.ap-header{flex-direction:column}.ap-points{align-self:flex-end}.ap-bottom-actions{flex-direction:column}.ap-btn-save,.ap-btn-submit{width:100%;text-align:center}}.ap-btn-copy{padding:6px 14px;border:1px solid #e2e8f0;border-radius:8px;background:#f8fafc;color:#475569;font-size:.82rem;cursor:pointer;transition:all .2s}.ap-btn-copy:hover{background:#eef2ff;border-color:#818cf8;color:#4f46e5}.ap-total-bar{display:flex;align-items:center;justify-content:space-between}.goals-tab-month-selector{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding:12px 16px;background:#fff;border-radius:12px;border:1px solid #e2e8f0;overflow-x:auto}.month-selector-label{font-size:.85rem;color:#64748b;white-space:nowrap;font-weight:500}.month-pills{display:flex;gap:6px;flex-wrap:nowrap}.month-pill{padding:6px 14px;border:1px solid #e2e8f0;border-radius:20px;background:#f8fafc;color:#64748b;font-size:.8rem;cursor:pointer;white-space:nowrap;transition:all .2s}.month-pill:hover{background:#eef2ff;border-color:#818cf8;color:#4f46e5}.month-pill.active{background:#4f46e5;color:#fff;border-color:#4f46e5;font-weight:600}.goal-card-plan-report{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px}.goal-card-plan{background:#f0fdf4;border-radius:8px;padding:10px 12px;border-left:3px solid #22c55e}.goal-card-plan-label{font-size:.7rem;font-weight:600;color:#16a34a;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.goal-card-plan-content{font-size:.82rem;color:#334155;margin:0;line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.goal-card-plan-target{display:inline-block;margin-top:4px;font-size:.72rem;color:#16a34a;font-weight:500}.goal-card-report{background:#eff6ff;border-radius:8px;padding:10px 12px;border-left:3px solid #3b82f6}.goal-card-report-label{font-size:.7rem;font-weight:600;color:#2563eb;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.goal-card-report-content{font-size:.82rem;color:#334155;margin:0;line-height:1.5;white-space:pre-line;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.goal-card-report-points{margin-top:6px;font-size:.78rem;color:#2563eb}.goal-card-report-points strong{font-weight:700}.goal-card-report-empty{font-size:.8rem;color:#94a3b8;margin:0;font-style:italic}@media (max-width: 768px){.goals-tab-month-selector{flex-direction:column;align-items:flex-start;gap:8px}.month-pills{flex-wrap:wrap}.month-pill{padding:5px 10px;font-size:.75rem}}.ap-goal-list-v2{display:flex;flex-direction:column;gap:4px}.ap-goal-block-v2{border-radius:10px;overflow:hidden;background:#fff;border:1px solid #e2e8f0}.ap-goal-header-v2{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;cursor:pointer;border-left:4px solid #ccc;transition:background .15s;-webkit-user-select:none;user-select:none}.ap-goal-header-v2:hover{background:#f8fafc}.ap-goal-header-v2.expanded{background:#f1f5f9;border-bottom:1px solid #e2e8f0}.ap-goal-header-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ap-category-badge{display:inline-block;padding:3px 10px;border-radius:4px;color:#fff;font-size:.72rem;font-weight:700;white-space:nowrap;letter-spacing:.3px}.ap-goal-title-v2{font-size:.88rem;font-weight:600;color:#1e293b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ap-goal-header-right{display:flex;align-items:center;gap:10px;flex-shrink:0}.ap-fill-count{font-size:.75rem;color:#94a3b8;font-weight:500;background:#f1f5f9;padding:2px 8px;border-radius:10px}.ap-fill-count.complete{color:#16a34a;background:#dcfce7}.ap-expand-arrow{font-size:.65rem;color:#94a3b8;transition:transform .2s}.ap-expand-arrow.open{transform:rotate(180deg)}.ap-months-grid-v2{padding:16px}.ap-goal-desc-v2{font-size:.8rem;color:#64748b;margin:0 0 12px;padding:8px 12px;background:#ffffffb3;border-radius:6px;line-height:1.5}.ap-months-row{display:grid;grid-template-columns:repeat(6,1fr);gap:8px}.ap-month-cell{display:flex;flex-direction:column;gap:4px}.ap-month-label{font-size:.72rem;font-weight:600;color:#475569;text-align:center;padding:4px;background:#fffc;border-radius:4px}.ap-month-textarea{width:100%;border:1px solid #e2e8f0;border-radius:6px;padding:8px;font-size:.78rem;line-height:1.5;resize:vertical;min-height:80px;font-family:inherit;transition:border-color .15s;background:#fff}.ap-month-textarea:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.ap-month-textarea::placeholder{color:#cbd5e1}.ap-save-info{display:flex;align-items:center;gap:12px}.ap-total-filled{font-size:.82rem;color:#64748b}@media (max-width: 1200px){.ap-months-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 768px){.ap-months-row{grid-template-columns:repeat(2,1fr)}.ap-goal-header-v2{padding:10px 12px}.ap-goal-title-v2{font-size:.8rem}.ap-category-badge{font-size:.65rem;padding:2px 6px}}@media (max-width: 480px){.ap-months-row{grid-template-columns:1fr}}.half-year-theme-section{background:#fff;border-radius:12px;padding:16px 20px;margin-bottom:16px;border:1px solid #e2e8f0}.theme-row{display:flex;align-items:flex-end;gap:12px}.theme-field{flex:1}.theme-field label{display:block;font-size:.75rem;font-weight:600;color:#64748b;margin-bottom:4px}.theme-input{width:100%;padding:8px 12px;border:1px solid #e2e8f0;border-radius:8px;font-size:.85rem;font-family:inherit;transition:border-color .15s}.theme-input:focus{outline:none;border-color:#818cf8;box-shadow:0 0 0 2px #818cf826}.theme-save-btn{padding:8px 16px;border:none;border-radius:8px;background:#4f46e5;color:#fff;font-size:.82rem;font-weight:600;cursor:pointer;white-space:nowrap;transition:background .15s}.theme-save-btn:hover{background:#4338ca}.theme-save-btn:disabled{opacity:.6;cursor:not-allowed}.ap-feedback-section{margin-top:12px;padding-top:12px;border-top:1px solid #f1f5f9;display:flex;flex-direction:column;gap:10px}.ap-feedback-rep{background:#fef3c7;border-radius:8px;padding:10px 12px;border-left:3px solid #f59e0b}.ap-feedback-rep label,.ap-feedback-reply label,.ap-feedback-member-reply label{display:block;font-size:.7rem;font-weight:600;color:#92400e;margin-bottom:4px;text-transform:uppercase;letter-spacing:.5px}.ap-feedback-text{font-size:.82rem;color:#334155;margin:0;line-height:1.5;white-space:pre-line}.ap-feedback-reply{background:#eff6ff;border-radius:8px;padding:10px 12px;border-left:3px solid #3b82f6}.ap-feedback-reply label{color:#1e40af}.ap-feedback-reply textarea{width:100%;border:1px solid #bfdbfe;border-radius:6px;padding:8px;font-size:.8rem;font-family:inherit;resize:vertical;min-height:40px}.ap-feedback-reply textarea:focus{outline:none;border-color:#3b82f6}.ap-feedback-member-reply{background:#eff6ff;border-radius:8px;padding:10px 12px;border-left:3px solid #3b82f6}.ap-feedback-member-reply label{color:#1e40af}.ap-feedback-member-reply p{font-size:.82rem;color:#334155;margin:0;line-height:1.5}.ap-attachment-url{margin-top:0}.ap-url-input{width:100%;padding:8px 10px;border:1px solid #e2e8f0;border-radius:6px;font-size:.8rem;font-family:inherit;color:#3b82f6}.ap-url-input:focus{outline:none;border-color:#818cf8}.ap-score-input{display:flex;align-items:center;gap:2px}.ap-score-max{font-size:.72rem;color:#94a3b8}.action-plan-card{border-left:4px solid #e2e8f0}.ap-number{width:auto;height:auto;font-size:.68rem;white-space:nowrap;padding:3px 8px;border-radius:4px;color:#fff;font-weight:700}.review-theme-display{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;padding:12px 16px;margin-bottom:12px;display:flex;gap:20px;flex-wrap:wrap}.review-theme-item{font-size:.85rem;color:#334155}.review-theme-label{font-weight:600;color:#64748b;margin-right:6px}.review-summary{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:8px;padding:10px 16px;margin-bottom:12px;font-size:.85rem;display:flex;gap:8px;align-items:center}.ap-content-readonly{padding:8px 12px;background:#f8fafc;border-radius:6px;margin-top:8px}.ap-content-readonly label{display:block;font-size:.68rem;font-weight:600;color:#94a3b8;margin-bottom:2px;text-transform:uppercase;letter-spacing:.5px}.ap-content-readonly p{font-size:.82rem;color:#334155;margin:0;line-height:1.5}.ap-content-readonly a{color:#3b82f6;text-decoration:underline}@media (max-width: 768px){.theme-row{flex-direction:column;align-items:stretch}.theme-save-btn{align-self:flex-end}}.user-management-page{min-height:100vh;background-color:#f5f5f5}.user-management-content{padding:24px 0}.page-header{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:24px}.back-link{color:#6b7280;text-decoration:none;font-size:14px;display:inline-block;margin-bottom:8px}.back-link:hover{color:#2563eb}.page-title{font-size:28px;font-weight:700;color:#1f2937}.users-table-wrapper{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;overflow:hidden}.users-table{width:100%;border-collapse:collapse}.users-table th,.users-table td{padding:16px;text-align:left;border-bottom:1px solid #e5e7eb}.users-table th{background:#f9fafb;font-weight:600;color:#374151;font-size:14px}.users-table td{color:#1f2937}.users-table tr:last-child td{border-bottom:none}.role-badge{display:inline-block;padding:4px 12px;border-radius:20px;font-size:12px;font-weight:500}.role-badge.admin{background:#dbeafe;color:#1d4ed8}.role-badge.user{background:#e5e7eb;color:#4b5563}.role-badge.representative{background:#fef3c7;color:#92400e}.action-buttons{display:flex;gap:8px}.btn-icon{padding:6px 12px;border:none;border-radius:6px;font-size:13px;cursor:pointer;transition:all .2s}.btn-icon.edit{background:#e0e7ff;color:#4338ca}.btn-icon.edit:hover{background:#c7d2fe}.btn-icon.delete{background:#fee2e2;color:#dc2626}.btn-icon.delete:hover{background:#fecaca}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;padding:20px}.modal{background:#fff;border-radius:16px;padding:32px;width:100%;max-width:480px;max-height:90vh;overflow-y:auto}.modal-title{font-size:24px;font-weight:700;color:#1f2937;margin-bottom:24px}.user-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:500;color:#374151;font-size:14px}.modal-actions{display:flex;gap:12px;justify-content:flex-end;margin-top:8px}@media (max-width: 768px){.users-table-wrapper{overflow-x:auto}.users-table{min-width:600px}}.tool-management-page{min-height:100vh;background-color:#f5f5f5}.tool-management-content{padding:24px 0}.tool-section{background:#fff;border-radius:12px;padding:32px;box-shadow:0 1px 3px #0000001a}.section-title{font-size:20px;font-weight:700;color:#1f2937;margin-bottom:8px}.section-description{color:#6b7280;font-size:14px;margin-bottom:24px}.tool-form{display:flex;flex-direction:column;gap:20px;max-width:480px}.form-actions{display:flex;align-items:center;gap:12px}.form-message{font-size:14px}.form-message.success{color:#16a34a}.form-message.error{color:#dc2626}/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-divide-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--color-red-50:oklch(97.1% .013 17.38);--color-red-200:oklch(88.5% .062 18.334);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-800:oklch(44.4% .177 26.899);--color-orange-500:oklch(70.5% .213 47.604);--color-orange-600:oklch(64.6% .222 41.116);--color-yellow-500:oklch(79.5% .184 86.047);--color-yellow-600:oklch(68.1% .162 75.834);--color-green-50:oklch(98.2% .018 155.826);--color-green-100:oklch(96.2% .044 156.743);--color-green-500:oklch(72.3% .219 149.579);--color-green-600:oklch(62.7% .194 149.214);--color-green-700:oklch(52.7% .154 150.069);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-300:oklch(80.9% .105 251.813);--color-blue-500:oklch(62.3% .214 259.815);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-700:oklch(48.8% .243 264.376);--color-purple-50:oklch(97.7% .014 308.299);--color-purple-100:oklch(94.6% .033 307.174);--color-purple-300:oklch(82.7% .119 306.383);--color-purple-500:oklch(62.7% .265 303.9);--color-purple-600:oklch(55.8% .288 302.321);--color-purple-700:oklch(49.6% .265 301.924);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-300:oklch(87.2% .01 258.338);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-gray-700:oklch(37.3% .034 259.733);--color-gray-900:oklch(21% .034 264.665);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-xs:20rem;--container-lg:32rem;--container-7xl:80rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-wider:.05em;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--ease-in:cubic-bezier(.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{*{box-sizing:border-box;margin:0;padding:0}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;background-color:#0000;border:none}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}body{background-color:#f5f5f5;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Hiragino Sans,Noto Sans JP,sans-serif}.gear8-page .container{max-width:1200px;margin:0 auto;padding:20px}.gear8-page .btn{cursor:pointer;border:none;border-radius:8px;padding:12px 24px;font-size:16px;transition:all .2s;display:inline-block}.gear8-page .btn-primary{color:#fff;background-color:#2563eb}.gear8-page .btn-primary:hover{background-color:#1d4ed8}.gear8-page .btn-secondary{color:#fff;background-color:#6b7280}.gear8-page .btn-secondary:hover{background-color:#4b5563}.gear8-page .btn-danger{color:#fff;background-color:#dc2626}.gear8-page .btn-danger:hover{background-color:#b91c1c}.gear8-page input,.gear8-page select{border:1px solid #d1d5db;border-radius:8px;width:100%;padding:12px;font-size:16px}.gear8-page input:focus,.gear8-page select:focus{border-color:#2563eb;outline:none;box-shadow:0 0 0 3px #2563eb1a}.gear8-page .card{background:#fff;border-radius:12px;padding:24px;box-shadow:0 1px 3px #0000001a}.gear8-page .error-message{color:#dc2626;margin-top:8px;font-size:14px}.gear8-page .success-message{color:#16a34a;margin-top:8px;font-size:14px}}@layer utilities{.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-auto{margin-inline:auto}.mt-1{margin-top:calc(var(--spacing) * 1)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mr-1{margin-right:calc(var(--spacing) * 1)}.mb-1{margin-bottom:calc(var(--spacing) * 1)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-2{margin-left:calc(var(--spacing) * 2)}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-2\.5{height:calc(var(--spacing) * 2.5)}.h-3{height:calc(var(--spacing) * 3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:calc(var(--spacing) * 4)}.max-h-\[90vh\]{max-height:90vh}.min-h-screen{min-height:100vh}.w-2\.5{width:calc(var(--spacing) * 2.5)}.w-3{width:calc(var(--spacing) * 3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-4{width:calc(var(--spacing) * 4)}.w-20{width:calc(var(--spacing) * 20)}.w-24{width:calc(var(--spacing) * 24)}.w-full{width:100%}.max-w-7xl{max-width:var(--container-7xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-xs{max-width:var(--container-xs)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[120px\]{min-width:120px}.min-w-full{min-width:100%}.flex-1{flex:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.resize{resize:both}.scroll-mt-4{scroll-margin-top:calc(var(--spacing) * 4)}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:calc(var(--spacing) * 1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 6) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-8{column-gap:calc(var(--spacing) * 8)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}:where(.divide-y>:not(:last-child)){--tw-divide-y-reverse:0;border-bottom-style:var(--tw-border-style);border-top-style:var(--tw-border-style);border-top-width:calc(1px * var(--tw-divide-y-reverse));border-bottom-width:calc(1px * calc(1 - var(--tw-divide-y-reverse)))}:where(.divide-gray-100>:not(:last-child)){border-color:var(--color-gray-100)}:where(.divide-gray-200>:not(:last-child)){border-color:var(--color-gray-200)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-0{border-style:var(--tw-border-style);border-width:0}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-blue-300{border-color:var(--color-blue-300)}.border-blue-500{border-color:var(--color-blue-500)}.border-gray-200{border-color:var(--color-gray-200)}.border-gray-300{border-color:var(--color-gray-300)}.border-gray-400{border-color:var(--color-gray-400)}.border-purple-300{border-color:var(--color-purple-300)}.border-red-200{border-color:var(--color-red-200)}.bg-black\/50{background-color:#00000080}@supports (color:color-mix(in lab,red,red)){.bg-black\/50{background-color:color-mix(in oklab,var(--color-black) 50%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-500{background-color:var(--color-blue-500)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-green-50{background-color:var(--color-green-50)}.bg-green-100{background-color:var(--color-green-100)}.bg-green-500{background-color:var(--color-green-500)}.bg-green-600{background-color:var(--color-green-600)}.bg-orange-500{background-color:var(--color-orange-500)}.bg-purple-50{background-color:var(--color-purple-50)}.bg-purple-100{background-color:var(--color-purple-100)}.bg-purple-600{background-color:var(--color-purple-600)}.bg-red-50{background-color:var(--color-red-50)}.bg-red-500{background-color:var(--color-red-500)}.bg-white{background-color:var(--color-white)}.bg-yellow-500{background-color:var(--color-yellow-500)}.p-1{padding:calc(var(--spacing) * 1)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-6{padding:calc(var(--spacing) * 6)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-12{padding-block:calc(var(--spacing) * 12)}.pt-2{padding-top:calc(var(--spacing) * 2)}.text-center{text-align:center}.text-left{text-align:left}.font-mono{font-family:var(--font-mono)}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-wider{--tw-tracking:var(--tracking-wider);letter-spacing:var(--tracking-wider)}.whitespace-nowrap{white-space:nowrap}.whitespace-pre-wrap{white-space:pre-wrap}.text-blue-600{color:var(--color-blue-600)}.text-blue-700{color:var(--color-blue-700)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-gray-700{color:var(--color-gray-700)}.text-gray-900{color:var(--color-gray-900)}.text-green-600{color:var(--color-green-600)}.text-green-700{color:var(--color-green-700)}.text-orange-600{color:var(--color-orange-600)}.text-purple-600{color:var(--color-purple-600)}.text-purple-700{color:var(--color-purple-700)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-red-700{color:var(--color-red-700)}.text-white{color:var(--color-white)}.text-yellow-600{color:var(--color-yellow-600)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.line-through{text-decoration-line:line-through}.no-underline{text-decoration-line:none}.opacity-50{opacity:.5}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-blue-100{--tw-ring-color:var(--color-blue-100)}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.invert{--tw-invert:invert(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition\!{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events!important;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function))!important;transition-duration:var(--tw-duration,var(--default-transition-duration))!important}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-in{--tw-ease:var(--ease-in);transition-timing-function:var(--ease-in)}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.select-none{-webkit-user-select:none;user-select:none}@media (hover:hover){.hover\:bg-blue-50:hover{background-color:var(--color-blue-50)}.hover\:bg-blue-700:hover{background-color:var(--color-blue-700)}.hover\:bg-gray-50:hover{background-color:var(--color-gray-50)}.hover\:bg-gray-100:hover{background-color:var(--color-gray-100)}.hover\:bg-green-700:hover{background-color:var(--color-green-700)}.hover\:bg-purple-100:hover{background-color:var(--color-purple-100)}.hover\:bg-purple-700:hover{background-color:var(--color-purple-700)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:text-gray-600:hover{color:var(--color-gray-600)}.hover\:text-gray-700:hover{color:var(--color-gray-700)}.hover\:text-gray-900:hover{color:var(--color-gray-900)}.hover\:text-red-700:hover{color:var(--color-red-700)}.hover\:text-red-800:hover{color:var(--color-red-800)}.hover\:shadow-md:hover{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:border-blue-500:focus{border-color:var(--color-blue-500)}.focus\:border-purple-500:focus{border-color:var(--color-purple-500)}.focus\:ring-1:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-blue-500:focus{--tw-ring-color:var(--color-blue-500)}.focus\:ring-purple-500:focus{--tw-ring-color:var(--color-purple-500)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width:40rem){.sm\:col-span-2{grid-column:span 2/span 2}.sm\:block{display:block}.sm\:flex{display:flex}.sm\:hidden{display:none}.sm\:w-24{width:calc(var(--spacing) * 24)}.sm\:w-40{width:calc(var(--spacing) * 40)}.sm\:min-w-\[200px\]{min-width:200px}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:justify-between{justify-content:space-between}.sm\:justify-end{justify-content:flex-end}.sm\:justify-start{justify-content:flex-start}.sm\:gap-y-3{row-gap:calc(var(--spacing) * 3)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:py-6{padding-block:calc(var(--spacing) * 6)}.sm\:text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}}@media (min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.lg\:px-8{padding-inline:calc(var(--spacing) * 8)}}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-divide-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}