.sidebar{background-color:#fff;transition:width .3s ease}.sidebar .menu-title{font-size:14px;color:#aaa;padding:15px 20px;text-transform:uppercase}.submenu a{display:flex;align-items:center;padding:10px 20px;color:#444;text-decoration:none;font-size:16px;transition:background-color .3s}.submenu a .menu-arrow{margin-left:auto;transition:transform .3s ease}.submenu.active .menu-arrow{transform:rotate(90deg)}.submenu ul{padding-left:10px;border-radius:4px}.submenu ul li .menu-item{display:block;padding:8px 20px;font-size:14px;color:#555;border-radius:4px;transition:background-color .3s}.submenu ul li .menu-item:hover,.submenu ul li .menu-item.active{background-color:#3b82f6;color:#fff}.app-container{display:flex;flex-direction:column;height:100vh}.header{width:100%;position:sticky;top:0;z-index:10;background-color:#fff}.content-layout{display:flex;flex-grow:1;overflow:hidden}.sidebar{width:250px;height:calc(100vh - 60px);overflow-y:auto;background-color:#fff;position:relative;top:0!important}.main-content{flex-grow:1;overflow-y:auto;padding:20px;background-color:#f8f9fa}.footer{background-color:#fff;text-align:center;padding:10px}.sidebar::-webkit-scrollbar,.main-content::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-thumb,.main-content::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:3px}.sidebar::-webkit-scrollbar-track,.main-content::-webkit-scrollbar-track{background-color:#f1f1f1}.sidebar::-webkit-scrollbar-thumb:hover,.main-content::-webkit-scrollbar-thumb:hover{background-color:#999}.sidebar,.main-content{scrollbar-width:thin;scrollbar-color:#ccc #f1f1f1}.page-wrapper{margin-left:0;padding-top:0;position:relative}.main-wrapper{font-family:Arial,sans-serif}.page-wrapper{padding:20px}.content.container-fluid{background-color:#fff;padding:20px}.page-header{margin-bottom:20px}.page-sub-header{display:flex;justify-content:space-between;align-items:center}.page-title{font-size:24px;font-weight:700}.breadcrumb{list-style:none;padding:0;margin:0}.breadcrumb-item{display:inline;margin-right:5px}.breadcrumb-item a{color:#007bff;text-decoration:none}.breadcrumb-item.active{color:#6c757d}.report-card{margin-top:20px}.student-info{display:flex;justify-content:space-between}.student-info p,.footer p{margin:5px 0;font-size:14px}.exam-title{text-align:center;font-size:18px;margin:10px 0}.report-table{width:100%;border-collapse:collapse;margin:20px 0}.report-table th,.report-table td{border:1px solid #000;text-align:center;padding:5px}.report-table th{background-color:#f2f2f2}.footer{margin-top:20px;text-align:right}.filter select{padding:5px 10px;border-radius:4px;border:1px solid #ccc}.view-switcher .btn{margin-right:10px}.fit{display:flex;justify-content:space-between;width:100%}@media print{body *{visibility:hidden}.report-cards-container,.report-card,.report-table,.student-info{visibility:visible}.report-card{page-break-after:always}.page-header,.content,.main-wrapper,.print-button{display:none}}.notes-section{margin-top:20px;padding:10px;background-color:#f9f9f9;border-top:1px solid #ddd}.notes-section p{margin:5px 0;font-size:14px;color:#555}.school-info{text-align:center;margin-bottom:20px}.school-info h1{font-size:24px;margin:10px 0}.school-info p{font-size:16px;margin:5px 0}.school-info h2{font-size:20px;margin:10px 0;color:#333}.signature-section{margin-top:20px;padding:10px;background-color:#f9f9f9;border-top:1px solid #ddd}.signature-section p{margin:5px 0;font-size:14px;color:#555}