*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,sans-serif;background-color:#00040c;line-height:1.6;color:#fff}a{text-decoration:none;color:inherit}.container{display:flex;justify-content:space-between;align-items:center;padding:15px 25px}.container-grid{width:100%}.center{display:flex;justify-content:center;align-items:center}.text-center{text-align:center}.float-left{float:left}.float-right{float:right}.full-width{width:100%}.alert{padding:14px 18px;border-radius:6px;font-size:14px;margin-bottom:20px;display:flex;align-items:center;gap:10px;font-weight:500;border:1px solid transparent}.alert-success{background-color:#e6f4ea;color:#2e7d32;border-color:#c3e6cb}.alert-danger{background-color:#fee2e2;color:#b91c1c;border-color:#fecaca}.alert-warning{background-color:#fff4e5;color:#8a5d00;border-color:#ffe0a3}.error{color:#d32f2f;font-size:12px}.input-error{border-color:#d32f2f!important}button:disabled{background:#4a6a8b;cursor:not-allowed}.btn-container{margin-top:30px}.link{color:#1976d2}.left{float:left!important}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.btn{padding:12px 16px;border-radius:6px;cursor:pointer;border:none;transition:.3s;font-size:15px}.btn-primary{background-color:#1976d2;color:#000}.btn-primary:hover{opacity:.9}.btn-secondary{background-color:#818fd8;color:#000;margin-left:20px}.btn-secondary:hover{background-color:#5a6268}.btn-primary-small{background-color:#1976d2;color:#fff;padding:5px 15px}.btn-danger{padding:12px 16px;border-radius:6px;cursor:pointer;border:none;transition:.3s;font-size:15px;background-color:#d32f2f;color:#fff}.no-space{margin:0}@media(max-width:768px){.container{padding:10px 8px}}main.container{min-height:calc(100vh - 126px)}.container-grid h3{text-align:center;font-size:1.5rem;margin-bottom:5px;opacity:.8}.container-grid .cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;width:100%}.container-grid .cards .card{background:#c1c2d4;padding:30px;border-radius:12px;box-shadow:0 4px 20px #0000000d;text-align:center;color:#000}.container-grid .cards .card .row-data{padding:10px;display:flex}.container-grid .cards .card .row-data label{font-weight:700;min-width:125px;text-align:left}.container-grid .cards .card .row-data span{padding-left:10px;text-align:left}.container-grid .cards .card .row-data span.text-style{text-transform:capitalize}.container-grid .back-btn{background:none;border:none;color:#1976d2;cursor:pointer;margin-bottom:10px;float:left;z-index:5;position:relative}@media(max-width:1024px){.container-grid .cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.container-grid .cards{grid-template-columns:1fr}}.header{height:55px;background:#1976d2;color:#fff;box-shadow:0 2px 10px #0000001a}.header .container{padding:10px 25px}.header .logo{font-size:22px;font-weight:700;cursor:pointer;width:108px}.header .logo .logo-txt{font-size:10px;text-transform:uppercase;margin-left:42px;margin-top:8px;display:inherit}.header .logo .mobile-name{display:none}.header .nav-links{display:flex;align-items:center;gap:25px}.header .nav-links a{color:#fff;text-decoration:none;position:relative;transition:.3s ease}.header .nav-links a.active:after{content:"";position:absolute;bottom:-5px;left:0;width:100%;height:2px;background:#fff}.header .nav-links a:hover{opacity:.8}.header .nav-links .btn{background:#fff;color:#1976d2;padding:6px 14px;border-radius:4px;font-weight:600}.header .nav-links .logout{background:#e53935;color:#fff;border:none;cursor:pointer}.header .nav-links .user-name{font-size:18px}.header .nav-links .user-name span{padding:0 0 0 10px;display:inline-block;position:relative;top:-3px}.header .hamburger{display:none;flex-direction:column;cursor:pointer;gap:5px}.header .hamburger span{width:25px;height:3px;background:#fff;transition:.3s ease}.header .hamburger.open span:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.header .hamburger.open span:nth-child(2){opacity:0}.header .hamburger.open span:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.mobile-menu{display:none;flex-direction:column;background:#0d47a1;padding:15px 25px}.mobile-menu a,.mobile-menu button{color:#fff;padding:10px 0;text-align:left;background:none;border:none;text-decoration:none;cursor:pointer}@media(max-width:1024px){.nav-links{display:none!important}.hamburger{display:flex!important}.mobile-menu{display:flex}.mobile-name{position:absolute;right:80px;display:inline!important;top:3px}.mobile-name span{font-size:18px;font-weight:400;margin-left:10px;position:relative;top:-3px}}@media(max-width:768px){.mobile-name span{top:6px;overflow:hidden;width:200px;text-overflow:ellipsis;white-space:nowrap;display:inline-block}}@media(max-width:480px){.header{height:55px}.header .container{padding:10px 15px 10px 10px}.header .container .logo-txt{display:none}.mobile-name{right:40px}.mobile-name span{width:140px}.container-grid .cards .card{padding:30px 15px}}.loader-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#0009;display:flex;justify-content:center;align-items:center;z-index:9999}.loader-overlay .spinner{width:40px;height:40px;border:4px solid #ccc;border-top:4px solid #007bff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.footer{background:#424242;color:#fff;box-shadow:0 2px 10px #0000001a;border-bottom:4px solid #1976d2;margin-top:30px}.footer .nav-links{display:flex;align-items:center;gap:25px}.footer .copy-right{font-size:11px}.footer .container{padding:5px 25px}@media(max-width:1200px){.footer .container{display:grid;justify-content:center}.footer .container .nav-links{display:grid!important;grid-template-columns:repeat(5,1fr);gap:15px}.footer .container .copy-right{margin-top:20px}}@media(max-width:768px){.footer .container .nav-links{grid-template-columns:repeat(3,1fr)}}@media(max-width:576px){.footer .container .nav-links{grid-template-columns:repeat(2,1fr)}}