.planning-header{text-align:center;margin-bottom:30px}.planning-header h2{font-size:1.8rem;color:#1a1a1a;margin-bottom:10px}.planning-header p{font-size:1.1rem;color:#555}.planning-container{display:flex;flex-direction:column;gap:20px;margin-bottom:30px}.planning-rules-container{background-color:#f8f9fa;border-radius:10px;padding:20px;width:100%}.planning-rules-container h3{font-size:1.3rem;margin-bottom:15px;color:#333}.rules-list{list-style-type:none;padding:0;margin:0}.rules-list li{padding:10px;border-bottom:1px solid #e5e7eb;font-size:.95rem;line-height:1.4;text-align:start}.rules-correct li:last-child,.rules-list li:last-child{border-bottom:none}.planning-grid-container{background-color:#fff;border-radius:10px;overflow-x:auto;width:100%}.planning-table thead th{font-weight:600;color:#333}.planning-review-table tbody td,.planning-table tbody td{color:#555}.grid-cell{position:relative}.planning-review-table td.active{background-color:#e6f7ff;color:#1890ff;font-weight:600}.grid-cell.active[data-role=M]{background-color:#e6ffec;color:#52c41a}.grid-cell.active[data-role=F]{background-color:#fff7e6;color:#fa8c16}.planning-instructions{background-color:#f8f9fa;border-radius:8px;padding:15px;margin-bottom:20px;border-left:4px solid #1890ff}.planning-instructions p{margin:5px 0;font-size:.95rem;color:#555}.planning-actions{display:flex;justify-content:flex-end;gap:15px}.planning-button{padding:10px 20px;border-radius:8px;font-weight:500;cursor:pointer;transition:all .2s ease;border:0;font-size:.95rem}.planning-button.primary{background-color:#1890ff;color:#fff}.planning-button.primary:hover{background-color:#096dd9}.planning-button.primary:disabled{background-color:#bfbfbf;cursor:not-allowed}.planning-button.secondary{background-color:#f5f5f5;color:#595959;border:1px solid #d9d9d9}.planning-button.secondary:hover{background-color:#e8e8e8;border-color:#bfbfbf}.planning-feedback{margin-top:20px;border-radius:8px}.feedback-error h3,.feedback-success h3{color:#52c41a;margin-top:0;margin-bottom:10px;font-size:1.1rem}.feedback-error h3{color:#ff4d4f}.feedback-error ul{margin:10px 0;padding-left:20px}.feedback-error li{margin-bottom:5px;color:#595959;text-align:start}.planning-overview{margin-top:40px}.planning-overview h3{font-size:1.5rem;margin-bottom:20px;color:#333;text-align:center}.planning-review-item{background-color:#fff;border-radius:10px;padding:20px;margin-bottom:30px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.planning-review-item h4,.planning-rules-summary h5{font-size:1.2rem;margin-bottom:10px;color:#333}.planning-review-item p{font-size:.95rem;color:#555;margin-bottom:20px}.planning-review-table{margin-bottom:20px}.planning-review-table td,.planning-review-table th{font-size:.9rem;border:1px solid #e5e7eb;padding:8px;text-align:center}.planning-rules-summary{background-color:#f8f9fa;border-radius:8px;padding:15px}.planning-rules-summary h5{font-size:1rem}.rules-correct{list-style-type:none;padding:0;margin:0}.rules-correct li{padding:8px 0;border-bottom:1px solid #e5e7eb;font-size:.9rem;color:#52c41a}@media (max-width:992px){.planning-container{grid-template-columns:1fr}.planning-rules-container{margin-bottom:20px}}@media (max-width:768px){.planning-table{font-size:.85rem}.grid-cell{width:50px;height:35px}.planning-actions{flex-direction:column}.planning-button{width:100%}}@media (max-width:576px){.planning-table{font-size:.75rem}.grid-cell{width:40px;height:30px;padding:5px}.planning-header h2{font-size:1.5rem}.planning-header p{font-size:.95rem}}.scenario-options{display:flex;flex-direction:column;gap:15px;margin-bottom:30px;max-width:600px;margin-left:auto;margin-right:auto}.scenario-option{padding:20px;border-radius:8px;background-color:#f0f4f8;border:2px solid #d0d9e6;cursor:pointer;transition:all .3s ease;text-align:left;font-weight:500;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.05)}.scenario-option:hover{background-color:#e0ebf5;border-color:#90b4d6;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.scenario-option.active{background-color:#e6f7ff;border-color:#1890ff;box-shadow:0 4px 8px rgba(24,144,255,.2)}.scenario-option::after{content:"→";position:absolute;right:20px;top:50%;transform:translateY(-50%);font-size:1.5rem;opacity:.5;transition:all .3s ease}.scenario-option:hover::after{opacity:1;transform:translate(5px,-50%)}.option-time{font-size:1.2rem;display:block;margin-bottom:5px;padding-right:30px}.planning-button-finalize{background-color:#15803d;color:#fff}.planning-button-finalize:hover{background-color:#166534}.planning-dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.planning-dialog{background-color:#fff;border-radius:10px;width:100%;max-width:500px;box-shadow:0 10px 25px rgba(0,0,0,.2);overflow:hidden}.planning-dialog-header{background-color:#f8f9fa;padding:15px 20px;border-bottom:1px solid #e5e7eb}.planning-dialog-header h3{margin:0;font-size:1.25rem;color:#333}.planning-dialog-content{padding:20px}.planning-dialog-content p{margin:0;line-height:1.5;color:#555}.planning-dialog-actions{padding:15px 20px;display:flex;justify-content:flex-end;gap:10px;border-top:1px solid #e5e7eb}.planning-score-breakdown{background-color:#f8f9fa;border-radius:8px;padding:20px;margin-top:30px;margin-bottom:20px;box-shadow:0 2px 5px rgba(0,0,0,.05)}.planning-score-breakdown h4{margin-top:0;margin-bottom:15px;font-size:1.2rem;color:#333}.score-details{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}.score-row{display:flex;justify-content:space-between;padding:12px 15px;border-bottom:1px solid #e5e7eb}.score-row:last-child{border-bottom:none}.score-row.deduction{color:#e11d48;background-color:#fff1f2}.score-row.total{font-weight:700;background-color:#f0f9ff;color:#0369a1;font-size:1.1rem}@media (max-width:768px){.planning-dialog{max-width:90%;margin:0 15px}}.planning-review-container{background-color:#fff;border-radius:12px;margin:40px auto}.planning-review-header{text-align:center;margin-bottom:30px;position:relative;border-bottom:1px solid #e5e7eb;padding-bottom:20px}.planning-review-header h2{font-size:2rem;color:#1a1a1a;margin-bottom:10px}.planning-review-header p{font-size:1.1rem;color:#555;max-width:700px;margin:0 auto}.planning-score-indicator{display:flex;align-items:center;justify-content:center;gap:15px;margin-top:20px}.score-pill,.status-badge{border-radius:20px;padding:8px 16px;font-weight:600}.score-pill{background-color:#f0f9ff;border:1px solid #bae6fd;color:#0369a1;font-size:1.1rem}.status-badge{font-size:.9rem}.status-badge.pass{background-color:#dcfce7;color:#166534}.status-badge.fail{background-color:#fee2e2;color:#991b1b}.planning-review-sections{display:grid;grid-template-columns:1fr;gap:30px;margin-top:30px}.planning-review-section h3{font-size:1.3rem;color:#333;margin-top:0;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #e5e7eb}.planning-review-section{overflow-x:auto;width:100%}.planning-review-grid{overflow-x:auto;margin-bottom:20px}.planning-review-table{width:100%;border-collapse:collapse}.planning-review-table thead th{background-color:#f1f5f9;font-weight:600;color:#334155;position:sticky;top:0}.planning-review-table tbody tr:hover{background-color:#f8fafc}.grid-cell-review{width:60px;height:40px;position:relative;font-weight:500}.grid-cell-review.correct{background-color:#d1fae5;color:#059669}.grid-cell-review.incorrect{background-color:#fee2e2;color:#b91c1c}.grid-cell-review.neutral{background-color:#f3f4f6;color:#6b7280}.grid-cell-review.wrong-role{background-color:#ffdba7;position:relative;color:#a25e12}.grid-cell-review.wrong-role::after{content:"≠";position:absolute;top:2px;right:2px;font-size:12px;color:#a25e12;font-weight:700}.planning-rules-result{display:flex;flex-direction:column;gap:15px}.rule-status-group{margin-bottom:20px}.rule-status-group h4{font-size:1.1rem;margin-top:0;margin-bottom:12px;display:flex;align-items:center;gap:10px}.rule-status-group h4::before{content:"";display:inline-block;width:16px;height:16px;border-radius:50%}.rule-status-group.correct h4{color:#059669}.rule-status-group.correct h4::before{background-color:#059669}.rule-status-group.incorrect h4{color:#b91c1c}.rule-status-group.incorrect h4::before{background-color:#b91c1c}.rule-list{list-style-type:none;margin:0;padding:0;background-color:#fff;border-radius:8px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.rule-item{padding:12px 15px;border-bottom:1px solid #e5e7eb;font-size:.95rem;display:flex;align-items:center;gap:10px}.rule-item:last-child{border-bottom:none}.rule-item::before{content:"";display:inline-block;width:12px;height:12px;border-radius:50%;flex-shrink:0}.rule-item.correct{color:#065f46;background-color:#f0fdf4}.rule-item.correct::before{background-color:#10b981}.rule-item.incorrect{color:#7f1d1d;background-color:#fef2f2}.rule-item.incorrect::before{background-color:#ef4444}.planning-insights{background-color:#fff;border-radius:10px;padding:20px;margin-top:30px;box-shadow:0 2px 8px rgba(0,0,0,.05)}.planning-insights h3{font-size:1.3rem;color:#333;margin-top:0;margin-bottom:15px}.insights-text{font-size:1rem;line-height:1.6;color:#4b5563}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:20px;margin-top:20px}.stat-card{background-color:#f8fafc;border-radius:8px;padding:15px;text-align:center;border:1px solid #e5e7eb}.stat-card h4{margin:0;font-size:.9rem;color:#4b5563;font-weight:500}.stat-value{font-size:1.8rem;font-weight:700;color:#1e40af;margin:10px 0}.planning-action-links{display:flex;justify-content:center;gap:20px;margin-top:40px}.planning-action-link{background-color:#f8fafc;color:#334155;font-weight:500;padding:12px 24px;border-radius:8px;text-decoration:none;border:1px solid #e2e8f0;transition:all .2s ease;cursor:pointer}.planning-action-link:hover{background-color:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}.planning-action-link.primary{background-color:#3b82f6;color:#fff;border-color:#3b82f6}.planning-action-link.primary:hover{background-color:#2563eb;border-color:#2563eb}@media (max-width:992px){.planning-review-sections{grid-template-columns:1fr}.planning-review-container{padding:20px}.stats-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.planning-review-header h2{font-size:1.5rem}.planning-score-indicator{flex-direction:column;gap:10px}.planning-action-links{flex-direction:column;align-items:center}.planning-action-link{width:100%;text-align:center}.grid-cell-review{width:50px;height:35px}.stats-grid{grid-template-columns:1fr}}@media (max-width:576px){.planning-review-container{padding:15px}.grid-cell-review{width:40px;height:30px;padding:5px}}.planning-table{width:100%;border-collapse:collapse;margin-bottom:20px}.planning-table td,.planning-table th{border:1px solid #ccc;padding:8px;text-align:center}.planning-table th{background-color:#f2f2f2;font-weight:700}.planning-table thead th{position:sticky;top:0;z-index:10;background-color:#f2f2f2}.grid-cell{width:40px;height:40px;cursor:pointer;transition:all .2s ease;user-select:none}.grid-cell:hover{background-color:#f0f0f0}.grid-cell.active{background-color:#d1e7dd;color:#0f5132;font-weight:700}.grid-cell.free{background-color:#e6f7ff;color:#1890ff;font-weight:700}.feedback-error,.feedback-success{background-color:#d1e7dd;border:1px solid #badbcc;border-radius:4px;padding:15px;margin-bottom:20px;color:#0f5132}.feedback-error{background-color:#f8d7da;border:1px solid #f5c2c7;color:#842029}.planning-legend{display:flex;flex-wrap:wrap;gap:15px;margin:15px 0;border:1px solid #ddd;padding:10px;border-radius:4px;background-color:#f9f9f9}.legend-item{display:flex;align-items:center;font-size:14px}.legend-color{width:20px;height:20px;margin-right:8px;border:1px solid #ccc;border-radius:3px}.legend-color.empty{background-color:#fff}.legend-color.working{background-color:#d1e7dd}.legend-color.free{background-color:#e6f7ff}.legend-color.correct{background-color:#d1fae5}.legend-color.incorrect{background-color:#fee2e2}.legend-color.wrong-role{background-color:#ffdba7}