.login-form{display:grid;grid-template-rows:auto 1fr auto;gap:20px;padding:30px 25px;width:350px;background:#fffffff2;border-radius:12px;box-shadow:0 4px 15px #00000026}.login-form .form-title{text-align:center;font-size:24px;color:#333;margin:0}.login-form .error{color:red;text-align:center;font-size:14px}.forms-grid{display:flex;flex-direction:column;gap:15px}.form-input{display:flex;flex-direction:column;gap:5px}.form-input label{font-size:14px;color:#555}.form-input input{padding:10px 12px;font-size:14px;border:1px solid #ccc;border-radius:6px;transition:border .2s}.form-input input:focus{outline:none;border-color:#28a745;box-shadow:0 0 5px #28a74566}.login-form .btn{width:100%;padding:12px;font-size:16px;font-weight:700;background-color:#28a745;border:none;color:#fff;cursor:pointer;border-radius:6px;transition:background-color .2s}.login-form .btn:hover{background-color:#218838}.login-form .switch-link{text-align:center;font-size:14px;color:#555}.login-form .switch-link span{color:#28a745;cursor:pointer;text-decoration:underline}.background-video{position:fixed;top:0;left:0;width:100%;height:100dvh;object-fit:cover;z-index:-2}.overlay{position:fixed;top:0;left:0;width:100%;height:100dvh;background-color:#00000080;z-index:-1}.app-header{display:grid;justify-content:space-between;align-items:center;padding:20px 40px;position:relative;z-index:2;margin-bottom:0}.title{font-size:2rem;font-weight:700;color:#fff}.btn{padding:10px 18px;border:none;background:#007bff;color:#fff;border-radius:5px;cursor:pointer;font-weight:700}.btn:hover{background:#0056b3}.logout-btn{background:#ff4d4d}.logout-btn:hover{background:#c00}.app-content{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:2;display:grid;place-items:center;width:100%;padding:20px}.app-container{display:grid;place-items:center;width:100%}.register-form,.login-form{display:grid;gap:15px;padding:20px;max-width:400px;background:#ffffffe6;border-radius:10px;margin:0}.form-grid{display:grid;grid-template-columns:1fr;gap:15px}.form-title{text-align:center;font-size:1.6rem;font-weight:700;color:#312727;margin:0}.error{color:red;font-size:.9rem;text-align:center}.switch-link{text-align:center;font-size:.9rem;color:#555}.switch-link span{color:#007bff;cursor:pointer;text-decoration:underline}.title{margin-bottom:750px;margin-left:760px}.logout-container{padding-left:730px;padding-bottom:10px;z-index:999}@media (max-width: 768px){.register-form,.login-form{max-width:90%;padding:25px 20px}}.auth-card{max-width:420px;margin:0 auto;padding:24px;background:#ffffffeb;border-radius:16px}.btn{padding:10px 16px;border-radius:10px;border:none;background:#111;color:#fff;cursor:pointer}.btn-outline{padding:10px 16px;border-radius:10px;border:1px solid #111;background:#fff}.btn-ghost{padding:10px 16px;border-radius:10px;border:1px dashed #bbb;background:transparent}.divider{display:flex;align-items:center;gap:12px;margin:12px 0;color:#777}.divider:before,.divider:after{content:"";height:1px;background:#ddd;flex:1}.error{color:#d33}body{font-family:Arial,sans-serif;background-color:#f0f2f5;margin:0;width:100%}.ant-layou{width:100%!important}.ant-layout-header{background:#fff}.ant-layout-content{margin:auto}button{cursor:pointer}