.login-page{height:100vh;overflow:hidden}.login-image-col{background-size:cover;background-position:center;background-repeat:no-repeat;position:relative;min-height:300px}.login-image-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#0000004d;display:flex;flex-direction:column;justify-content:flex-end;padding:40px;color:#fff}.login-quote{font-size:24px;font-weight:300;margin-bottom:10px;text-shadow:0 2px 4px rgba(0,0,0,.5)}.login-quote-author{font-size:14px;opacity:.9}.login-form-col{display:flex;align-items:center;justify-content:center;background-color:#f8f9fa}.login-card{width:100%;max-width:450px;padding:40px;background:#fff;border-radius:10px;box-shadow:0 10px 30px #00000014}.login-header{text-align:center;margin-bottom:30px}.login-logo{width:60px;height:60px;background:#1a73e8;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;font-size:24px}.btn-primary-custom{background-color:#1a73e8;border:none;padding:12px;font-weight:500;transition:all .3s}.btn-primary-custom:hover{background-color:#1557b0;transform:translateY(-1px);box-shadow:0 4px 12px #1a73e84d}@media(max-width:768px){.login-image-col{display:none}}.compliance-board{max-width:1200px;margin:0 auto;padding:20px;background:#fff}.board-header{border:2px solid #333;padding:20px;margin-bottom:20px}.school-logo .logo-placeholder{width:100px;height:100px;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;font-weight:700;color:#999}.board-title{font-size:24px;font-weight:700;color:#1a73e8;margin:0}.board-subtitle{font-size:14px;color:#666}.school-info{margin-top:15px;padding-top:15px;border-top:1px solid #ddd}.compliance-dashboard-section{margin-bottom:30px}.section-title{font-size:18px;font-weight:700;text-align:center;margin-bottom:15px;padding:10px;background:#f8f9fa;border:1px solid #dee2e6}.compliance-table{font-size:14px}.compliance-table thead{background:#e9ecef}.compliance-table th{font-weight:700;text-align:center;vertical-align:middle;padding:12px 8px}.compliance-table td{vertical-align:middle;padding:10px 8px}.compliance-table td:first-child{font-weight:500}.section-breakdown{margin-bottom:30px}.section-card{border:1px solid #dee2e6;height:100%;page-break-inside:avoid}.section-card-header{background:#f8f9fa;padding:10px 15px;border-bottom:1px solid #dee2e6}.section-card-header h4{font-size:14px;font-weight:700;margin:0}.section-card-body{padding:15px}.document-type-list{list-style:none;padding:0;margin:0 0 15px;font-size:13px}.document-type-list li{padding:3px 0}.section-qr-container{text-align:center;padding-top:10px;border-top:1px dashed #dee2e6}.qr-label{font-size:12px;font-weight:500;margin-bottom:8px}.section-qr-code{width:120px;height:120px;border:1px solid #ddd}.qr-placeholder{width:120px;height:120px;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;margin:0 auto;color:#999}.board-footer{margin-top:30px;page-break-inside:avoid}.footer-divider{border-top:2px solid #333;margin:20px 0}.footer-title{font-size:16px;font-weight:700;margin-bottom:15px}.master-qr-section{text-align:center;margin:20px 0}.master-qr-code{width:200px;height:200px;border:2px solid #333;margin:10px auto;display:block}.qr-placeholder-large{width:200px;height:200px;border:2px dashed #ccc;display:flex;align-items:center;justify-content:center;margin:10px auto;color:#999}.powered-by{text-align:center;margin:15px 0;font-size:14px}.action-buttons{display:flex;justify-content:flex-end}@media print{.no-print{display:none!important}.compliance-board{padding:0;max-width:100%}.board-header{border:2px solid #000}.section-title{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.compliance-table{font-size:12px}.compliance-table,.compliance-table th,.compliance-table td{border:1px solid #000!important}.section-card{border:1px solid #000;margin-bottom:10px}.section-card-header{background:#f0f0f0!important;-webkit-print-color-adjust:exact;print-color-adjust:exact}.footer-divider{border-top:2px solid #000}.master-qr-code{border:2px solid #000}.badge{-webkit-print-color-adjust:exact;print-color-adjust:exact}.section-card,.board-footer{page-break-inside:avoid}@page{size:A4;margin:15mm}}@media(max-width:768px){.board-title{font-size:20px}.compliance-table{font-size:12px}.section-card-header h4{font-size:13px}.document-type-list{font-size:12px}}@keyframes slideInRight{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.table tbody tr{cursor:pointer;transition:background-color .2s}.table tbody tr:hover{background-color:#00000005}.table tbody tr.selected{background-color:#0d6efd1a}.form-check-input{cursor:pointer}.sidebar{position:fixed;top:0;left:0;height:100vh;width:260px;background:linear-gradient(180deg,#1e293b,#0f172a);box-shadow:2px 0 10px #0000001a;z-index:1000;display:flex;flex-direction:column}.sidebar-header{padding:1.5rem 1.25rem;border-bottom:1px solid rgba(255,255,255,.1);background:#0003}.sidebar-header h5{color:#fff;font-weight:600;font-size:1.1rem;letter-spacing:.5px}.sidebar-nav{flex:1;padding:1rem 0;overflow-y:auto}.sidebar-link{display:flex;align-items:center;padding:.875rem 1.25rem;color:#ffffffb3;text-decoration:none;transition:all .3s ease;position:relative;margin:.25rem .75rem;border-radius:.5rem}.sidebar-link:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:3px;height:0;background:#3b82f6;border-radius:0 3px 3px 0;transition:height .3s ease}.sidebar-link:hover{background:#ffffff0d;color:#fff;transform:translate(4px)}.sidebar-link:hover:before{height:60%}.sidebar-link.active{background:#3b82f626;color:#fff;font-weight:500}.sidebar-link.active:before{height:100%}.sidebar-icon{display:flex;align-items:center;justify-content:center;margin-right:.875rem;min-width:20px}.sidebar-label{font-size:.95rem;letter-spacing:.3px}.sidebar-nav::-webkit-scrollbar{width:6px}.sidebar-nav::-webkit-scrollbar-track{background:#ffffff0d}.sidebar-nav::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.sidebar-nav::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.main-content{margin-left:260px;min-height:100vh;background:#f8f9fa}@media(max-width:768px){.sidebar{transform:translate(-100%);transition:transform .3s ease}.sidebar.show{transform:translate(0)}.main-content{margin-left:0}}.dashboard{animation:fadeIn .3s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.stat-card{background:#fff;border-radius:12px;padding:1.5rem;display:flex;align-items:center;gap:1rem;box-shadow:0 2px 8px #00000014;transition:all .3s ease;border:1px solid rgba(0,0,0,.05)}.stat-card:hover{transform:translateY(-4px);box-shadow:0 4px 16px #0000001f}.stat-icon{width:56px;height:56px;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.stat-card-primary .stat-icon{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.stat-card-success .stat-icon{background:linear-gradient(135deg,#10b981,#059669);color:#fff}.stat-card-warning .stat-icon{background:linear-gradient(135deg,#f59e0b,#d97706);color:#fff}.stat-card-danger .stat-icon{background:linear-gradient(135deg,#ef4444,#dc2626);color:#fff}.stat-content{flex:1}.stat-label{font-size:.875rem;color:#6b7280;font-weight:500;margin-bottom:.25rem}.stat-value{font-size:2rem;font-weight:700;color:#111827;line-height:1}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 2px 8px #00000014;border:1px solid rgba(0,0,0,.05);overflow:hidden;height:100%}.dashboard-card-header{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(0,0,0,.08);background:linear-gradient(to bottom,#fafafa,#fff)}.dashboard-card-header h5{display:flex;align-items:center;color:#111827;font-weight:600}.dashboard-card-body{padding:1.5rem;max-height:400px;overflow-y:auto}.empty-state{text-align:center;padding:3rem 1rem}.document-list{display:flex;flex-direction:column;gap:.75rem}.document-item{display:flex;align-items:center;justify-content:space-between;padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb;transition:all .2s ease}.document-item:hover{background:#f3f4f6;border-color:#d1d5db;transform:translate(4px)}.document-info{flex:1;min-width:0}.document-title{font-weight:600;color:#111827;margin-bottom:.25rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.document-meta{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.compliance-list{display:flex;flex-direction:column;gap:1.25rem}.compliance-item{padding:1rem;background:#f9fafb;border-radius:8px;border:1px solid #e5e7eb}.compliance-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.compliance-category{font-weight:600;color:#111827}.compliance-count{font-size:.875rem;color:#6b7280;font-weight:500}.compliance-footer{margin-top:.5rem}.progress{background-color:#e5e7eb;border-radius:4px;overflow:hidden}.progress-bar{transition:width .6s ease}.dashboard-card-body::-webkit-scrollbar{width:6px}.dashboard-card-body::-webkit-scrollbar-track{background:#f3f4f6}.dashboard-card-body::-webkit-scrollbar-thumb{background:#d1d5db;border-radius:3px}.dashboard-card-body::-webkit-scrollbar-thumb:hover{background:#9ca3af}