:root{--eocube-primary:#0d6efd;--eocube-secondary:#6c757d;--eocube-success:#198754;--eocube-info:#0dcaf0;--eocube-warning:#ffc107;--eocube-danger:#dc3545;--eocube-light:#f8f9fa;--eocube-dark:#212529}body{font-family:segoe ui,Tahoma,Geneva,Verdana,sans-serif;line-height:1.6;height:100%;margin:0}html,body{display:flex;flex-direction:column}header{background-color:var(--eocube-light);border-bottom:2px solid var(--eocube-primary);padding:1rem 0;margin-bottom:2rem}footer{background-color:var(--eocube-dark);color:var(--eocube-light);border-top:2px solid var(--eocube-primary);margin-top:2rem;padding:2rem 0}a{color:var(--eocube-primary);text-decoration:none;transition:color .3s ease}a:hover{color:var(--eocube-secondary);text-decoration:underline}.vue-app{min-height:200px}.eocube-shadow{box-shadow:0 4px 6px rgba(0,0,0,.1)}.eocube-rounded{border-radius:.5rem}@media(max-width:768px){.container-fluid{padding-left:1rem;padding-right:1rem}.navbar-collapse{flex-direction:column!important;align-items:flex-start!important}.navbar-collapse .d-flex{flex-direction:column!important;align-items:flex-start!important;width:100%}.navbar-nav{flex-direction:column!important;align-items:flex-start!important;width:100%}.navbar-nav .nav-link{width:100%;padding:.75rem 1rem}.navbar-nav .dropdown-menu{position:static;float:none;width:100%;margin-top:0}}