.login-page{background-color:#000;left:0;position:fixed;top:0;z-index:1000}.login-container,.login-page{align-items:center;display:flex;height:100vh;justify-content:center;width:100%}.login-container{margin:0;padding:0;position:relative}.login-background{z-index:1}.background-image,.login-background{height:100%;left:0;position:absolute;top:0;width:100%}.background-image{margin:0;opacity:.7;padding:0}.login-content{flex-direction:row;gap:4rem;justify-content:space-between;max-width:1200px;padding:2rem;position:relative;width:100%;z-index:2}.login-content,.login-logo{align-items:center;display:flex}.login-logo{flex:1 1;justify-content:flex-end;padding-right:2rem}.login-form-container{background-color:#fffffff2;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex:1 1;flex-direction:row;margin-left:2rem;max-width:800px;overflow:hidden;padding:2rem;width:100%}.login-form{border-right:1px solid #0000001a;flex:1 1;padding-right:2rem}.login-logo-container{align-items:center;background-color:#000000f2;display:flex;flex:1 1;justify-content:center;margin:-2rem -2rem -2rem 0;padding:2rem}.login-form-container h2{color:#000;font-size:1.8rem;margin-bottom:1.5rem;text-align:center}.form-group{margin-bottom:1.5rem}.form-group label{color:#000;display:block;font-weight:500;margin-bottom:.5rem}.form-group input{border:2px solid gold;border-radius:5px;font-size:1rem;padding:.75rem;transition:border-color .3s ease;width:100%}.form-group input:focus{border-color:#000;outline:none}button{background-color:gold;border:none;border-radius:5px;color:#000;cursor:pointer;font-size:1rem;font-weight:600;padding:.75rem;transition:background-color .3s ease;width:100%}button:hover{background-color:#ffc800}button:disabled{background-color:#ccc;cursor:not-allowed}.error-message{background-color:#ffebee;border-radius:5px;color:#c62828;margin-bottom:1rem;padding:.75rem;text-align:center}*{box-sizing:border-box}*,body{margin:0;padding:0}.logo-image{filter:brightness(1.2) contrast(1.1);height:auto;max-width:400px;width:400px}body,html{height:100%;margin:0;overflow-x:hidden;padding:0}.dashboard-page{min-height:100vh;overflow:hidden;position:relative;width:100%}.dashboard-background{height:100vh;left:0;position:fixed;top:0;width:100vw;z-index:-1}.background-image{background:#000;display:block;height:100vh;object-fit:contain;object-position:center;width:100vw}.dashboard-nav{align-items:center;background-color:#000;box-shadow:0 2px 4px #0003;display:flex;height:64px;left:0;padding:0 2rem;position:fixed;right:0;top:0;z-index:1000}.nav-logo{height:40px;margin-right:1rem}.nav-logo img{height:100%;width:auto}.nav-title h1{color:gold;font-size:1.5rem;font-weight:600;margin:0}.dashboard-content{padding-left:20px;padding-right:20px;padding-top:0}.dashboard-buttons{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin:0 auto;max-width:1200px}.dashboard-card{background-color:#ffffffe6;border-radius:10px;box-shadow:0 4px 6px #0000001a;display:flex;flex-direction:column;min-height:250px;padding:20px;transition:transform .3s ease}.dashboard-card:hover{transform:translateY(-5px)}.card-content{align-items:center;display:flex;flex-direction:column;flex-grow:1;text-align:center}.card-icon{color:#000;font-size:48px!important;margin-bottom:15px}.card-content h3{color:#000;font-size:1.5rem;margin:10px 0}.card-content p{color:#666;font-size:1rem;margin:0}.card-button{border:none;border-radius:5px;cursor:pointer;font-weight:700;margin-top:20px;padding:10px 20px;transition:opacity .3s ease}.card-button:hover{opacity:.9}@media (max-width:1200px){.dashboard-buttons{flex-wrap:wrap}.dashboard-card{width:280px}}@media (max-width:768px){.dashboard-buttons{flex-direction:column;padding:1rem}.dashboard-card{height:250px;width:100%}.card-icon{font-size:2.5rem!important}}