.weekly-planner-page{max-width:min(95vw,2000px);margin:0 auto;padding:1.5rem}.planner-header{margin-bottom:1.5rem}.planner-header h1{font-size:2rem;font-weight:700;color:#1f2937;margin-bottom:.5rem}.subtitle{color:#6b7280;font-size:1.1rem}.week-selector{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);margin-bottom:1.5rem}.week-nav-btn{padding:.75rem 1.5rem;background:#3b82f6;color:white;border:none;border-radius:8px;font-size:1rem;cursor:pointer;transition:all .2s}.week-nav-btn:hover{background:#2563eb;transform:translateY(-2px)}.week-info{text-align:center}.week-number{display:block;font-size:1.5rem;font-weight:700;color:#1f2937}.week-dates{display:block;font-size:1rem;color:#6b7280;margin-top:.25rem}.week-days-vertical{display:grid;grid-template-columns:1fr;gap:.75rem}@media (min-width:1400px){.week-days-vertical{grid-template-columns:repeat(auto-fit,minmax(600px,1fr))}}@media (min-width:1800px){.week-days-vertical{grid-template-columns:repeat(auto-fit,minmax(550px,1fr))}}.day-accordion{background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;transition:all .2s}.day-accordion.today{border:2px solid #3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2)}.day-accordion-trigger{width:100%;background:none;border:none;padding:0;cursor:pointer;transition:background-color .2s}.day-accordion-trigger:hover{background-color:rgba(0,0,0,.02)}.day-accordion-header{display:flex;justify-content:space-between;align-items:center;padding:.875rem 1.25rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white}.day-accordion.today .day-accordion-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.day-info{display:flex;align-items:center;gap:1rem}.day-info h3{font-size:1.125rem;font-weight:600;margin:0}.day-date{font-size:.95rem}.chevron{transition:transform .2s;color:white;flex-shrink:0}.chevron.open{transform:rotate(180deg)}.day-accordion-content{overflow:hidden}.week-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}.day-column{background:white;border-radius:12px;box-shadow:0 1px 3px rgba(0,0,0,.1);overflow:hidden;min-height:400px;display:flex;flex-direction:column}.day-column.today{border:2px solid #3b82f6;box-shadow:0 4px 12px rgba(59,130,246,.2)}.day-header{padding:1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;text-align:center}.day-column.today .day-header{background:linear-gradient(135deg,#3b82f6,#2563eb)}.day-header h3{font-size:1.1rem;font-weight:700;margin-bottom:.25rem}.day-date{font-size:.9rem;opacity:.9}.sessions-container{padding:.75rem;flex:1;display:flex;flex-direction:column;gap:.5rem}.empty-day{text-align:center;padding:2rem 1rem;color:#9ca3af}.empty-day p{margin-bottom:.75rem}.setup-link{color:#3b82f6;text-decoration:none;font-size:.9rem}.setup-link:hover{text-decoration:underline}.session-card{padding:.5rem .75rem;background:#f9fafb;border:2px solid #e5e7eb;border-radius:8px;cursor:pointer;transition:all .2s;position:relative}.session-card:hover{background:#f3f4f6;border-color:#3b82f6;transform:translateY(-2px);box-shadow:0 4px 8px rgba(0,0,0,.1)}.session-card.has-plan{background:#eff6ff;border-color:#3b82f6}.session-card.has-plan:hover{background:#dbeafe}.session-time{font-size:.85rem;font-weight:600;color:#6b7280;margin-bottom:.25rem}.session-info{margin-top:.25rem}.session-subject{font-weight:600;color:#1f2937;font-size:1rem}.session-topic{font-size:.85rem;color:#6b7280;margin-top:.125rem}.plan-indicator{position:absolute;top:.5rem;right:.5rem;font-size:1.2rem}.loading{text-align:center;padding:4rem;font-size:1.2rem;color:#6b7280}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.6);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:2rem;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.lesson-plan-modal{background:white;border-radius:20px;max-width:750px;width:100%;max-height:90vh;display:flex;flex-direction:column;box-shadow:0 25px 50px -12px rgba(0,0,0,.25);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{background:linear-gradient(135deg,#667eea,#764ba2);padding:.75rem 1rem;border-radius:20px 20px 0 0;display:flex;gap:1rem;align-items:flex-start}.header-left{flex-shrink:0}.header-right{flex:1;gap:.375rem}.date-time-stack,.header-right{display:flex;flex-direction:column}.date-time-stack{gap:.25rem}.compact-date{color:rgba(255,255,255,.95);font-size:.8rem;font-weight:600;text-transform:capitalize}.time-selector{display:flex;align-items:center;gap:.375rem;background:rgba(255,255,255,.2);padding:.25rem .5rem;border-radius:6px;backdrop-filter:blur(10px)}.time-icon{font-size:.95rem;line-height:1}.time-input{background:transparent;border:none;color:white;font-size:.8rem;font-weight:600;cursor:pointer;line-height:1}.time-input:focus{outline:none}.time-input::-webkit-calendar-picker-indicator{filter:invert(1)}.subject-input{background:rgba(255,255,255,.95);border:none;border-radius:10px;padding:.5rem .875rem;font-size:1rem;font-weight:700;color:#1f2937;width:100%;transition:all .2s;box-shadow:0 2px 8px rgba(0,0,0,.1)}.subject-input:focus{outline:none;box-shadow:0 4px 12px rgba(0,0,0,.15);transform:translateY(-1px)}.subject-input::placeholder{color:#9ca3af}.topic-input{background:rgba(255,255,255,.9);border:none;border-radius:8px;padding:.375rem .875rem;font-size:.9rem;font-weight:500;color:#374151;width:100%;transition:all .2s;box-shadow:0 1px 4px rgba(0,0,0,.08)}.topic-input:focus{outline:none;background:rgba(255,255,255,1);box-shadow:0 2px 8px rgba(0,0,0,.12)}.topic-input::placeholder{color:#9ca3af}.modal-body{flex:1;overflow-y:auto;padding:1.5rem;background:#f9fafb}.copy-section-card{margin-bottom:1rem;background:white;border-radius:12px;overflow:hidden;box-shadow:0 1px 3px rgba(0,0,0,.1)}.copy-trigger-btn{width:100%;padding:.75rem 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border:2px dashed #3b82f6;color:#1f2937;font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.75rem;border-radius:12px}.copy-trigger-btn:hover{background:linear-gradient(135deg,#dbeafe,#bfdbfe);border-color:#2563eb}.copy-icon{font-size:1.25rem}.copy-badge{margin-left:auto;background:#3b82f6;color:white;padding:.25rem .625rem;border-radius:999px;font-size:.75rem;font-weight:700}.previous-plans-list{border-top:2px solid #e5e7eb;max-height:250px;overflow-y:auto}.previous-plan-item{padding:1rem 1.25rem;background:white;border-bottom:1px solid #f3f4f6;cursor:pointer;transition:all .2s}.previous-plan-item:last-child{border-bottom:none}.previous-plan-item:hover{background:#f9fafb;padding-left:1.5rem}.plan-date{font-weight:600;color:#1f2937;font-size:.875rem;margin-bottom:.25rem}.plan-preview{display:flex;gap:.5rem;font-size:.813rem;color:#6b7280}.plan-topic{font-style:italic;color:#3b82f6}.plan-stats{color:#9ca3af}.section-card{background:white;border-radius:16px;padding:1rem;margin-bottom:1rem;box-shadow:0 1px 3px rgba(0,0,0,.1);border:1px solid #e5e7eb;transition:all .2s}.section-card:hover{box-shadow:0 4px 6px rgba(0,0,0,.1);border-color:#d1d5db}.section-header{justify-content:space-between;margin-bottom:.75rem}.section-header,.section-title{display:flex;align-items:center}.section-title{gap:.75rem}.section-icon{font-size:1.5rem;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}.section-card h3{font-size:1rem;font-weight:700;color:#1f2937;margin:0}.help-text{font-size:.813rem;color:#6b7280;font-style:italic;font-weight:500}.section-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:12px;font-size:.95rem;font-family:inherit;resize:vertical;line-height:1.5;background:#fafafa;transition:all .2s}.section-textarea:focus{outline:none;border-color:#3b82f6;background:white;box-shadow:0 0 0 3px rgba(59,130,246,.1)}.section-textarea::placeholder{color:#9ca3af;line-height:1.6}.notes-section{background:linear-gradient(135deg,#fef3c7,#fde68a);border-color:#fbbf24}.notes-section .section-textarea{background:rgba(255,255,255,.9);border-color:#f59e0b}.notes-section .section-textarea:focus{background:white;border-color:#f59e0b;box-shadow:0 0 0 3px rgba(245,158,11,.1)}.modal-footer{justify-content:space-between;align-items:center;padding:.4rem .75rem;border-top:1px solid #e5e7eb;background:white;border-radius:0 0 20px 20px}.footer-navigation,.modal-footer{display:flex;gap:.5rem}.footer-actions{display:flex;gap:.75rem;margin-left:auto}.nav-btn{padding:.375rem .625rem;background:#f3f4f6;color:#374151;border:2px solid #e5e7eb;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:.25rem}.nav-btn:hover:not(:disabled){background:#e5e7eb;border-color:#d1d5db;transform:translateY(-1px)}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.cancel-btn{padding:.375rem 1rem;background:linear-gradient(135deg,#667eea,#764ba2);color:white;border:none;border-radius:6px;font-size:.8rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px rgba(102,126,234,.3)}.cancel-btn:hover{background:linear-gradient(135deg,#5568d3,#6a3f8f);transform:translateY(-1px);box-shadow:0 6px 8px rgba(102,126,234,.4)}.save-btn{padding:.875rem 2rem;background:linear-gradient(135deg,#3b82f6,#2563eb);color:white;border:none;border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;box-shadow:0 4px 6px rgba(37,99,235,.3)}.save-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 6px 12px rgba(37,99,235,.4)}.save-btn:disabled{background:#9ca3af;cursor:not-allowed;box-shadow:none;transform:none}.add-btn{padding:.5rem 1rem;background:#3b82f6;color:white;border:none;border-radius:6px;font-size:.9rem;cursor:pointer;transition:all .2s}.add-btn:hover{background:#2563eb}.items-list{display:flex;flex-direction:column;gap:.5rem}.empty-message{color:#9ca3af;font-style:italic;text-align:center;padding:1rem}.item-row{display:flex;gap:.5rem}.item-input{flex:1;padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem}.item-input:focus{outline:none;border-color:#3b82f6}.delete-btn{background:#fee2e2;color:#dc2626;border:none;padding:.5rem .75rem;border-radius:6px;cursor:pointer;font-size:1.2rem;transition:all .2s}.delete-btn:hover{background:#fecaca;transform:scale(1.1)}.bulk-textarea,.notes-textarea{width:100%;padding:.75rem;border:2px solid #e5e7eb;border-radius:6px;font-size:1rem;font-family:inherit;resize:vertical;line-height:1.6}.bulk-textarea:focus,.notes-textarea:focus{outline:none;border-color:#3b82f6}.bulk-textarea{background:#f9fafb}@media (max-width:1400px){.week-grid{grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.week-days-vertical{grid-template-columns:1fr}}@media (max-width:900px){.week-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.weekly-planner-page{padding:1.25rem}}@media (max-width:600px){.weekly-planner-page{padding:1rem}.week-grid{grid-template-columns:1fr}.week-selector{flex-direction:column;gap:1rem}.week-nav-btn{width:100%}.modal-overlay{padding:0}.lesson-plan-modal{max-height:100vh;border-radius:0}.modal-header{border-radius:0}.modal-body,.modal-header{padding:1.5rem}.modal-footer{padding:1.25rem 1.5rem;flex-direction:column;gap:1rem}.footer-navigation{width:100%;order:2}.footer-actions{width:100%;order:1;margin-left:0}.cancel-btn,.nav-btn,.save-btn{width:100%}.subject-input{font-size:1.25rem}.topic-input{font-size:1rem}.section-card{padding:1.25rem}}