:root{--accent:#2b4d8b;--bg:#f6f9ff;--input-border:#e6eefb;--input-focus:#a0b8e9}
*{box-sizing:border-box;font-family:'Cairo',sans-serif}
body{margin:0;background:linear-gradient(180deg,var(--bg),#fff);color:#0b1220;padding:18px}
.container{max-width:1200px;margin:0 auto}
.card{background:#fff;padding:16px;border-radius:14px;box-shadow:0 8px 24px rgba(11,18,32,0.06);margin-top:16px}
.btn{background:var(--accent);color:#fff;padding:10px 12px;border-radius:10px;border:0;cursor:pointer;font-weight:600}
.btn.ghost{background:transparent;color:var(--accent);border:1px solid rgba(43,77,139,0.12)}
.list{display:flex;flex-direction:column;gap:8px;margin-top:12px}
.table{width:100%;border-collapse:collapse;margin-top:12px;background:#fff;border-radius:10px;overflow:hidden}
.table th,.table td{border-bottom:1px solid #eef6ff;padding:10px;text-align:center;vertical-align:middle}
.table thead th{background:linear-gradient(90deg,#f0f6ff,#ffffff);color:var(--accent);font-weight:700}
.chart-container{max-height:360px; overflow:auto; padding:6px; border-radius:8px; background:#fbfcfe}
.modal{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;background:rgba(11,18,32,0.35);z-index:60}
.box{background:#fff;padding:18px;border-radius:12px;min-width:320px;max-width:95%}
@media print{ .btn,.actions,#teacherPanel,.modal{display:none !important} .card{box-shadow:none;padding:6mm} }
.small-note{font-size:13px;color:#445}
.center{text-align:center}
.badge{background:#eef6ff;color:var(--accent);padding:6px 8px;border-radius:8px;font-weight:600}
.lesson-select{padding:8px;border-radius:8px;border:1px solid #e6eefb}
.table select { padding: 4px; border: 1px solid var(--input-border); border-radius: 6px; font-size: 14px; }
.table input[type="text"] {
    padding: 4px;
    border: none;
    border-radius: 6px;
    text-align: right;
    font-size: 14px;
    width: 100%;
    background: transparent;
}