:root{--primary-color: #4c63ff;--secondary-color: #303f9f;--background-color: #f8f9fa;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--print-color: #28a745}.card:hover{transform:translateY(-5px);box-shadow:0 6px 25px #0000001f}.form-control{padding:.8rem;border-radius:10px;border:2px solid #eee;transition:all .3s ease}.form-control:focus{border-color:var(--secondary-color);box-shadow:0 0 0 .2rem #3498db40}.badge{padding:.5rem 1rem;border-radius:8px;font-weight:600}.animated{animation-duration:.3s;animation-fill-mode:both}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 768px){.search-box{width:100%;margin-top:15px}}:root{--primary-color: #4c63ff;--secondary-color: #303f9f;--background-color: #f8f9fa;--gray-color: #6c757d;--black-color: #212529;--card-shadow: 0 4px 20px rgba(0, 0, 0, .08);--gradient-primary: linear-gradient(135deg, var(--primary-color), var(--secondary-color));--gradient-light: linear-gradient(135deg, #f8f9fa, #e9ecef);--text-primary: var(--black-color);--text-secondary: var(--gray-color);--text-muted: #6c757d;--border-color: #dee2e6;--border-light: #e9ecef;--success-color: #28a745;--danger-color: #dc3545;--warning-color: #ffc107;--info-color: var(--primary-color)}.sumercode-logo{width:50px;margin-bottom:10px;margin-top:10px;display:block}body{font-family:Cairo,sans-serif;background-color:var(--background-color);color:var(--primary-color)}.navbar{background-color:var(--primary-color);padding:0;margin-bottom:1.2rem;box-shadow:var(--card-shadow)}.navbar-brand{font-weight:700}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color)}.btn-primary:hover{background-color:var(--secondary-color)}.btn-success{background-color:var(--print-color);border-color:var(--print-color)}.main-container{max-width:1400px;margin:2rem auto;padding:0 1rem;align-items:center}.card{background:#fff;border-radius:15px;box-shadow:var(--card-shadow);border:none;margin-bottom:1.5rem;transition:transform .3s ease,box-shadow .3s ease}.card-title{color:var(--primary-color);font-weight:600;border-bottom:2px solid #eee;padding-bottom:1rem}.card:hover{transform:translateY(-5px);box-shadow:var(--card-shadow)}.search-box .input-group{box-shadow:var(--card-shadow);border-radius:10px;overflow:hidden}.search-box .form-control{border:none;padding-right:15px;padding-left:15px;height:45px}.search-box .btn{padding:0 20px;border-radius:0;height:45px;display:flex;align-items:center;gap:8px}.search-box .btn i{font-size:14px}.btn{padding:.8rem 1.5rem;border-radius:10px;font-weight:600;transition:all .3s ease}.fade-in{animation-name:fadeIn}.page-title{color:var(--primary-color);font-weight:700;font-size:2.5rem;margin-bottom:10px}.page-header{text-align:center;margin-bottom:40px;padding-bottom:20px}.table{border-radius:10px;overflow:hidden}.table th{background-color:var(--primary-color);color:#fff;font-weight:600;border:none}.table td{vertical-align:middle}.section-title{color:var(--primary-color)}