	.sgh-dashboard{
		    display:grid;
		    gap:24px;
		    padding:20px;
		}
	
	/*
	=========================================
	HERO
	=========================================
	*/
	
	.sgh-teacher-planner-hero{
	
	    display:flex;
	    justify-content:space-between;
	    align-items:center;
	    flex-wrap:wrap;
	    gap:20px;
	
	    padding:24px;
	
	    border-radius:24px;
	
	    background:linear-gradient(
	        135deg,
	        rgba(37,99,235,0.25),
	        rgba(124,58,237,0.25)
	    );
	
	    border:1px solid rgba(255,255,255,0.08);
	
	    backdrop-filter:blur(12px);
	}
	
	.sgh-teacher-planner-hero h1{
	    margin:0;
	    color:#fff;
	}
	
	.sgh-teacher-planner-hero p{
	    margin-top:8px;
	    color:rgba(255,255,255,.8);
	}
	

	
	/*
	=========================================
	STATS
	=========================================
	*/
	
	.sgh-teacher-stats-grid{
	
	    display:grid;
	
	    grid-template-columns:
	        repeat(auto-fit,minmax(220px,1fr));
	
	    gap:20px;
	}
	
	.sgh-teacher-stat-card{
	
	    padding:22px;
	
	    border-radius:20px;
	
	    background:rgba(255,255,255,0.04);
	
	    border:1px solid rgba(255,255,255,0.08);
	
	    backdrop-filter:blur(10px);
	
	    text-align:center;
	}
	
	.sgh-teacher-stat-card h2{
	
	    margin:0;
	
	    font-size:38px;
	
	    color:#60a5fa;
	}
	
	.sgh-teacher-stat-card p{
	
	    margin-top:10px;
	
	    color:rgba(255,255,255,.75);
	}
	
	/*
	=========================================
	WEEK GRID
	=========================================
	*/
	
	.sgh-teacher-week-grid{
	
	    display:grid;
	
	    grid-template-columns:
	        repeat(5,minmax(260px,1fr));
	
	    gap:20px;
	
	    overflow-x:auto;
	
	    padding-bottom:10px;
	}
	
	/*
	=========================================
	DAY COLUMN
	=========================================
	*/
	
	.sgh-teacher-day-column{
	
	    display:flex;
	    flex-direction:column;
	    gap:15px;
	
	    min-width:260px;
	}
	
	.sgh-teacher-day-header{
	
	    display:flex;
	    justify-content:space-between;
	    align-items:center;
	
	    padding:14px 16px;
	
	    border-radius:16px;
	
	    background:rgba(255,255,255,0.05);
	
	    border:1px solid rgba(255,255,255,0.08);
	}
	
	.sgh-teacher-day-header h3{
	
	    margin:0;
	
	    color:#fff;
	}
	
	.sgh-teacher-day-header span{
	
	    font-size:12px;
	
	    color:#93c5fd;
	
	    font-weight:600;
	}
	
	/*
	=========================================
	EMPTY STATE
	=========================================
	*/
	
	.sgh-teacher-empty-slot{
	
	    padding:20px;
	
	    border-radius:16px;
	
	    background:rgba(255,255,255,0.03);
	
	    border:1px dashed rgba(255,255,255,0.10);
	
	    color:rgba(255,255,255,.5);
	
	    text-align:center;
	}
	
	/*
	=========================================
	LESSON CARD
	=========================================
	*/
	
	.sgh-teacher-lesson-card{
	
	    display:flex;
	    flex-direction:column;
	    gap:12px;
	
	    padding:18px;
	
	    border-radius:18px;
	
	    background:rgba(255,255,255,0.04);
	
	    border:1px solid rgba(255,255,255,0.08);
	
	    transition:.2s ease;
	}
	
	.sgh-teacher-lesson-card:hover{
	
	    transform:translateY(-3px);
	
	    border-color:
	        rgba(96,165,250,.35);
	}
	
	.sgh-teacher-lesson-top{
	
	    display:flex;
	
	    justify-content:space-between;
	
	    align-items:flex-start;
	
	    gap:10px;
	}
	
	.sgh-teacher-lesson-top strong{
	
	    color:#fff;
	
	    font-size:15px;
	}
	
	.sgh-teacher-lesson-meta{
	
	    font-size:13px;
	
	    color:rgba(255,255,255,.75);
	}
	
	/*
	=========================================
	STATUS BADGES
	=========================================
	*/
	
	.sgh-teacher-status{
	
	    padding:6px 10px;
	
	    border-radius:999px;
	
	    font-size:11px;
	
	    font-weight:700;
	
	    white-space:nowrap;
	}
	
	.sgh-teacher-status-draft{
	
	    background:
	        rgba(245,158,11,.20);
	
	    color:#fbbf24;
	}
	
	.sgh-teacher-status-completed{
	
	    background:
	        rgba(34,197,94,.20);
	
	    color:#4ade80;
	}
	
	.sgh-teacher-status-not-started{
	
	    background:
	        rgba(239,68,68,.20);
	
	    color:#f87171;
	}
	
	/*
	=========================================
	SUMMARY BOX
	=========================================
	*/
	
	.sgh-teacher-summary-box{
	
	    padding:12px;
	
	    border-radius:12px;
	
	    background:
	        rgba(255,255,255,0.04);
	
	    border:
	        1px solid rgba(255,255,255,0.06);
	
	    font-size:13px;
	
	    color:rgba(255,255,255,.85);
	
	    line-height:1.6;
	}
	
	.sgh-teacher-summary-box strong{
	    color:#fff;
	}
	
	/*
	=========================================
	FOOTER INFO
	=========================================
	*/
	
	.sgh-teacher-summary-footer{
	
	    display:flex;
	
	    justify-content:space-between;
	
	    align-items:center;
	
	    flex-wrap:wrap;
	
	    gap:10px;
	
	    padding-top:10px;
	
	    border-top:
	        1px solid rgba(255,255,255,.08);
	
	    font-size:12px;
	
	    color:#cbd5e1;
	}
	
	/*
	=========================================
	WORKSPACE BUTTON
	=========================================
	*/
	
	.sgh-teacher-open-btn{
	
	    display:block;
	
	    text-align:center;
	
	    text-decoration:none;
	
	    padding:12px;
	
	    border-radius:12px;
	
	    background:
	        linear-gradient(
	            135deg,
	            #2563eb,
	            #1d4ed8
	        );
	
	    color:#fff;
	
	    font-weight:600;
	
	    transition:.2s;
	}
	
	.sgh-teacher-open-btn:hover{
	
	    transform:translateY(-2px);
	
	    opacity:.95;
	}
	
	/*
	=========================================
	COMPLETED LESSON HIGHLIGHT
	=========================================
	*/
	
	.sgh-teacher-status-completed
	~ .sgh-teacher-summary-box{
	
	    border-color:
	        rgba(34,197,94,.20);
	}
	
	/*
	=========================================
	SCROLLBAR
	=========================================
	*/
	
	.sgh-teacher-week-grid::-webkit-scrollbar{
	    height:8px;
	}
	
	.sgh-teacher-week-grid::-webkit-scrollbar-thumb{
	
	    background:
	        rgba(255,255,255,.15);
	
	    border-radius:999px;
	}

	.sgh-teacher-homework-analytics{

    display:grid;

    grid-template-columns:
        repeat(3,1fr);

    gap:10px;

    margin-top:10px;
	}

	/*
	=========================================
	HOMEWORK ANALYTICS
	=========================================
	*/

	.sgh-teacher-homework-analytics div{
	
	    text-align:center;
	
	    padding:10px;
	
	    border-radius:10px;
	
	    background:
	        rgba(255,255,255,.04);
	
	    font-size:12px;
	}
	
	.sgh-teacher-history-panel{
	
	    margin-top:12px;
	
	    padding-top:12px;
	
	    border-top:
	        1px solid rgba(255,255,255,.08);
	}
	
	.sgh-teacher-history-item{
	
	    padding:10px;
	
	    margin-top:8px;
	
	    border-radius:10px;
	
	    background:
	        rgba(255,255,255,.03);
	}
	
	.sgh-teacher-history-item small{
	
	    display:block;
	
	    margin-top:4px;
	
	    opacity:.7;
	}
	
	/*
	=========================================
	MOBILE
	=========================================
	*/
	
	@media(max-width:1200px){
	
	    .sgh-teacher-week-grid{
	
	        grid-template-columns:
	            repeat(5,320px);
	    }
	}
	
	@media(max-width:768px){
	
	    .sgh-teacher-dashboard{
	        padding:15px;
	    }
	
	    .sgh-teacher-planner-hero{
	
	        flex-direction:column;
	
	        align-items:flex-start;
	    }
	
	    .sgh-teacher-planner-nav{
	        width:100%;
	    }
	
	    .sgh-teacher-planner-nav a{
	        flex:1;
	    }
	
	    .sgh-teacher-stat-card h2{
	        font-size:30px;
	    }
	
	    .sgh-teacher-week-grid{
	
	        grid-template-columns:
	            repeat(5,280px);
	    }