.study-planner-container{max-width:1400px;margin:0 auto;padding:20px;font-family:Inter,sans-serif}.planner-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;padding-bottom:20px;border-bottom:2px solid #e0e0e0}.planner-header h1{color:#2c3e50;font-weight:700;margin:0}.planner-controls{display:flex;gap:10px}.btn{padding:10px 20px;border:none;border-radius:8px;cursor:pointer;font-weight:500;font-size:14px;transition:all .3s ease}.btn-primary{background-color:#3498db;color:#fff}.btn-primary:hover{background-color:#2980b9}.btn-success{background-color:#27ae60;color:#fff}.btn-success:hover{background-color:#229954}.btn-secondary{background-color:#95a5a6;color:#fff}.btn-secondary:hover{background-color:#7f8c8d}.btn-danger{background-color:#e74c3c;color:#fff}.btn-danger:hover{background-color:#c0392b}.btn-danger.clearing{background-color:#95a5a6;cursor:not-allowed}.btn-danger.clearing:hover{background-color:#95a5a6}.incorrect-answers{background:#fff5f5;border-left:4px solid #e53e3e;padding:20px;border-radius:8px;margin-top:20px}.incorrect-answers h4{color:#e53e3e;margin-bottom:15px}.incorrect-answers-list{display:flex;flex-direction:column;gap:15px}.incorrect-answer-item{background:#fff;padding:15px;border-radius:8px;border:1px solid #fed7d7;box-shadow:0 2px 4px #0000001a}.question-text{font-weight:600;color:#2d3748;margin-bottom:10px;font-size:1rem}.answer-comparison{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:10px}.your-answer,.correct-answer{padding:8px 12px;border-radius:6px;font-size:.9rem}.your-answer{background:#fed7d7;border:1px solid #feb2b2}.correct-answer{background:#c6f6d5;border:1px solid #9ae6b4}.incorrect{color:#e53e3e;font-weight:600}.correct{color:#38a169;font-weight:600}.explanation{background:#f7fafc;padding:10px;border-radius:6px;font-size:.9rem;color:#4a5568;border-left:3px solid #4299e1}.more-answers{text-align:center;color:#718096;font-style:italic;margin-top:10px;padding:10px;background:#f7fafc;border-radius:6px}@media (max-width: 768px){.answer-comparison{grid-template-columns:1fr;gap:10px}}.calendar-container{background:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a;overflow:hidden}.calendar-header{display:grid;grid-template-columns:80px repeat(7,1fr);background-color:#34495e;color:#fff;font-weight:600}.day-header{padding:15px 10px;text-align:center;border-right:1px solid #2c3e50}.day-header:last-child{border-right:none}.time-column{padding:15px 10px;text-align:center;border-right:2px solid #2c3e50;background-color:#2c3e50}.calendar-grid{display:grid;grid-template-columns:80px repeat(7,1fr);max-height:90vh;overflow-y:auto}.time-slot{display:contents}.time-label{padding:6px 8px;text-align:center;font-size:11px;color:#2c3e50;border-right:2px solid #ecf0f1;border-bottom:1px solid #ecf0f1;background-color:#ecf0f1;display:flex;align-items:center;justify-content:center;min-height:45px;font-weight:600}.day-column{display:contents}.day-cell{border-right:1px solid #ecf0f1;border-bottom:1px solid #ecf0f1;min-height:45px;position:relative;cursor:pointer;transition:background-color .2s ease}.day-cell:nth-child(8n){border-right:1px solid #ecf0f1}.hour-block{position:relative}.day-cell:hover{background-color:#f8f9fa}.study-block{position:absolute;left:2px;right:2px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500;color:#fff;cursor:pointer;z-index:10;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.study-block:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026}.study-block-title{font-weight:600;margin-bottom:2px}.study-block-subject{font-size:9px;opacity:.9}.study-block-time{font-size:8px;opacity:.8;margin-top:1px}.open-study-block{position:absolute;left:2px;right:2px;border-radius:3px;padding:2px 6px;font-size:10px;font-weight:500;color:#2c3e50;cursor:pointer;z-index:10;box-shadow:0 1px 3px #0000001a;transition:all .2s ease;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border:2px dashed #95a5a6;background-color:#95a5a61a}.open-study-block:hover{transform:translateY(-1px);box-shadow:0 4px 8px #00000026;background-color:#95a5a633}.hour-controls{grid-column:1 / -1;display:flex;align-items:center;justify-content:center;padding:10px;background-color:#f8f9fa;border:1px solid #e0e0e0;border-radius:6px;margin:5px 0}.hour-controls-content{display:flex;align-items:center;gap:15px}.hour-control-btn{padding:8px 16px;border:none;border-radius:4px;font-size:12px;font-weight:500;cursor:pointer;transition:all .2s ease}.hour-control-btn.add-btn{background-color:#27ae60;color:#fff}.hour-control-btn.add-btn:hover:not(:disabled){background-color:#229954}.hour-control-btn.remove-btn{background-color:#e74c3c;color:#fff}.hour-control-btn.remove-btn:hover:not(:disabled){background-color:#c0392b}.hour-control-btn:disabled{background-color:#bdc3c7;color:#7f8c8d;cursor:not-allowed}.hour-range{font-size:12px;color:#7f8c8d;font-weight:500;min-width:120px;text-align:center}.large-modal{max-width:800px;width:95%}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px;text-align:center}.spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #3498db;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:20px}.study-analysis{margin-bottom:30px}.analysis-section{margin-bottom:25px;padding:20px;background-color:#f8f9fa;border-radius:8px;border-left:4px solid #3498db}.analysis-section h4{margin:0 0 15px;color:#2c3e50;font-size:18px}.strengths{border-left-color:#27ae60}.weaknesses{border-left-color:#e74c3c}.recommendations{border-left-color:#f39c12}.study-schedule{border-left-color:#9b59b6}.analysis-list{margin:0;padding-left:20px}.analysis-list li{margin-bottom:8px;line-height:1.5}.study-blocks-preview{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:15px;margin-top:15px}.study-block-preview{padding:15px;background-color:#fff;border-radius:6px;border:1px solid #e0e0e0;box-shadow:0 2px 4px #0000001a}.study-block-preview h5{margin:0 0 10px;color:#2c3e50;font-size:14px}.study-block-preview p{margin:5px 0;font-size:12px;color:#7f8c8d}.modal{display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;background-color:#00000080;animation:fadeIn .3s ease}.modal.show{display:flex;align-items:center;justify-content:center}.modal-content{background-color:#fff;border-radius:12px;box-shadow:0 10px 30px #0000004d;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideIn .3s ease}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:15px;border-bottom:1px solid #e0e0e0}.modal-header h3{margin:0;color:#2c3e50;font-weight:600}.close{font-size:24px;font-weight:700;cursor:pointer;color:#7f8c8d;transition:color .2s ease}.close:hover{color:#e74c3c}.modal-body{padding:15px}.form-group{margin-bottom:15px}.form-group label{display:block;margin-bottom:5px;font-weight:500;color:#2c3e50}.form-group input,.form-group select{width:100%;padding:8px;border:2px solid #e0e0e0;border-radius:6px;font-size:14px;transition:border-color .2s ease}.form-group input:focus,.form-group select:focus{outline:none;border-color:#3498db}.color-picker{display:flex;gap:10px;flex-wrap:wrap}.color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:3px solid transparent;transition:all .2s ease}.color-option:hover{transform:scale(1.1)}.color-picker input[type=radio]{display:none}.color-picker input[type=radio]:checked+.color-option{border-color:#2c3e50;transform:scale(1.1)}.modal-footer{display:flex;justify-content:flex-end;gap:10px;padding:15px;border-top:1px solid #e0e0e0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.study-planner-container{padding:10px}.planner-header{flex-direction:column;gap:15px;align-items:stretch}.planner-controls{justify-content:center}.calendar-header{font-size:12px}.time-label{font-size:10px;padding:6px 5px}.study-block{font-size:10px;padding:3px 6px}.modal-content{width:95%;margin:10px}}.loading{opacity:.6;pointer-events:none}.saving{position:relative}.saving:after{content:"";position:absolute;top:50%;left:50%;width:20px;height:20px;margin:-10px 0 0 -10px;border:2px solid #f3f3f3;border-top:2px solid #3498db;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.message{padding:10px 15px;border-radius:6px;margin-bottom:15px;font-weight:500}.message.success{background-color:#d4edda;color:#155724;border:1px solid #c3e6cb}.message.error{background-color:#f8d7da;color:#721c24;border:1px solid #f5c6cb}