.charge-label{font-weight:700 !important;font-size:0.95rem !important;color:#000 !important;display:block;margin-bottom:0.5rem;}.charge-form-group{display:flex;flex-direction:column;}.charge-form-group input{padding:0.75rem;border:2px solid #e2e8f0;border-radius:0.5rem;font-size:1rem;transition:all 0.2s ease;}.charge-form-group input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px rgba(59,130,246,0.1);}.charge-section-title{font-size:1.3rem !important;font-weight:900 !important;color:#000 !important;margin-bottom:1.5rem;display:flex;align-items:center;gap:0.5rem;}.charge-section{margin-bottom:2rem;padding:1.5rem;background:#f9fafb;border:1px solid #e5e7eb;border-radius:0.75rem;}.charge-team-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;}.charge-team-item{display:grid;grid-template-columns:2fr 150px 60px 50px;gap:0.75rem;align-items:center;padding:1rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;transition:all 0.2s ease;}.charge-team-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,0.1);}.charge-team-item input{padding:0.6rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.9rem;}.charge-team-item input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.1);}.charge-team-name{font-weight:600;}.charge-team-unit{font-weight:600;color:#718096;text-align:center;}.charge-team-del{background:#ef4444;color:white;border:none;border-radius:0.375rem;cursor:pointer;font-size:1rem;padding:0.5rem;transition:all 0.2s ease;}.charge-team-del:hover{background:#dc2626;}.charge-tasks-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem;}.charge-task-item{display:grid;grid-template-columns:2fr 100px 180px 50px;gap:0.75rem;align-items:center;padding:1rem;background:white;border:1px solid #d1d5db;border-radius:0.5rem;transition:all 0.2s ease;}.charge-task-item:hover{border-color:#3b82f6;box-shadow:0 2px 8px rgba(59,130,246,0.1);}.charge-task-item input,.charge-task-item select{padding:0.6rem;border:1px solid #d1d5db;border-radius:0.375rem;font-size:0.9rem;}.charge-task-item input:focus,.charge-task-item select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,0.1);}.charge-task-name{font-weight:600;}.charge-task-del{background:#ef4444;color:white;border:none;border-radius:0.375rem;cursor:pointer;font-size:1rem;padding:0.5rem;transition:all 0.2s ease;}.charge-task-del:hover{background:#dc2626;}.charge-btn-add{padding:0.75rem 1.5rem;background-color:#dbeafe;color:#0284c7;border:2px dashed #0284c7;border-radius:0.5rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;margin-bottom:1rem;}.charge-btn-add:hover{background-color:#bfdbfe;}.charge-summary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1.5rem;margin-bottom:2rem;}.charge-summary-box{background:linear-gradient(135deg,#dbeafe 0%,#bfdbfe 100%);border:2px solid #0284c7;border-radius:0.75rem;padding:1.5rem;text-align:center;transition:all 0.2s ease;}.charge-summary-box.overbooked{background:linear-gradient(135deg,#fee2e2 0%,#fecaca 100%);border-color:#ef4444;}.charge-summary-box:hover{transform:translateY(-4px);box-shadow:0 8px 20px rgba(59,130,246,0.15);}.charge-summary-icon{font-size:2rem;margin-bottom:0.5rem;}.charge-summary-label{font-size:0.9rem;font-weight:600;color:#0284c7;margin-bottom:0.5rem;}.charge-summary-box.overbooked .charge-summary-label{color:#dc2626;}.charge-summary-value{font-size:1.8rem;font-weight:800;color:#0284c7;}.charge-summary-box.overbooked .charge-summary-value{color:#dc2626;}.charge-summary-detail{font-size:0.8rem;color:#666;margin-top:0.25rem;}.charge-chart-wrap{margin:2rem 0;padding:1.5rem;background:#f9fafb;border-radius:0.5rem;border:1px solid #e5e7eb;overflow-x:auto;}.charge-chart-title{font-size:1.1rem;font-weight:800;color:#000;margin-bottom:1rem;}.charge-chart{width:100%;min-width:600px;}.charge-details-wrap{margin:2rem 0;}.charge-details-title{font-size:1.1rem;font-weight:800;color:#000;margin-bottom:1rem;}.charge-utilization{display:inline-block;height:20px;border-radius:4px;margin-right:0.5rem;}.charge-export{background:#f0fdf4;border:2px solid #10b981;border-radius:0.75rem;padding:1.5rem;}.charge-export-title{font-size:1.1rem;font-weight:800;color:#000;margin-bottom:1rem;}.charge-export-buttons{display:flex;gap:1rem;flex-wrap:wrap;}.charge-btn-export{padding:0.75rem 1.5rem;background-color:#10b981;color:white;border:none;border-radius:0.5rem;font-weight:600;cursor:pointer;transition:all 0.2s ease;}.charge-btn-export:hover{background-color:#059669;transform:translateY(-2px);box-shadow:0 4px 12px rgba(16,185,129,0.3);}@media (prefers-color-scheme:dark){.charge-section{background:#1f2937;border-color:#374151;}.charge-form-group input{background-color:#1f2937;border-color:#374151;color:#f3f4f6;}.charge-team-item,.charge-task-item{background:#111827;border-color:#4b5563;}.charge-team-item input,.charge-task-item input,.charge-task-item select{background-color:#1f2937;border-color:#4b5563;color:#f3f4f6;}.charge-section-title{color:#fff !important;}.charge-label{color:#fff !important;}.charge-chart-wrap{background:#1f2937;border-color:#374151;}.charge-chart-title{color:#fff;}.charge-details-title{color:#fff;}.charge-export{background:#064e3b;border-color:#10b981;}}@media (max-width:768px){.charge-team-item{grid-template-columns:1fr;}.charge-task-item{grid-template-columns:1fr;}.charge-summary-grid{grid-template-columns:repeat(2,1fr);}.charge-export-buttons{flex-direction:column;}.charge-btn-export{width:100%;}}