*{box-sizing:border-box;margin:0;padding:0}body{background-color:#f5f6fa;color:#2c3e50;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;line-height:1.6}.app{min-height:100vh}.header{background:linear-gradient(135deg,#4285f4,#3367d6);box-shadow:0 4px 20px #4285f44d;box-sizing:border-box;color:#fff;height:80px;margin:0;position:relative;width:100%}.header,.header-content{align-items:center;display:flex;justify-content:center;padding:0 2rem}.header-content{flex:1 1;gap:1rem;margin:0 auto;max-width:1200px;transition:all .3s ease}@media (min-width:769px){.main-content.sidebar-collapsed .header-content{justify-content:center;margin:0 auto;max-width:100%;padding:0 4rem}}.header-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:12px;font-size:2.5rem;padding:.8rem}.header .back-button{left:2rem;position:absolute;top:1rem;z-index:10}.header .back-button a{background:#ffffff1a;border:1px solid #fff3;border-radius:6px;color:#fff;font-size:.9rem;opacity:.9;padding:.5rem 1rem;text-decoration:none;transition:opacity .2s ease}.header .back-button a:hover{background:#fff3;opacity:1}.header h1{font-size:2.2rem;font-weight:700;margin-bottom:.3rem;text-align:center}.header p{font-size:1.1rem;font-weight:400;opacity:.9;text-align:center}.container{margin:0 auto;max-width:1200px;padding:2rem}.welcome-section{margin-bottom:3rem}.welcome-card{align-items:flex-start;background:#fff;border:1px solid #e8eef7;border-radius:16px;box-shadow:0 4px 20px #00000014;display:flex;gap:1.5rem;padding:2rem}.welcome-icon{background:linear-gradient(135deg,#4285f4,#3367d6);border-radius:12px;color:#fff;flex-shrink:0;font-size:2.5rem;padding:1rem}.welcome-content h3{color:#1a73e8;font-size:1.4rem;font-weight:600;margin-bottom:.8rem}.welcome-content p{color:#5f6368;font-size:1rem;line-height:1.6}h2{align-items:center;color:#1a73e8;display:flex;font-size:1.5rem;font-weight:600;gap:.5rem;margin-bottom:1.5rem}.roadmap-section{margin-bottom:3rem}.grade-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(2,1fr)}.grade-card{background:#fff;border:1px solid #e8eef7;border-radius:12px;box-shadow:0 2px 12px #00000014;padding:2rem;position:relative;transition:all .3s ease}.grade-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.grade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:1rem}.grade-badge{background:#e8f0fe;border-radius:8px;color:#1a73e8;font-size:.9rem;font-weight:600;padding:.4rem .8rem}.grade-number{align-items:center;background:#1a73e8;border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:32px;justify-content:center;width:32px}.grade-title{color:#202124;font-size:1.3rem;font-weight:600;margin-bottom:.8rem}.grade-description{color:#5f6368;font-size:.95rem;line-height:1.5;margin-bottom:1.2rem}.grade-tasks{margin-bottom:1.5rem}.task-item{align-items:center;display:flex;gap:.8rem;margin-bottom:.8rem}.task-bullet{color:#34a853;font-weight:600}.task-text{color:#5f6368;font-size:.9rem}.view-details-btn{background:none;border:none;color:#1a73e8;cursor:pointer;display:inline-block;font-size:.9rem;font-weight:500;padding:0;text-decoration:none;transition:color .2s ease}.view-details-btn:hover{color:#1557b0}.quick-actions-section{margin-bottom:3rem}.quick-actions-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.action-card{align-items:center;background:#fff;border:1px solid #e8eef7;border-radius:12px;box-shadow:0 2px 12px #00000014;color:inherit;cursor:pointer;display:flex;gap:1rem;padding:1.5rem;text-decoration:none;transition:all .3s ease}.action-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.action-link{color:inherit;text-decoration:none}.action-icon{background:#e8f0fe;border-radius:12px;flex-shrink:0;font-size:2rem;padding:1rem}.action-content{display:flex;flex:1 1;flex-direction:column;gap:.3rem}.action-content h3{color:#202124;font-size:1.1rem;font-weight:600}.action-content p{color:#5f6368;font-size:.9rem}.action-arrow{color:#1a73e8;font-size:1.2rem;font-weight:600}.reminders-section{margin-bottom:2rem}.reminders-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.reminder-card{align-items:flex-start;border:1px solid;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;gap:1rem;padding:1.5rem}.financial-aid{background:#fef7e0;border-color:#fbbf24}.application-deadlines{background:#fef2f2;border-color:#f87171}.reminder-icon{flex-shrink:0;font-size:1.8rem}.reminder-content h3{color:#202124;font-size:1.1rem;font-weight:600;margin-bottom:.5rem}.reminder-content p{color:#5f6368;font-size:.9rem;line-height:1.5}@media (max-width:768px){.header{height:auto;min-height:64px;padding:1rem 0}.header-content{flex-direction:column;gap:.75rem;padding:0 1rem;text-align:center}.header-icon{font-size:1.8rem;padding:.5rem}.header h1{font-size:1.3rem;margin-bottom:.15rem}.header p{font-size:.875rem}.container{padding:1rem}.welcome-card{flex-direction:column;gap:.75rem;padding:1.25rem;text-align:center}.welcome-icon{align-self:center;font-size:1.8rem;padding:.6rem}.grade-grid,.quick-actions-grid,.reminders-grid{grid-template-columns:1fr}.grade-card{padding:1.25rem}.roadmap-section h2{font-size:1.2rem}}.grade-detail-page{background-color:#f5f6fa;min-height:100vh;padding-top:0}.page-header{background:linear-gradient(135deg,#4285f4,#3367d6);color:#fff;padding:1rem 0 3rem;position:relative}.back-button{margin:0 auto;max-width:1200px;padding:0 2rem 1rem}.back-button a{color:#fff;font-size:.9rem;opacity:.9;text-decoration:none;transition:opacity .2s ease}.back-button a:hover{opacity:1}.grade-header-content{align-items:center;display:flex;gap:1.5rem;margin:0 auto;max-width:1200px;padding:0 2rem}.grade-number-large{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:20px;font-size:3rem;font-weight:700;min-width:80px;padding:1.5rem;text-align:center}.grade-11{background:linear-gradient(135deg,#ff9500,#f70)}.grade-12{background:linear-gradient(135deg,#8e44ad,#9b59b6)}.page-header h1{font-size:2.5rem;font-weight:700;margin-bottom:.5rem}.page-header p{font-size:1.1rem;opacity:.9}.page-content{margin:2rem auto 0;max-width:1200px;padding:0 2rem 3rem;position:relative;z-index:1}.focus-areas-section,.goals-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.focus-grid,.goals-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-top:1.5rem}.focus-item,.goal-item{align-items:center;background:#f8f9ff;border:1px solid #e8eef7;border-radius:12px;display:flex;gap:1rem;padding:1rem}.focus-icon,.goal-icon{background:#e8f0fe;border-radius:8px;flex-shrink:0;font-size:1.5rem;padding:.5rem}.critical-alert-section{margin-bottom:2rem}.critical-alert{align-items:flex-start;background:linear-gradient(135deg,#fff3cd,#ffeaa7);border:1px solid #fbbf24;border-radius:16px;box-shadow:0 4px 20px #fbbf2426;display:flex;gap:1rem;padding:1.5rem}.alert-icon{flex-shrink:0;font-size:2rem}.alert-content h3{color:#92400e;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.alert-content p{color:#92400e;line-height:1.6}.senior-focus-section{margin-bottom:2rem}.senior-focus{align-items:flex-start;background:linear-gradient(135deg,#e3f2fd,#bbdefb);border:1px solid #2196f3;border-radius:16px;box-shadow:0 4px 20px #2196f326;display:flex;gap:1rem;padding:1.5rem}.senior-focus .focus-icon{background:#2196f31a;flex-shrink:0;font-size:2rem}.senior-focus .focus-content h3{color:#1565c0;font-size:1.3rem;font-weight:600;margin-bottom:.5rem}.senior-focus .focus-content p{color:#1565c0;line-height:1.6}.timeline-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;padding:2rem}.season-block,.timeline-section{margin-bottom:2rem}.season-block h3{border-bottom:1px solid #e8eef7;color:#5f6368;font-size:1.2rem;font-weight:600;margin-bottom:1rem;padding-bottom:.5rem}.milestone-card{background:#f8f9ff;border:1px solid #e8eef7;border-radius:12px;margin-bottom:1rem;padding:1.5rem;position:relative;transition:all .3s ease}.milestone-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-2px)}.milestone-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1rem}.tag{border-radius:20px;font-size:.8rem;font-weight:500;padding:.3rem .8rem}.tag.college-prep{background:#fff3e0;color:#f57c00}.tag.academics{background:#e8f5e8;color:#2e7d32}.tag.testing{background:#fce4ec;color:#c2185b}.tag.extracurricular{background:#e1f5fe;color:#0277bd}.tag.financial-aid{background:#fff3e0;color:#f57c00}.tag.fall{background:#fff8e1;color:#f9a825}.tag.winter{background:#e3f2fd;color:#1976d2}.tag.spring{background:#e8f5e8;color:#388e3c}.tag.summer{background:#fff3e0;color:#f57c00}.tag.high-priority{background:#ffebee;color:#d32f2f;font-weight:600}.milestone-card h4{color:#202124;font-size:1.1rem;font-weight:600;margin-bottom:.8rem}.milestone-card p{color:#5f6368;line-height:1.5;margin-bottom:0}.milestone-status{color:#9aa0a6;font-size:1.2rem;position:absolute;right:1.5rem;top:1.5rem}.summer-message,.winter-message{color:#9aa0a6;font-style:italic;padding:2rem;text-align:center}.critical-factors-section,.pro-tips-section,.success-strategies-section,.success-tips-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.factors-grid,.strategies-grid,.tips-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:1.5rem}.factor-column,.strategy-column,.tips-column{background:#f8f9ff;border:1px solid #e8eef7;border-radius:12px;padding:1.5rem}.factor-column h3,.strategy-column h3,.tips-column h3{color:#1a73e8;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.factor-column ul,.strategy-column ul,.tips-column ul{list-style:none;margin:0;padding:0}.factor-column li,.strategy-column li,.tips-column li{color:#5f6368;margin-bottom:.8rem;padding-left:1.5rem;position:relative}.factor-column li:before,.strategy-column li:before,.tips-column li:before{color:#1a73e8;content:"•";font-weight:700;left:0;position:absolute}@media (max-width:768px){.grade-header-content{flex-direction:column;gap:1rem;text-align:center}.page-content{padding:0 1rem 2rem}.factors-grid,.focus-grid,.goals-grid,.strategies-grid,.tips-grid{grid-template-columns:1fr}.milestone-tags{justify-content:center}.page-header h1{font-size:2rem}.grade-number-large{font-size:2.5rem;min-width:60px;padding:1rem}}.timeline-page{background-color:#f5f6fa;min-height:100vh}.timeline-container{margin:-2rem auto 0;max-width:1400px;padding:0 2rem 3rem;position:relative;z-index:1}.grade-filter-tabs{background:#fff;border-radius:12px;box-shadow:0 2px 12px #00000014;display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0;padding:.5rem}.filter-tab{background:#0000;border:none;border-radius:8px;color:#5f6368;cursor:pointer;flex:1 1;font-weight:500;min-width:100px;padding:.8rem 1.5rem;transition:all .3s ease}.filter-tab:hover{background:#f8f9ff}.filter-tab.active{background:#1a73e8;color:#fff}.grade-9-tab.active{background:#34a853}.chatbot-root{bottom:20px;font-family:inherit;position:fixed;right:20px;z-index:9999}.chatbot-button{background:linear-gradient(135deg,#1a73e8,#3367d6);border:none;border-radius:50%;box-shadow:0 8px 20px #3367d64d;color:#fff;cursor:pointer;font-size:1.3rem;height:56px;width:56px}.chatbot-window{background:#fff;border-radius:12px;box-shadow:0 12px 40px #21252926;display:flex;flex-direction:column;height:420px;margin-bottom:12px;max-width:calc(100vw - 48px);overflow:hidden;width:320px}.chatbot-header{align-items:center;background:linear-gradient(90deg,#4285f4,#3367d6);color:#fff;display:flex;justify-content:space-between;padding:12px 14px}.chatbot-header-actions button{background:#0000;border:none;color:#fff;cursor:pointer;margin-left:8px}.chatbot-messages{background:#f7f9fc;display:flex;flex:1 1 auto;flex-direction:column;gap:8px;overflow-y:auto;padding:12px}.chatbot-message{display:inline-block;max-width:85%}.chatbot-message.bot{align-self:flex-start;background:#fff;border:1px solid #e8eef7;border-radius:12px;padding:8px 12px}.chatbot-message.user{align-self:flex-end;background:linear-gradient(135deg,#1a73e8,#3367d6);border-radius:12px;color:#fff;padding:8px 12px}.chatbot-input-area{background:#fff;border-top:1px solid #e6eefc;display:flex;gap:8px;padding:10px}.chatbot-input{border:1px solid #e8eef7;border-radius:8px;flex:1 1 auto;padding:8px 10px}.chatbot-send{background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;padding:8px 12px}.chatbot-clear{background:#ffffff1f;border:none;border-radius:6px;color:#fff;cursor:pointer;padding:6px 8px}@media (max-width:480px){.chatbot-window{height:60vh;width:92vw}.chatbot-root,.chatbot-window{bottom:8px;right:8px}}.grade-10-tab.active{background:#1a73e8}.grade-11-tab.active{background:#ff9500}.grade-12-tab.active{background:#8e44ad}.grade-timeline-section{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;overflow:hidden}.grade-timeline-header{color:#fff;font-weight:600;padding:1.5rem 2rem}.grade-9-header{background:linear-gradient(135deg,#34a853,#2e7d32)}.grade-10-header{background:linear-gradient(135deg,#d4c40e,#b5a70d)}.grade-11-header{background:linear-gradient(135deg,#ff9500,#d96d02)}.grade-12-header{background:linear-gradient(135deg,#a977be,#825098)}.grade-timeline-header h2{font-size:1.5rem;margin:0}.seasons-grid{grid-gap:0;display:grid;gap:0;grid-template-columns:repeat(4,1fr)}.season-column{border-right:1px solid #e8eef7;min-height:400px;padding:2rem 1.5rem}.season-column:last-child{border-right:none}.season-header{align-items:center;border-bottom:1px solid #e8eef7;display:flex;gap:.5rem;margin-bottom:1.5rem;padding-bottom:.5rem}.season-icon{font-size:1.5rem}.season-header h3{color:#5f6368;font-size:1.1rem;font-weight:600;margin:0}.timeline-activity{background:#f8f9ff;border:1px solid #e8eef7;border-radius:12px;margin-bottom:1rem;padding:1rem;position:relative;transition:all .3s ease}.timeline-activity:hover{box-shadow:0 4px 15px #0000001a;transform:translateY(-2px)}.timeline-activity.priority-high{background:linear-gradient(135deg,#fffbeb,#fef3c7);border-color:#fbbf24}.timeline-activity h4{color:#202124;font-size:1rem;font-weight:600;line-height:1.3;margin:0 0 .5rem}.timeline-activity p{color:#5f6368;font-size:.9rem;line-height:1.4;margin:0 0 .8rem}.activity-tag{border-radius:12px;display:inline-block;font-size:.75rem;font-weight:500;margin-bottom:.5rem;padding:.2rem .6rem}.activity-tag.college-prep{background:#fff3e0;color:#f57c00}.activity-tag.academics{background:#e8f5e8;color:#2e7d32}.activity-tag.testing{background:#fce4ec;color:#c2185b}.activity-tag.extracurriculars{background:#e1f5fe;color:#0277bd}.activity-tag.financial-aid{background:#fff3e0;color:#f57c00}.priority-indicator{color:#f57c00;font-size:1rem;font-weight:600;position:absolute;right:.8rem;top:.8rem}.no-activities{color:#9aa0a6;font-size:.9rem;font-style:italic;padding:2rem 0;text-align:center}.timeline-legend{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2rem;padding:2rem}.timeline-legend h3{color:#202124;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.legend-content{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.legend-section h4{color:#1a73e8;font-size:1.1rem;font-weight:600;margin:0 0 1rem}.legend-section ul{list-style:none;margin:0;padding:0}.legend-section li{align-items:center;color:#5f6368;display:flex;font-size:.9rem;gap:.5rem;margin-bottom:.8rem}@media (max-width:1024px){.seasons-grid{grid-template-columns:repeat(2,1fr)}.season-column{border-bottom:1px solid #e8eef7;border-right:none}.season-column:nth-child(2n){border-right:1px solid #e8eef7}.season-column:last-child,.season-column:nth-last-child(2){border-bottom:none}}@media (max-width:768px){.timeline-container{padding:0 1rem 2rem}.seasons-grid{grid-template-columns:1fr}.season-column{border-bottom:1px solid #e8eef7;border-right:none;min-height:auto}.season-column:last-child{border-bottom:none}.grade-filter-tabs{flex-direction:column;gap:.3rem}.filter-tab{flex:none;min-width:auto}.legend-content{grid-template-columns:1fr}}.resources-page{background-color:#f5f6fa;min-height:100vh}.resources-container{margin:-2rem auto 0;max-width:1400px;padding:0 2rem 3rem;position:relative;z-index:1}.resource-hub-section{background:linear-gradient(135deg,#e8f0fe,#bbdefb);border:1px solid #1a73e8;border-radius:16px;box-shadow:0 4px 20px #1a73e826;margin:2rem 0;padding:2rem}.resource-hub-header{align-items:center;display:flex;gap:1rem;margin-bottom:1rem}.hub-icon{background:#1a73e81a;border-radius:12px;flex-shrink:0;font-size:2rem;padding:.8rem}.resource-hub-header h2{color:#1565c0;font-size:1.5rem;font-weight:600;margin:0}.hub-description{color:#1565c0;font-size:1rem;line-height:1.6;margin:0}.resource-category{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-bottom:2rem;padding:2rem}.category-header{align-items:center;display:flex;gap:1rem;margin-bottom:2rem}.category-icon{border-radius:12px;flex-shrink:0;font-size:2rem;padding:1rem}.search-icon{background:linear-gradient(135deg,#1a73e8,#1557b0);color:#fff}.financial-icon{background:linear-gradient(135deg,#34a853,#2e7d32);color:#fff}.test-icon{background:linear-gradient(135deg,#8e44ad,#7b1fa2);color:#fff}.career-icon{background:linear-gradient(135deg,#ff9500,#f57c00);color:#fff}.category-header h2{color:#202124;font-size:1.4rem;font-weight:600;margin:0}.resources-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.resource-card{background:#f8f9ff;border:1px solid #e8eef7;border-radius:12px;padding:1.5rem;position:relative;transition:all .3s ease}.resource-card:hover{box-shadow:0 8px 25px #0000001f;transform:translateY(-4px)}.resource-header{align-items:flex-start;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.resource-header h3{color:#202124;font-size:1.1rem;font-weight:600;line-height:1.3;margin:0}.resource-type{background:#e8f0fe;border-radius:12px;color:#1a73e8;flex-shrink:0;font-size:.75rem;font-weight:500;padding:.3rem .6rem;white-space:nowrap}.resource-card p{color:#5f6368;font-size:.9rem;line-height:1.5;margin:0 0 1.5rem}.visit-resource-btn{align-items:center;background:#1a73e8;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:.9rem;font-weight:500;gap:.5rem;justify-content:center;padding:.6rem 1rem;transition:all .3s ease;width:100%}.visit-resource-btn:hover{background:#1557b0;transform:translateY(-1px)}.external-link{font-size:.8rem}.resources-tips{background:#fff;border-radius:16px;box-shadow:0 4px 20px #00000014;margin-top:2rem;padding:2rem}.resources-tips h3{color:#202124;font-size:1.3rem;font-weight:600;margin:0 0 1.5rem}.tips-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.tip-card{background:#f8f9ff;border:1px solid #e8eef7;border-radius:12px;padding:1.5rem}.tip-card h4{color:#1a73e8;font-size:1rem;font-weight:600;margin:0 0 .8rem}.tip-card p{color:#5f6368;font-size:.9rem;line-height:1.5;margin:0}@media (max-width:768px){.resources-container{padding:0 1rem 2rem}.category-header,.resource-hub-header{flex-direction:column;gap:1rem;text-align:center}.resources-grid,.tips-grid{grid-template-columns:1fr}.resource-header{align-items:flex-start;flex-direction:column;gap:.5rem}.resource-type{align-self:flex-start}}.app-layout{display:flex;margin:0;min-height:100vh;overflow-x:hidden;padding:0;position:relative}.hamburger-icon{display:block;font-size:1.2rem}.sidebar-overlay{background:#00000080;bottom:0;display:none;left:0;position:fixed;right:0;top:0;z-index:999}.sidebar{background:#fff;box-shadow:2px 0 10px #0000001a;display:flex;flex-direction:column;flex-shrink:0;overflow:hidden;position:relative;transition:all .3s ease;width:300px;z-index:1000}@media (min-width:769px){.sidebar.collapsed{border-right:none;box-shadow:none;margin:0;max-width:0;min-width:0;opacity:0;padding:0;visibility:hidden;width:0}}@media (max-width:768px){.sidebar,.sidebar-toggle-fixed{display:none}}.sidebar-header{background:linear-gradient(135deg,#4285f4,#3367d6);border-bottom:none;box-shadow:4px 0 12px #4285f433;box-sizing:border-box;flex-shrink:0;height:80px;margin:0;padding:0 .75rem 0 .5rem}.sidebar-header,.sidebar-logo{align-items:center;color:#fff;display:flex;gap:.75rem}.sidebar-logo{font-size:1.1rem;font-weight:600;text-decoration:none}.logo-icon{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fff3;border-radius:10px;font-size:1.8rem;padding:.6rem}.sidebar-hamburger{align-items:center;background:#fff3;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;justify-content:center;margin-left:.25rem;min-height:36px;min-width:36px;padding:.4rem;transition:all .2s ease}.sidebar-hamburger:hover{background:#ffffff4d}.sidebar-hamburger .hamburger-icon{font-size:1.2rem}.sidebar-toggle-fixed{align-items:center;background:linear-gradient(135deg,#4285f4,#3367d6);border:none;border-radius:0 0 8px 0;box-shadow:4px 4px 12px #4285f440;color:#fff;cursor:pointer;display:flex;height:80px;justify-content:center;left:0;padding:0;position:fixed;top:52px;transition:background .2s ease;width:3rem;z-index:1002}.sidebar-toggle-fixed:hover{background:linear-gradient(135deg,#3367d6,#2a5298)}.sidebar-content{flex:1 1;overflow-y:auto;padding:1rem 0}.sidebar-home-link{align-items:center;border-left:3px solid #0000;color:#2c3e50;display:flex;font-weight:500;gap:.75rem;margin-bottom:1rem;padding:.75rem 1.5rem;text-decoration:none;transition:all .2s ease}.sidebar-home-link:hover{background:#f8f9fa;color:#4285f4}.sidebar-home-link.active{background:#e3f2fd;border-left-color:#4285f4;color:#4285f4}.home-icon{font-size:1.2rem}.menu-items{padding:0}.menu-item{margin-bottom:.5rem}.menu-header{align-items:center;cursor:pointer;display:flex;justify-content:space-between;padding:.75rem 1.5rem;transition:all .2s ease;-webkit-user-select:none;user-select:none}.menu-header:hover{background:#f8f9fa}.menu-title{align-items:center;color:#2c3e50;display:flex;font-weight:500;gap:.75rem}.menu-icon{font-size:1.1rem}.menu-arrow{color:#6c757d;font-size:.8rem;transition:transform .2s ease}.menu-arrow.expanded{transform:rotate(180deg)}.submenu{background:#f8f9fa;border-left:3px solid #e9ecef;border-radius:0 8px 8px 0;margin-left:1rem;margin-right:.5rem;max-height:0;overflow:hidden;transition:max-height .3s ease}.submenu.expanded{max-height:400px}.submenu-item{border-bottom:1px solid #e9ecef;border-left:3px solid #0000;color:#2c3e50;display:block;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.submenu-item:last-child{border-bottom:none}.submenu-item.active,.submenu-item:hover{background:#e3f2fd;border-left-color:#4285f4;color:#4285f4}.submenu-item.active{font-weight:500}.submenu-content{display:flex;flex-direction:column;gap:.25rem}.submenu-title{font-size:.9rem;font-weight:500}.submenu-description{color:#6c757d;font-size:.8rem;line-height:1.4}.sidebar-footer{background:#f8f9fa;border-top:1px solid #e1e8ed;padding:1rem 1.5rem}.sidebar-user-info{align-items:center;display:flex;gap:.75rem}.user-avatar{align-items:center;background:#4285f4;border-radius:50%;color:#fff;display:flex;font-size:1.2rem;height:40px;justify-content:center;width:40px}.user-details{display:flex;flex-direction:column;gap:.1rem}.user-name{color:#2c3e50;font-size:.9rem;font-weight:500}.user-status{color:#6c757d;font-size:.8rem}.main-content{flex:1 1;min-height:100vh;overflow-x:hidden;padding-top:4rem;position:relative;transition:all .3s ease}.main-content.sidebar-collapsed{margin-left:0;padding-top:4rem}@media (min-width:769px){.main-content{margin-top:0;padding-left:0;padding-right:0;padding-top:0}.main-content.sidebar-collapsed{margin-left:0;margin-top:0;padding-left:3rem;padding-right:0;padding-top:0}}.page-placeholder{background:#fff;border-radius:12px;box-shadow:0 2px 10px #0000001a;margin:2rem auto;max-width:600px;padding:2rem;text-align:center}.page-placeholder h2{color:#4285f4;font-size:2rem;margin-bottom:1rem}.page-placeholder p{color:#6c757d;font-size:1.1rem}@media (max-width:768px){.main-content,.main-content.sidebar-collapsed{padding-left:0;padding-top:0;width:100%}.app-layout{flex-direction:column}}@media (min-width:769px) and (max-width:1024px){.sidebar{width:280px}}@media (min-width:1400px){.sidebar{width:320px}}.auth-page{align-items:center;background:linear-gradient(135deg,#4285f4,#3367d6);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:16px;box-shadow:0 20px 60px #00000026;max-width:420px;padding:40px;text-align:center;width:100%}.auth-logo{font-size:3rem;margin-bottom:12px}.auth-title{color:#1a1a2e;font-size:1.75rem;font-weight:700;margin:0 0 6px}.auth-subtitle{color:#666;font-size:.95rem;margin:0 0 24px}.auth-success{background:#e8f5e9;color:#2e7d32}.auth-error,.auth-success{border-radius:8px;font-size:.9rem;margin-bottom:20px;padding:12px 16px}.auth-error{background:#fdecea;color:#c62828;text-align:left}.auth-btn-microsoft{align-items:center;background:#0078d4;border:none;border-radius:8px;color:#fff;cursor:pointer;display:flex;font-size:1rem;font-weight:600;gap:10px;justify-content:center;padding:14px 20px;transition:background .2s;width:100%}.auth-btn-microsoft:hover:not(:disabled){background:#006cbd}.auth-btn-microsoft:disabled{cursor:not-allowed;opacity:.6}.auth-btn-icon{font-size:1.1rem}.auth-btn-primary{background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;margin-top:8px;padding:14px 20px;transition:background .2s;width:100%}.auth-btn-primary:hover:not(:disabled){background:#3367d6}.auth-btn-primary:disabled{cursor:not-allowed;opacity:.6}.auth-divider{align-items:center;color:#999;display:flex;font-size:.85rem;gap:12px;margin:24px 0 16px}.auth-divider:after,.auth-divider:before{background:#e0e0e0;content:"";flex:1 1;height:1px}.auth-link-btn{border:2px solid #4285f4;border-radius:8px;color:#4285f4;display:block;font-size:.95rem;font-weight:600;padding:12px 20px;text-decoration:none;transition:background .2s,color .2s;width:100%}.auth-link-btn:hover{background:#4285f4;color:#fff}.auth-form{text-align:left}.auth-field{margin-bottom:16px}.auth-field label{color:#333;display:block;font-size:.875rem;font-weight:600;margin-bottom:6px}.auth-field input{border:1.5px solid #ddd;border-radius:8px;box-sizing:border-box;font-size:.95rem;outline:none;padding:11px 14px;transition:border-color .2s;width:100%}.auth-field input:focus{border-color:#4285f4}.auth-input-group{align-items:center;border:1.5px solid #ddd;border-radius:8px;display:flex;overflow:hidden;transition:border-color .2s}.auth-input-group:focus-within{border-color:#4285f4}.auth-input-group input{border:none;border-radius:0;flex:1 1}.auth-input-group input:focus{border-color:#0000}.auth-domain-suffix{background:#f5f5f5;border-left:1.5px solid #ddd;color:#666;font-size:.85rem;padding:11px 12px;white-space:nowrap}.auth-field small{color:#888;display:block;font-size:.78rem;margin-top:4px}.auth-loading{align-items:center;color:#666;display:flex;font-size:1.1rem;justify-content:center;min-height:100vh}.sidebar-logout-btn{background:#0000;border:1px solid #ffffff4d;border-radius:6px;color:#fffc;cursor:pointer;font-size:.82rem;margin-top:10px;padding:8px 12px;transition:background .2s,color .2s;width:100%}.sidebar-logout-btn:hover{background:#ffffff26;color:#fff}.main-inner{flex:1 1;overflow-y:auto}.milestones-section{padding:.5rem 0 1.5rem}.milestones-section>h2{color:#1a202c;margin-bottom:1.25rem}.milestone-section{background:#fff;border-left:5px solid #4285f4;border-radius:12px;box-shadow:0 2px 10px #00000012;margin-bottom:1.25rem;overflow:hidden}.milestone-section.ms-color-1{border-left-color:#4285f4}.milestone-section.ms-color-2{border-left-color:#34a853}.milestone-section.ms-color-3{border-left-color:#9c5de5}.milestone-section-header{align-items:flex-start;display:flex;gap:.875rem;padding:1.125rem 1.25rem .625rem}.milestone-icon{flex-shrink:0;font-size:1.75rem;line-height:1;margin-top:.1rem}.milestone-header-text{flex:1 1;min-width:0}.milestone-header-text h3{color:#1a202c;font-size:1.05rem;font-weight:700;line-height:1.3;margin:0 0 .2rem}.milestone-description{color:#6b7280;font-size:.85rem;line-height:1.5;margin:0}.milestone-badge{align-self:flex-start;background:#e5e7eb;border-radius:20px;color:#374151;flex-shrink:0;font-size:.78rem;font-weight:600;margin-top:.15rem;padding:.25rem .65rem;white-space:nowrap}.milestone-badge.ms-badge-1{background:#dbeafe;color:#1d4ed8}.milestone-badge.ms-badge-2{background:#dcfce7;color:#15803d}.milestone-badge.ms-badge-3{background:#ede9fe;color:#6d28d9}.milestone-progress-wrap{padding:.375rem 1.25rem .875rem}.milestone-progress-bar{background:#f0f0f0;border-radius:3px;height:6px;overflow:hidden}.milestone-progress-fill{background:#4285f4;border-radius:3px;height:100%;transition:width .35s ease}.ms-color-1 .milestone-progress-fill{background:#4285f4}.ms-color-2 .milestone-progress-fill{background:#34a853}.ms-color-3 .milestone-progress-fill{background:#9c5de5}.milestone-tasks{border-top:1px solid #f3f4f6}.task-row{align-items:flex-start;border-bottom:1px solid #f9fafb;cursor:pointer;display:flex;gap:.875rem;padding:.8rem 1.25rem;transition:background-color .12s;-webkit-user-select:none;user-select:none}.task-row:last-child{border-bottom:none}.task-row:hover{background:#f8faff}.task-row.task-completed{background:#fafafa}.task-checkbox{-webkit-appearance:none;appearance:none;background-color:#fff;border:2px solid #d1d5db;border-radius:5px;cursor:pointer;flex-shrink:0;height:20px;margin-top:2px;min-width:20px;transition:background-color .18s,border-color .18s;width:20px}.task-checkbox:checked{background-color:#34a853;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23fff' d='M13.78 4.22a.75.75 0 0 1 0 1.06l-7.25 7.25a.75.75 0 0 1-1.06 0L2.22 9.28a.75.75 0 0 1 1.06-1.06L6 10.94l6.72-6.72a.75.75 0 0 1 1.06 0z'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:12px;border-color:#34a853}.ms-color-1 .task-checkbox:checked{background-color:#4285f4;border-color:#4285f4}.ms-color-3 .task-checkbox:checked{background-color:#9c5de5;border-color:#9c5de5}.task-content{display:flex;flex:1 1;flex-direction:column;gap:.2rem;min-width:0}.task-title{color:#1f2937;font-size:.925rem;font-weight:600;line-height:1.4}.task-completed .task-title{color:#9ca3af;text-decoration:line-through}.task-desc{color:#6b7280;font-size:.825rem;line-height:1.5}.task-completed .task-desc{color:#d1d5db}.overall-progress-section{background:#fff;border-radius:10px;box-shadow:0 1px 4px #0000000f;margin-bottom:1.25rem;padding:1rem 1.25rem}.overall-progress-bar{background:#f0f0f0;border-radius:5px;height:10px;margin-bottom:.45rem;overflow:hidden}.overall-progress-fill{background:linear-gradient(90deg,#4285f4,#34a853);border-radius:5px;height:100%;transition:width .4s ease}.overall-progress-label{color:#6b7280;font-size:.875rem;font-weight:500}.grade-card-progress{margin:.75rem 0 .25rem}.grade-card-progress-bar{background:#e5e7eb;border-radius:3px;height:6px;margin-bottom:.35rem;overflow:hidden}.grade-card-progress-fill{background:linear-gradient(90deg,#4285f4,#34a853);border-radius:3px;height:100%;transition:width .3s ease}.grade-card-progress-label{color:#6b7280;font-size:.775rem}.loading-msg{color:#9ca3af;font-style:italic;padding:1.5rem 0;text-align:center}.error-msg{color:#ef4444;font-size:.9rem;padding:1rem 0}.dashboard-page{min-height:100vh}.dashboard-overall-section{margin-bottom:2rem}.dashboard-overall-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;padding:1.5rem 2rem}.dashboard-overall-stats{display:flex;flex-wrap:wrap;gap:2rem}.dashboard-stat{align-items:center;display:flex;flex-direction:column;min-width:100px}.dashboard-stat-value{color:#4285f4;font-size:2rem;font-weight:700;line-height:1}.dashboard-stat-label{color:#6b7280;font-size:.8rem;margin-top:.25rem;text-align:center}.dashboard-grades-section{margin-bottom:2rem}.dashboard-grades-section h2{color:#1a1a2e;margin-bottom:1rem}.dashboard-grade-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dashboard-grade-card{background:#fff;border-radius:10px;box-shadow:0 1px 4px #00000014;color:inherit;display:flex;flex-direction:column;padding:1rem 1.25rem;text-decoration:none;transition:transform .15s ease,box-shadow .15s ease}.dashboard-grade-card:hover{box-shadow:0 4px 12px #0000001f;transform:translateY(-2px)}.dashboard-grade-header{align-items:center;display:flex;justify-content:space-between;margin-bottom:.25rem}.dashboard-grade-title{color:#1a1a2e;font-size:.95rem;font-weight:600}.dashboard-grade-badge{background:#eff6ff;border-radius:999px;color:#4285f4;font-size:.8rem;font-weight:700;padding:.15rem .5rem}.dashboard-grade-counts{color:#6b7280;font-size:.78rem;margin-top:.4rem}.milestones-section h2{align-items:center;color:#1a1a2e;display:flex;gap:1rem;margin-bottom:1rem}.dashboard-grade-link{color:#4285f4;font-size:.85rem;font-weight:500;text-decoration:none}.dashboard-grade-link:hover{text-decoration:underline}.profile-page{min-height:100vh}.profile-card{background:#fff;border-radius:12px;box-shadow:0 1px 4px #00000014;max-width:600px;padding:2rem}.profile-section{margin-bottom:1.5rem}.profile-section h2{color:#1a1a2e;font-size:1rem;font-weight:600;margin-bottom:.75rem}.profile-hint{color:#6b7280;font-size:.85rem;margin-bottom:1rem}.profile-field{align-items:center;border-bottom:1px solid #f3f4f6;display:flex;gap:1rem;padding:.5rem 0}.profile-field:last-child{border-bottom:none}.profile-label{color:#6b7280;font-size:.85rem;min-width:60px}.profile-value{color:#1a1a2e;font-size:.95rem;font-weight:500}.profile-divider{border:none;border-top:1px solid #e5e7eb;margin:1.5rem 0}.profile-grade-options{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(2,1fr)}.profile-grade-btn{align-items:flex-start;background:#fff;border:2px solid #e5e7eb;border-radius:10px;cursor:pointer;display:flex;flex-direction:column;gap:.2rem;padding:.85rem 1rem;text-align:left;transition:border-color .15s ease,background .15s ease}.profile-grade-btn:hover{background:#f0f7ff;border-color:#4285f4}.profile-grade-btn.selected{background:#eff6ff;border-color:#4285f4}.profile-grade-num{color:#4285f4;font-size:1.1rem;font-weight:700}.profile-grade-sub{color:#6b7280;font-size:.78rem}.profile-save-row{align-items:center;display:flex;gap:1rem;margin-top:1.25rem}.profile-save-btn{background:#4285f4;border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:.9rem;font-weight:600;padding:.6rem 1.5rem;transition:background .15s ease}.profile-save-btn:hover:not(:disabled){background:#2563eb}.profile-save-btn:disabled{cursor:not-allowed;opacity:.6}.profile-saved-msg{color:#34a853;font-size:.85rem;font-weight:500}.profile-form-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}@media (max-width:500px){.profile-form-grid{grid-template-columns:1fr}}.profile-form-field{display:flex;flex-direction:column;gap:.35rem}.profile-form-field label{color:#374151;font-size:.82rem;font-weight:600}.profile-form-field input,.profile-form-field select{background:#fff;border:1.5px solid #d1d5db;border-radius:8px;color:#1a1a2e;font-size:.9rem;outline:none;padding:.5rem .75rem;transition:border-color .15s ease}.profile-form-field input:focus,.profile-form-field select:focus{border-color:#4285f4}.app-shell{display:flex;flex-direction:column;min-height:100vh}.navbar{background:#1a1a2e;box-shadow:0 2px 8px #00000040;color:#fff;position:-webkit-sticky;position:sticky;top:0;z-index:1100}.navbar-inner{align-items:center;display:flex;gap:8px;height:52px;padding:0 16px}.navbar-hamburger{background:none;border:none;border-radius:6px;color:#fff;cursor:pointer;display:none;line-height:1;padding:6px}.navbar-hamburger:hover{background:#ffffff1f}.navbar-hamburger-icon{font-size:1.2rem}.navbar-menus{align-items:center;display:flex;flex:1 1;gap:2px}.navbar-menu{position:relative}.navbar-menu-btn{align-items:center;background:none;border:none;border-radius:6px;color:#d0d0d0;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:5px;padding:6px 12px;transition:background .15s,color .15s;white-space:nowrap}.navbar-menu-btn.active,.navbar-menu-btn:hover{background:#ffffff1f;color:#fff}.navbar-caret{font-size:.6rem;opacity:.7}.navbar-dropdown{background:#fff;border-radius:10px;box-shadow:0 8px 32px #0000002e;left:0;min-width:270px;padding:6px;position:absolute;top:calc(100% + 6px);z-index:1200}.navbar-dropdown-item{border-radius:7px;color:#2c3e50;display:flex;flex-direction:column;padding:10px 12px;text-decoration:none;transition:background .15s}.navbar-dropdown-item:hover{background:#f0f4ff}.navbar-dropdown-label{color:#1a1a2e;font-size:.875rem;font-weight:600}.navbar-dropdown-desc{color:#6b7280;font-size:.775rem;line-height:1.3;margin-top:1px}.navbar-dropdown-ext{color:#9ca3af;font-size:.7rem}.navbar-user{flex-shrink:0;margin-left:auto;position:relative}.navbar-user-btn{align-items:center;background:#ffffff1a;border:none;border-radius:20px;color:#fff;cursor:pointer;display:flex;gap:8px;padding:5px 10px 5px 5px;transition:background .15s}.navbar-user-btn:hover{background:#fff3}.navbar-user-initials{align-items:center;background:#4285f4;border-radius:50%;display:flex;flex-shrink:0;font-size:.75rem;font-weight:700;height:28px;justify-content:center;width:28px}.navbar-user-name{font-size:.85rem;font-weight:500;white-space:nowrap}.navbar-user-dropdown{background:#fff;border-radius:10px;box-shadow:0 8px 32px #00000029;min-width:200px;padding:6px;position:absolute;right:0;top:calc(100% + 8px);z-index:1200}.navbar-user-dropdown-header{display:flex;flex-direction:column;gap:2px;padding:10px 12px 8px}.navbar-user-dropdown-name{color:#1a1a2e;font-size:.9rem;font-weight:600}.navbar-user-dropdown-email{color:#6b7280;font-size:.78rem}.navbar-user-dropdown-divider{border:none;border-top:1px solid #f0f0f0;margin:0}.navbar-user-dropdown-item{background:none;border:none;border-radius:7px;color:#2c3e50;cursor:pointer;display:block;font-size:.875rem;padding:10px 12px;text-align:left;text-decoration:none;transition:background .15s;width:100%}.navbar-user-dropdown-item:hover{background:#f5f5f5}.navbar-mobile-panel{background:#12122a;border-top:1px solid #ffffff14;max-height:calc(100vh - 52px);overflow-y:auto;padding:8px 0 16px}.navbar-mobile-section{border-bottom:1px solid #ffffff0f}.navbar-mobile-section-btn{align-items:center;background:none;border:none;color:#d0d0d0;cursor:pointer;display:flex;font-size:.95rem;font-weight:600;justify-content:space-between;padding:14px 20px;text-align:left;width:100%}.navbar-mobile-section-btn:hover{color:#fff}.navbar-mobile-items{padding:0 12px 8px}.navbar-mobile-items .navbar-dropdown-item{border-radius:7px;color:#c0c0d0}.navbar-mobile-items .navbar-dropdown-item:hover{background:#ffffff14}.navbar-mobile-items .navbar-dropdown-label{color:#fff}.navbar-mobile-items .navbar-dropdown-desc{color:#88a}@media (max-width:768px){.navbar-hamburger{align-items:center;display:flex}.navbar-menus,.navbar-user-name{display:none}.navbar-user-btn{border-radius:50%;padding:4px}}
/*# sourceMappingURL=main.169422d1.css.map*/