:root{--primary: #0056b3;--secondary: #004085;--accent: #17a2b8;--light: #f8f9fa;--dark: #343a40;--success: #28a745;--warning: #ffc107;--danger: #dc3545;--gray: #6c757d;--light-gray: #e9ecef;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;font-weight:400;color-scheme:light;color:var(--dark);background-color:var(--light);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f7fa}#app{width:100%;margin:0 auto}.maintenance-container{max-width:1200px;margin:0 auto;padding:2rem}header{text-align:center;margin-bottom:2rem;padding:1rem;border-bottom:1px solid var(--light-gray)}.logo-container{display:flex;align-items:center;justify-content:center;margin-bottom:.5rem}.logo{width:180px;height:auto;object-fit:contain;background-color:var(--primary);padding:15px;border-radius:8px}header h2{font-size:1.2rem;color:var(--gray);font-weight:400;margin-top:1rem}.maintenance-notice{background-color:#fff;border-radius:10px;padding:2rem;text-align:center;margin-bottom:2rem;box-shadow:0 4px 6px #0000001a}.maintenance-icon{font-size:4rem;color:var(--warning);margin-bottom:1rem;animation:pulse 2s infinite}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}.maintenance-notice h2{color:var(--primary);margin-bottom:1rem}.maintenance-notice p{color:var(--gray);margin-bottom:.5rem}.systems-container{display:flex;flex-direction:column;gap:2rem}.user-type{background-color:#fff;border-radius:10px;padding:2rem;box-shadow:0 4px 6px #0000001a}.user-type h3{color:var(--primary);margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:2px solid var(--light-gray)}.user-type h3 i{margin-right:.5rem}.links-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.system-link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;color:var(--dark);background-color:var(--light);padding:1.5rem 1rem;border-radius:8px;transition:all .3s ease;border:1px solid var(--light-gray);height:120px}.system-link:hover{transform:translateY(-5px);box-shadow:0 5px 15px #0000001a;border-color:var(--primary);color:var(--primary)}.system-link i{font-size:2rem;margin-bottom:.8rem;color:var(--primary)}.system-link span{font-weight:500;text-align:center}footer{margin-top:3rem;padding-top:2rem;border-top:1px solid var(--light-gray);text-align:center}.contact-info{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1rem}.contact-info p{color:var(--gray)}.contact-info i{margin-right:.5rem;color:var(--primary)}.copyright{font-size:.9rem;color:var(--gray);margin-top:1rem}@media (max-width: 768px){.systems-container{flex-direction:column}.links-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.system-link{padding:1rem;height:100px}.system-link i{font-size:1.5rem}.logo{width:150px}header h2{font-size:1rem}}@media (max-width: 480px){.maintenance-container{padding:1rem}.links-grid{grid-template-columns:repeat(2,1fr)}.logo{width:120px}}